function createCheckbox(id,fun)
{
	obj = document.createElement('input');
	obj.type="checkbox";
	obj.id=id;
	obj.onchange=fun;
	return obj;
}
function createLink(id,name,url)
{
	obj = document.createElement('a');
	obj.setAttribute("href",url);
	obj.setAttribute("id",id);
	obj.innerHTML=name;
	return obj;
	
}
function createTextbox(id,className,type)
{
	obj = document.createElement('input');
	obj.setAttribute("type",type);
	obj.setAttribute("className", className);
	obj.className=className;
	obj.setAttribute("id",id);
	return obj;
}
function createTextArea(id,className,row,col)
{
	tArea = document.createElement('textarea');
	tArea.setAttribute("id",id);
	tArea.setAttribute("className",className);
	tArea.className=className;
	tArea.setAttribute("rows",row);
	tArea.setAttribute("cols",col);
	return tArea;
}
function createTable(id,className,row,col)
{
	tb = document.createElement('table');
	tb.setAttribute("className",className);
	tb.className=className;
	myTbody = document.createElement("tbody");
	for(i=0;i<row;i++)
	{
		
		tr = document.createElement('tr');
		for(j=0;j<col;j++)
		{
			td = document.createElement('td');
			td.setAttribute("id",id+'_td_'+i+'_'+j);
			//td.style="vartical-align:top";
			//td.setAttribute("valign",valign);
			td.innerHTML="&nbsp;";
			tr.appendChild(td);
		}
		myTbody.appendChild(tr);
		
			
		
		
		
	}
	tb.appendChild(myTbody);
	return tb;
}
function createSpan(id,className,html)
{
	sp = document.createElement('span');
	sp.setAttribute("id",id);
	sp.setAttribute("className",className);
	sp.className=className;
	sp.innerHTML=html;
	return sp;
}
function createComboBox(id,className)
{
	cb = document.createElement('select');
	cb.setAttribute("id",id);
	cb.setAttribute("className",className);
	cb.className=className;
	return cb;
}
function createOption(val,text,selected)
{
	ops = document.createElement('option');
	ops.value=val;
	ops.innerHTML=text;
	ops.selected=selected;
	return ops;
}
function createButton(id,className,val,fun)
{
	bt = document.createElement('input');
	bt.setAttribute("id",id);
	bt.setAttribute("type",'button');
	bt.setAttribute("className",className);
	bt.className=className;
	bt.setAttribute("value",val);
	bt.onclick=fun;
	return bt;
}
function createDiv(id,className,html)
{
	dv = document.createElement('div');
	dv.setAttribute('id',id);
	dv.setAttribute("className",className);
	dv.className=className;
	dv.innerHTML=html;
	return dv;
}
function makeBlankCanvas(id,className,width,height,html,title)
{
	wt = createDiv(id);
	wt.style.width = ((applicationWidth))+"px";
	wt.style.height = ((applicationHeight))+"px";
	wt.style.cursor = "wait";
	wt.style.position="absolute";
	wt.style.top="0px";
	wt.style.left="0px";
	wt.innerHTML  = "";
	wt.style.zIndex ="100";
	wt.style.opacity = ".5";
	wt.style.filter=" alpha(opacity = 50)";
	wt.style.backgroundColor = "#000000";
	dv = createDiv(id+"_dlg");
	dv.style.width=width+"px";
	dv.style.height=height+"px";
	dv.style.left=((windowWidth/2)-(width/2))+"px";
	dv.style.top=((windowHeight/2)-(height/2))+"px";
	dv.style.zIndex ="1";
	dv.className = className;
	dv.style.position="absolute";
	dv.style.zIndex="101";
	dv.innerHTML='<div id="'+id+'_title" style="height:20px"></div><div id="'+id+'_content"></div>';	
	
	document.getElementById('applicationWindow').appendChild(wt);
	document.getElementById('applicationWindow').appendChild(dv);
	document.getElementById(id+'_title').innerHTML="<b>"+title+'</b>';
	document.getElementById(id+'_title').className=className+"_title";
	document.getElementById(id+'_content').style.height=height-20;
	document.getElementById(id+'_content').style.overflow="auto";
	document.getElementById(id+'_content').innerHTML=html;
	
}

function createTabPanel(id,className,tabCnt)
{
	ns=createDiv(id,"","");
	ns.setAttribute("className",id+className);
	ns.className = id+className;
	
	tbcnt = createTextbox(id+"_tabCnt","","hidden")
	tbcnt.value=tabCnt;
	ns.appendChild(createTextbox(id+"_selectedTab","","hidden"));
	ns.appendChild(tbcnt);
	title=createDiv(id+"_bar","","");
	title.setAttribute("className",id+className+"_bar");
	title.className = id+className+"_bar";
	for(i=0;i<tabCnt;i++)
	{
		tb=createDiv(id+"_tab"+i,"","Tab "+i);
		tb.setAttribute("className",id+className+"_title");
		tb.className = id+className+"_title";
		tbId=createTextbox(id+"_tab"+i+"_ID","","hidden");
		tbId.value=i;
		title.appendChild(tbId);
		tb.onclick=function (e)
		{
			var browser=navigator.appName;
			var b_version=navigator.appVersion;
			var version=parseFloat(b_version);
			var evt=window.event || e;
			//alert(evt.srcElement.id);
			//setTabContent('eventTab',0,browser);
			if(browser!="Microsoft Internet Explorer")
			{
				setSelectedtab(id,getObj(e.target.id+"_ID").value);
			}
			else
			{
				setSelectedtab(id,getObj(window.event.srcElement.id+"_ID").value);
			}
			
		}
		//setSelectedtab(id,getObj(e.target.id+"_ID").value);
		title.appendChild(tb);
		dt = createTextbox(id+"_value"+i,"","hidden");
		dt.value="Tab Content "+i;
		title.appendChild(dt);
	}
	cnt=createDiv(id+"_content","","");
	cnt.setAttribute("className",id+className+"_content");
	cnt.className = id+className+"_content";	
	ns.appendChild(title);
	ns.appendChild(cnt);
	
	return ns;/**/
}
function initALlTab(id)
{
	tabCnt=getObj(id+"_tabCnt").value;
	className=getObj(id).className;
	//alert(tabCnt);
	for(i=0;i<tabCnt;i++)
	{
		//alert(id+"_tab"+i);
		getObj(id+"_tab"+i).className= className+"_title";
		getObj(id+"_tab"+i).setAttribute("className",className+"_title");
	}
}
function setSelectedtab(id,tabIndex)
{
	initALlTab(id);
	tabClass=getObj(id).className;
	getObj(id+"_tab"+tabIndex).className=tabClass+"_selected";
	getObj(id+"_content").innerHTML = getObj(id+"_value"+tabIndex).value;
	tabClicked(id+"_tab"+tabIndex);
}
function setTabTitle(id,i,title)
{
	getObj(id+"_tab"+i).innerHTML = title;
}
function setTabContent(id,i,html)
{
	getObj(id+"_value"+i).value = html;
	
	if(getObj(id+"_selectedTab").value==i)
	{
		getObj(id+"_content").innerHTML=html;
	}
	
}