/******************************************************************
	main event handler...
******************************************************************/

var eventObj = new Array();
var handlerObj = new Array();
var tmpIMG;
var topbarIMG = "/images/mask/top_bar.gif";

var btnLeftIMG = "/images/mcs2/btn_left.gif";
var btnCenterIMG = "/images/mcs2/btn_center.gif";
var btnRightIMG = "/images/mcs2/btn_right.gif";
var iconDefaultMG = "/images/mcs2/icon_default.gif";

function makeDepth(area, depth)
{
	if(depth==null) depth = area.depth;
	
	var date			= area.date ==null ? "" : area.date ;
	var userNm	= area.userNm ==null ? "" : "[ "+area.userNm+" ]" ;
	var helpImg    = area.help ==null ? "" : area.help ;
	
	tblObj			= document.createElement("TABLE");
	rowObj			= document.createElement("TR");
	cellObj1			= document.createElement("TD");
	cellObj2			= document.createElement("TD");

	tblObj.cellspacing=0;
	tblObj.cellpadding=0;
	tblObj.width='100%';
//	cellObj1.width='55%';
//	cellObj2.width='45%';
	cellObj2.align='right';

	tblObj.appendChild(rowObj);
	rowObj.appendChild(cellObj1);
	rowObj.appendChild(cellObj2);
	
	var tmpDepth = depth.split(">");
	
	cellObj1.className="shadow";
	cellObj1.innerHTML = "<IMG src='"+topbarIMG+"'>&nbsp;";

	for(idx=0 ; idx<tmpDepth.length ; idx++)
	{
		if(idx==tmpDepth.length-1)  {
			cellObj1.innerHTML += "<FONT color=black><b>"+tmpDepth[idx]+"</b></FONT>";
			if( helpImg.length > 0 )
				cellObj1.innerHTML += "&nbsp;"+helpImg;
		} else
			cellObj1.innerHTML += tmpDepth[idx] +">";
	}
	
	cellObj2.innerHTML += date+" "+userNm;
	area.appendChild(tblObj);
	//area.innerHTML+="<textarea cols=100 rows=20>"+area.innerHTML+"</textarea>";
	setWaitIMG(area);
}

function setWaitIMG(areaID)
{
	var w_imgID = "waitIMG";
	areaID.innerHTML +="<div style='position:absolute;left:expression((document.body.clientWidth-200)/2);top:expression((document.body.clientHeight-100)/2);width:300;height:100;visibility:hidden;z-index:999' id="+w_imgID+">"
//								+"<img src='/images/mask/wait.gif' border=0 >"
								+"<embed src='/images/flash/wait.swf' quality=high type='application/x-shockwave-flash' />"
							+"</div>";
}

function makeAllEvent(areaID)
{
	eventObj = areaID.all;

	var tblObj		= document.createElement("TABLE");
	var rowObj		= document.createElement("TR");
	var cellObj;
	tblObj.cellspacing=0;
	tblObj.cellpadding=0;


	for(idx=0 ; idx<eventObj.length ; idx++)
	{
		if(eventObj[idx].tagName != 'MAIN_EVENT') continue;
		
		cellObj				= document.createElement("TD");

		//cellObj.id		= "event$" + idx;
		cellObj.id		= "event$";
		cellObj.title		= eventObj[idx].alt != null ? eventObj[idx].alt : "" ;
		cellObj.className="imgBtn";
		cellObj.onclick = eventObj[idx].handler;

		btnHTML = "<TABLE border=0 cellspacing=0 cellpadding=0 onselectstart= 'return false' style='z-index:10'>"
							+"<TR>"
								+"<TD><IMG src='"+btnLeftIMG+"' ></TD>";
						if(eventObj[idx].icon != null)
				btnHTML	+="<TD background='"+btnCenterIMG+"'><IMG src='"+eventObj[idx].icon+"' style='z-index:10'></TD>"

						else
				btnHTML	+="<TD background='"+btnCenterIMG+"'><IMG src='"+iconDefaultMG+"' style='z-index:10'></TD>"

				btnHTML	+="<TD background='"+btnCenterIMG+"'>&nbsp;"+eventObj[idx].name+"</TD>"
								+"<TD><IMG src='"+btnRightIMG+"' style='z-index:10'></TD>"
							+"<TR>"
						+"</TABLE>";
										
		cellObj.innerHTML = btnHTML;
		rowObj.appendChild(cellObj);

		cellObj				= document.createElement("TD");
		cellObj.innerHTML = "&nbsp;";
		rowObj.appendChild(cellObj);
	}
	tblObj.appendChild(rowObj);
	areaID.appendChild(tblObj);
	areaID.style.zIndex=10;
	areaID.innerHTML+="";	
	//areaID.innerHTML+="<textarea cols=100 rows=20>"+areaID.innerHTML+"</textarea>";
}


/******************************************************************
	tab handler...
******************************************************************/

var tabObj = new Array();
var selTabID;
var formNm="";
var selTabIMG		= '/images/mcs2/tab_on.gif';
var unselTabIMG		= '/images/mcs2/tab_off.gif';
var tabLine			= '/images/mcs2/tab_line.gif';

