/*************************************************************
	InnovaStudio WebMenu 1.1
	Copyright © 2004, Yusuf Wiryonoputro. All rights reserved.
**************************************************************/
function DropMenu(oName)
	{
	this.oName=oName;
	this.arrMenus=[];	
	this.showMenu=showMenu;
	this.showMenu2=showMenu2;
	this.hideMenuAll=hideMenuAll;
	this.renderType;
	this.renderHorizontal=renderHorizontal;
	this.renderVertical=renderVertical;
	this.mouseOut=mouseOut;
	this.mouseOver=mouseOver;
	
	//default styles
	this.align="right";
	this.styleBorder="";
	this.styleBg="";
	this.styleBgOver="";
	this.styleBgOut="";
	this.styleColor="";
	this.styleColorOver="";
	this.styleColorOut="";
	this.styleFontFamily="";
	this.styleFontSize="";
	this.styleFontWeight="";
	
	this.stylePaddingLeft="";
	this.stylePaddingRight="";
	this.stylePaddingTop="";
	this.stylePaddingBottom="";
	}
	
	
	
	
function renderHorizontal()
	{
	this.renderType="horizontal";
	document.write("<table align='"+this.align+"' cellpadding=0 cellspacing=0 style='border-collapse:collapse;' width='100%'><tr>");
	for(var i=0;i<this.arrMenus.length;i++)
		{
		//render top menu
		if(this.arrMenus[i][1]=="0")
			{
			document.write("<td style='border:"+this.styleBorder+";' align='center'>");
			
			var linkId="sc_link_"+this.oName+this.arrMenus[i][0];
			document.write("<table border=0 cellpadding=0 cellspacing=0 align=center width='100%'><tr><td align=center id=\"divLabel"+this.oName+this.arrMenus[i][0]+"\" style='background:"+this.styleBg+"; cursor:pointer; padding-left:"+this.stylePaddingLeft+"; padding-right:"+this.stylePaddingRight+"; padding-top:"+this.stylePaddingTop+"; padding-bottom:"+this.stylePaddingBottom+"; font-family:"+this.styleFontFamily+";font-weight:"+this.styleFontWeight+"; font-size:"+this.styleFontSize+"; color:"+this.styleColor+";' onclick=\"openLink('"+linkId+"')\" onmouseout=\"pausecomp(250);"+this.oName+".mouseOut(this.id);\" onmouseover=\""+this.oName+".mouseOver(this.id);return !"+this.oName+".showMenu(this,'divMenu"+this.oName+this.arrMenus[i][0]+"',event)\" nowrap>");
			document.write(this.arrMenus[i][2]);			
			document.write("<a id=\""+linkId+"\" href=\""+this.arrMenus[i][3]+"\"></a>")
			document.write("</td></tr></table>");
			
			//~~~~~~~~~~~~~~
			var nParent=this.arrMenus[i][0];
			
			document.write("<span id='divMenu"+this.oName+nParent+"' style='visibility:hidden;position:absolute;' onmouseover='event.cancelBubble=true;'>");
			document.write("<table cellpadding=0 cellspacing=0 width='' align='left'>");
			var nmCount=0;
			for(var j=0;j<this.arrMenus.length;j++)
				{				
				if(this.arrMenus[j][1]==nParent)
					{
					var sAlign="";if(this.align=="right")sAlign="align=right";
					var sTopBorder="";if(nmCount>0)sTopBorder="border-top:none;";nmCount++;
					var linkId="sc_link_"+this.oName+this.arrMenus[j][0];
					document.write("<tr><td "+sAlign+" nowrap id=\"divLabel"+this.oName+this.arrMenus[j][0]+"\" style='background:"+this.styleBg+";border:"+this.styleBorder+";"+sTopBorder+"cursor:pointer;padding-left:"+this.stylePaddingLeft+";padding-right:"+this.stylePaddingRight+";padding-top:"+this.stylePaddingTop+";padding-bottom:"+this.stylePaddingBottom+";font-family:"+this.styleFontFamily+";font-weight:"+this.styleFontWeight+";font-size:"+this.styleFontSize+";color:"+this.styleColor+";' onmouseout=\""+this.oName+".mouseOut(this.id);\" onclick=\"openLink('"+linkId+"')\" onmouseover=\""+this.oName+".mouseOver(this.id);return !"+this.oName+".showMenu2('divMenu"+this.oName+nParent+"',this,'divMenu"+this.oName+this.arrMenus[j][0]+"',event)\">");				
					document.write(this.arrMenus[j][2]);					
					document.write("<a id=\""+linkId+"\" href=\""+this.arrMenus[j][3]+"\"></a>")

					
					//~~~~~~~~~~~~~~
					var nParent2=this.arrMenus[j][0];
					
					document.write("<span id='divMenu"+this.oName+nParent2+"' style='visibility:hidden;position:absolute;' onmouseover='event.cancelBubble=true;'>");
					document.write("<table cellpadding=0 cellspacing=0 align='right'>");
					for(var k=0;k<this.arrMenus.length;k++)
						{
						if(this.arrMenus[k][1]==nParent2)
							{
							var sAlign="";
							if(this.align=="right")sAlign="align=left";
							var linkId="sc_link_"+this.oName+this.arrMenus[k][0];
							document.write("<tr><td "+sAlign+" nowrap id=\"divLabel"+this.oName+this.arrMenus[k][0]+"\" style='background:"+this.styleBg+";border:"+this.styleBorder+";cursor:pointer;padding-left:"+this.stylePaddingLeft+";padding-right:"+this.stylePaddingRight+";padding-top:"+this.stylePaddingTop+";padding-bottom:"+this.stylePaddingBottom+";font-family:"+this.styleFontFamily+";font-weight:"+this.styleFontWeight+";font-size:"+this.styleFontSize+";color:"+this.styleColor+";' onclick=\"openLink('"+linkId+"');event.cancelBubble=true;\" onmouseout=\""+this.oName+".mouseOut(this.id);\" onmouseover=\""+this.oName+".mouseOver(this.id);\" >");
							document.write(this.arrMenus[k][2]);							
							document.write("<a id=\""+linkId+"\" href=\""+this.arrMenus[k][3]+"\"></a>")
							document.write("</td></tr>");
							}			
						}
					document.write("</table>")
					document.write("</span>");
					//~~~~~~~~~~~~~~					
					
					document.write("</td></tr>");		
					}			
				}
			document.write("</table>");				
			document.write("</span>");
			//~~~~~~~~~~~~~~
				
			document.write("</td>");
			}
		}
	document.write("</tr></table>");
	}





function renderVertical()
	{
	this.renderType="vertical";
	document.write("<table align='"+this.align+"' cellpadding=0 cellspacing=0 style='border-collapse:collapse;'>");
	for(var i=0;i<this.arrMenus.length;i++)
		{
		//render top menu
		if(this.arrMenus[i][1]=="0")
			{
			document.write("<tr><td style='border:"+this.styleBorder+";'>");
			
			var linkId="sc_link_"+this.oName+this.arrMenus[i][0];
			document.write("<table width=100% border=0 cellpadding=0 cellspacing=0><tr><td id=\"divLabel"+this.oName+this.arrMenus[i][0]+"\" style='background:"+this.styleBg+";cursor:pointer;padding-left:"+this.stylePaddingLeft+";padding-right:"+this.stylePaddingRight+";padding-top:"+this.stylePaddingTop+";padding-bottom:"+this.stylePaddingBottom+";font-family:"+this.styleFontFamily+";font-weight:"+this.styleFontWeight+";font-size:"+this.styleFontSize+";color:"+this.styleColor+";' onclick=\"openLink('"+linkId+"')\" onmouseout=\""+this.oName+".mouseOut(this.id);\" onmouseover=\""+this.oName+".mouseOver(this.id);return !"+this.oName+".showMenu(this,'divMenu"+this.oName+this.arrMenus[i][0]+"',event)\" nowrap>");
			document.write(this.arrMenus[i][2]);
			document.write("<a id=\""+linkId+"\" href=\""+this.arrMenus[i][3]+"\"></a>")
			document.write("</td></tr></table>");
			
			//~~~~~~~~~~~~~~
			var nParent=this.arrMenus[i][0];
			
			document.write("<span id='divMenu"+this.oName+nParent+"' style='visibility:hidden;position:absolute;' onmouseover='event.cancelBubble=true;'>");
			document.write("<table cellpadding=0 cellspacing=0><tr><td></td></tr>");
			var nmCount=0;
			for(var j=0;j<this.arrMenus.length;j++)
				{				
				if(this.arrMenus[j][1]==nParent)
					{
					var sAlign="";if(this.align=="right")sAlign="align=right";
					var sTopBorder="";if(nmCount>0)sTopBorder="border-top:none;";nmCount++;
					var linkId="sc_link_"+this.oName+this.arrMenus[j][0];
					document.write("<tr><td "+sAlign+" nowrap id=\"divLabel"+this.oName+this.arrMenus[j][0]+"\" style='background:"+this.styleBg+";border:"+this.styleBorder+";"+sTopBorder+"cursor:pointer;padding-left:"+this.stylePaddingLeft+";padding-right:"+this.stylePaddingRight+";padding-top:"+this.stylePaddingTop+";padding-bottom:"+this.stylePaddingBottom+";font-family:"+this.styleFontFamily+";font-weight:"+this.styleFontWeight+";font-size:"+this.styleFontSize+";color:"+this.styleColor+";' onmouseout=\""+this.oName+".mouseOut(this.id);\" onclick=\"openLink('"+linkId+"')\" onmouseover=\""+this.oName+".mouseOver(this.id);return !"+this.oName+".showMenu2('divMenu"+this.oName+nParent+"',this,'divMenu"+this.oName+this.arrMenus[j][0]+"',event)\">");				
					document.write(this.arrMenus[j][2]);					
					document.write("<a id=\""+linkId+"\" href=\""+this.arrMenus[j][3]+"\"></a>")

					
					//~~~~~~~~~~~~~~
					var nParent2=this.arrMenus[j][0];
					
					document.write("<span id='divMenu"+this.oName+nParent2+"' style='visibility:hidden;position:absolute;' onmouseover='event.cancelBubble=true;'>");
					document.write("<table cellpadding=0 cellspacing=0><tr><td></td></tr>");
					var bTop=true;
					for(var k=0;k<this.arrMenus.length;k++)
						{
						if(this.arrMenus[k][1]==nParent2)
							{
							if(bTop)
								{
								bTop=false;
								
								var sAlign="";
								if(this.align=="right")sAlign="align=right";
								var linkId="sc_link_"+this.oName+this.arrMenus[k][0];
								document.write("<tr><td "+sAlign+" nowrap id=\"divLabel"+this.oName+this.arrMenus[k][0]+"\" style='background:"+this.styleBg+";border:"+this.styleBorder+";cursor:pointer;padding-left:"+this.stylePaddingLeft+";padding-right:"+this.stylePaddingRight+";padding-top:"+this.stylePaddingTop+";padding-bottom:"+this.stylePaddingBottom+";font-family:"+this.styleFontFamily+";font-weight:"+this.styleFontWeight+";font-size:"+this.styleFontSize+";color:"+this.styleColor+";' onclick=\"openLink('"+linkId+"');event.cancelBubble=true;\" onmouseout=\""+this.oName+".mouseOut(this.id);\" onmouseover=\""+this.oName+".mouseOver(this.id);\" >");
								document.write(this.arrMenus[k][2]);							
								document.write("<a id=\""+linkId+"\" href=\""+this.arrMenus[k][3]+"\"></a>")
								document.write("</td></tr>");
								}
							else
								{//border-top:none
								var sAlign="";
								if(this.align=="right")sAlign="align=right";
								var linkId="sc_link_"+this.oName+this.arrMenus[k][0];
								document.write("<tr><td "+sAlign+" nowrap id=\"divLabel"+this.oName+this.arrMenus[k][0]+"\" style='background:"+this.styleBg+";border:"+this.styleBorder+";border-top:none;cursor:pointer;padding-left:"+this.stylePaddingLeft+";padding-right:"+this.stylePaddingRight+";padding-top:"+this.stylePaddingTop+";padding-bottom:"+this.stylePaddingBottom+";font-family:"+this.styleFontFamily+";font-weight:"+this.styleFontWeight+";font-size:"+this.styleFontSize+";color:"+this.styleColor+";' onclick=\"openLink('"+linkId+"');event.cancelBubble=true;\" onmouseout=\""+this.oName+".mouseOut(this.id);\" onmouseover=\""+this.oName+".mouseOver(this.id);\" >");
								document.write(this.arrMenus[k][2]);							
								document.write("<a id=\""+linkId+"\" href=\""+this.arrMenus[k][3]+"\"></a>")
								document.write("</td></tr>");
								}
							}			
						}
					document.write("</table>")
					document.write("</span>");
					//~~~~~~~~~~~~~~					
					
					document.write("</td></tr>");		
					}			
				}
			document.write("</table>");				
			document.write("</span>");
			//~~~~~~~~~~~~~~
				
			document.write("</td></tr>");
			}
		}
	document.write("</table>");
	}