function makeTab(tarea, form)
{
	tabObj =  tarea.all;

	if(form != null)	 	formNm = form+".";

	var tblObj	= document.createElement("TABLE");
	var rowObj	= document.createElement("TR");
	var cellObj	= document.createElement("TD");
	var imgObj;

	tblObj.cellspacing=0;
	tblObj.cellpadding=0;

	tblObj.appendChild(rowObj);
	rowObj.appendChild(cellObj);
	tblObj.width= tarea.style.width;
	
	for(idx=0 ; idx<tabObj.length ; idx++)
	{
		imgObj = document.createElement("IMG");
		imgObj.id='tabIMG$'+idx;
		
		imgObj.style.position = 'relative';
		imgObj.style.left = idx* (-7);

		if(tabObj[idx].selected != null && tabObj[idx].selected=='true')
		{
			imgObj.src= selTabIMG;
			imgObj.style.zIndex= 200;	// selected tab...
		}else{
			imgObj.src= unselTabIMG;
			imgObj.style.zIndex= 100-idx;	// unselected tab...

		}
		cellObj.appendChild(imgObj);
	}
	
	rowObj		= document.createElement("TR");
	cellObj		= document.createElement("TD");
	cellObj.innerHTML = "<img src='"+tabLine+"' width='100%' height=1 style='position:relative;top:-1;z-index:1'>";

	rowObj.appendChild(cellObj);
	tblObj.appendChild(rowObj);

	var textTblObj = document.createElement("TABLE");
	textTblObj.style.tableLayout = "fixed";
	var textRowObj = document.createElement("TR");
	var textCellObj ;
	textTblObj.style.position = 'relative';
	textTblObj.style.top = -20;
	textTblObj.style.zIndex= 200;

	textTblObj.appendChild(textRowObj);

	for(idx=0 ; idx<tabObj.length ; idx++)
	{
		textCellObj = document.createElement("TD");
		textCellObj.id='tabTEXT$'+idx;

		textCellObj.imgObj='tabIMG$'+idx;	// tab image object...
		textCellObj.idx=100-idx;					// tab index...
		textCellObj.title= tabObj[idx].alt;
		textCellObj.tabID= tabObj[idx].tabID;
		if( tabObj[idx].disable != 'true' ) {
			textCellObj.style.cursor= 'hand';
			textCellObj.onclick = 'onTab(this)';
		} 
		
		textCellObj.style.color = '#FFFEFF';
		textCellObj.innerHTML = tabObj[idx].name;
		textCellObj.width = 94;
		textCellObj.align = 'left';

		if(tabObj[idx].selected != null && tabObj[idx].selected=='true')
		{
			textCellObj.style.color = '#366A94';
			textCellObj.style.fontWeight='bold';
			selTabID = tabObj[idx].tabID;
		}

		textRowObj.appendChild(textCellObj);
	}
	tarea.appendChild(tblObj);
	tarea.appendChild(textTblObj);
	tarea.innerHTML+="";
	//tarea.innerHTML+="<textarea cols=100 rows=20>"+tarea.innerHTML+"</textarea>";

}

function onTab(selTab)
{
	for(idx=0 ; idx<tabObj.length ; idx++)
	{
		if(tabObj[idx].tabID == selTab.tabID && tabObj[idx].tabID != null)
		{
			eval(formNm+tabObj[idx].imgObj).src = selTabIMG;
			eval(formNm+tabObj[idx].imgObj).style.zIndex= 200;
			tabObj[idx].style.color = '#366A94';
			tabObj[idx].style.fontWeight='bold';
			selTabID = tabObj[idx].tabID;
			eval(tabObj[idx].tabID).style.display='';
		}else if( tabObj[idx].tabID != null ){
			eval(formNm+tabObj[idx].imgObj).src  = unselTabIMG;
			eval(formNm+tabObj[idx].imgObj).style.zIndex= tabObj[idx].idx;
			tabObj[idx].style.color = '#FFFEFF';
			tabObj[idx].style.fontWeight='';
			eval(tabObj[idx].tabID).style.display='none';
		}
	}
    
    // Only Register Disable Button
    if( selTabID == 'tab3') {
        eventDisable(true, 'Modify');
        eventDisable(true, 'Delete');
    } else {
        eventDisable(false, 'Modify');
        eventDisable(false, 'Delete');
    }
    
    // Only List Able Button 
    if( selTabID == 'tab1' ) {
        eventDisable(false, 'ToBeModify');
    } else {
        eventDisable(true, 'ToBeModify');        
    }
}

function getTabID()
{
	return selTabID;
}

function eventDisable(flag, titleName) {
    var objEvent = eventsArea.all.event$;
    for(var idx=0; idx<objEvent.length; idx++)  {
        if( objEvent[idx].title == titleName ) {
            if( flag == true)
    	        objEvent[idx].style.cursor= null;
    	    else
    	        objEvent[idx].style.cursor= 'hand';
            objEvent[idx].disabled = flag; 
        } 
    }
}