function objStyle(idName)
	{
	if(document.getElementById && document.getElementById(idName))
		return document.getElementById(idName).style;
	else if(document.all && document.all(idName))
		return document(idName).style;
	else if(document.layers && document.layers(idName))//not used
		return document.layers(idName);
	else return false;
	}




function showMenu(oEl,idMenu,evt)
	{
	document.onmouseover=new Function(this.oName+".hideMenuAll()");
	
	var oMenuStyle=objStyle(idMenu);
	if(this.renderType=="horizontal")
		{
		oMenuStyle.top = getTop(oEl.id)+oEl.offsetHeight;
		if(this.align=="left") oMenuStyle.left = getLeft(oEl.id);
		else oMenuStyle.left = getLeft(oEl.id)+getWidth(oEl.id)-getWidth(idMenu)+2;//+2 => adjustment
		}
	else
		{//vertical
		oMenuStyle.top = getTop(oEl.id)+4;//+4 => adjustment
		if(this.align=="left")oMenuStyle.left=getLeft(oEl.id)+getWidth(oEl.id);
		else oMenuStyle.left=getLeft(oEl.id)-getWidth(idMenu)+4;//+4 => adjustment
		}
	this.hideMenuAll();
	evt.cancelBubble=true;
	var oMenuStyle=objStyle(idMenu);
	if(oMenuStyle) 
		{
		oMenuStyle.visibility="visible";
		return true;
		}
	else return false;
	}
	
	
	
var sActiveSubMenu=null;
function showMenu2(oElParent,oEl,idMenu,evt)
	{
	document.onmouseover=new Function(this.oName+".hideMenuAll()");
	
	var oMenuStyle=objStyle(idMenu);
	oMenuStyle.top = getTop(oEl.id)-getTop(oElParent)+4;//+4 => adjustment
	if(this.align=="left") oMenuStyle.left=getWidth(oElParent)-4;//+4 => adjustment
	else
		{
		oMenuStyle.left=-getWidth(idMenu)+4;//+4 => adjustment
		oMenuStyle.left=-getWidth(idMenu)+4;//+4 => adjustment
		}
	
	if(sActiveSubMenu!=idMenu)
		{
		if(sActiveSubMenu)
			{
			var oMenuStyle=objStyle(sActiveSubMenu)
			oMenuStyle.visibility="hidden";
			}
		sActiveSubMenu=idMenu
		}

	evt.cancelBubble=true;
	var oMenuStyle=objStyle(idMenu)
	if(oMenuStyle) 
		{
		oMenuStyle.visibility="visible";
		return true;
		}
	else return false;
	}

function hideMenuAll()
	{
	for(var i=0;i<this.arrMenus.length;i++)
		{
		var id=this.arrMenus[i][0]
		var oMenuStyle=objStyle("divMenu"+this.oName+id)
		if(oMenuStyle) oMenuStyle.visibility="hidden";
		}
	}
function getWidth(idEl)
	{
	if(document.all && document.all(idEl))
		return document.all(idEl).offsetWidth;
	else if(document.getElementById && document.getElementById(idEl))
		return  document.getElementById(idEl).offsetWidth;
	else return false;
	}
function getLeft(idEl) 
	{
	if(document.all && document.all(idEl))
		{//IE
		var oEl=document.all(idEl);
		var oElTmp=oEl;
		var nLeft=0;
		while(oElTmp!=null)
			{
			nLeft+=oElTmp["offsetLeft"]
			oElTmp=oElTmp.offsetParent
			}
		return nLeft;
		}
	else if(document.getElementById && document.getElementById(idEl))
		{//Nets & IE
		var oElTmp = document.getElementById(idEl);
		var nLeft=0;
		while(oElTmp!=null)
			{
			nLeft+=oElTmp["offsetLeft"]
			oElTmp=oElTmp.offsetParent
			}
		return nLeft-1;// -1 => adjustment
		}
	else if(document.layers && document.layers(idEl)) return document.layers(idEl).pageX;//not used
	else return false;
	}

function getTop(idEl) 
	{
	if(document.all && document.all(idEl))
		{
		var oEl=document.all(idEl);
		var oElTmp=oEl;
		var nTop=0;
		while(oElTmp!=null)
			{
			nTop+=oElTmp["offsetTop"]
			oElTmp=oElTmp.offsetParent
			}
		return nTop+1;// +1 => adjustment
		}
	else if(document.getElementById && document.getElementById(idEl))
		{
		var oElTmp = document.getElementById(idEl);
		var nTop=0;
		while(oElTmp!=null)
			{
			nTop+=oElTmp["offsetTop"]
			oElTmp=oElTmp.offsetParent
			}
		return nTop;
		}	 
	else if(document.layers && document.layers(idEl)) return document.layers(idEl).pageY;//not used
	else return false;
	}

function mouseOver(idEl)
	{
	var oElStyle=objStyle(idEl); 
	oElStyle.background=this.styleBgOver;
	oElStyle.color=this.styleColorOver;
	}
function pausecomp(Amount)
	{
		d = new Date() //today's date
		while (1)
		{
			mill=new Date() // Date Now
			diff = mill-d //difference in milliseconds
			if( diff > Amount ) {break;}
		}
	}	
function mouseOut(idEl)
	{
	var oElStyle=objStyle(idEl); 

	oElStyle.background=this.styleBgOut;
	oElStyle.color=this.styleColorOut;
	pausecomp(50);	
	}
function openLink(id)
	{
	if(document.all && document.all(id))
		oEl=document.all(id);
	else if(document.getElementById && document.getElementById(id))
		oEl=document.getElementById(id);
	else oEl=null;
	if(oEl) 
		{
		window.location.href=oEl.href;
		}
	}