var timer;
var prevLayer;
var windowWidth;
var currentImg;
var currentImgNum;

var prevImg = "img1";
var prevImgNum = 1;
var isOver = false;
var v4 =(parseInt(navigator.appVersion) < 5) ? 1 : 0;
var ns =(navigator.appName.match(/Netscape/) && v4) ? 1 : 0;
var ns6 = (navigator.appName.match(/Netscape/) && !v4) ? 1 : 0;
var opera = (navigator.userAgent.indexOf("Opera") != -1 ? 1 : 0);
var mozilla = (navigator.userAgent.indexOf("Gecko") != -1 && navigator.userAgent.indexOf("Netscape") == -1? 1 : 0);
var ie = (navigator.appName.match(/Microsoft Internet Explorer/) && v4) ? 1 : 0;

function tdState(td,over)
{
	td.style.backgroundColor = (over ? tdOn : tdOff);
}

function updateLayers()
{
	windowWidth = (ns || opera || ns6 ? window.innerWidth : document.body.clientWidth);

	if (windowWidth < layoutSize+16) {
		if (ns) windowWidth = layoutSize + 16;
		else windowWidth = layoutSize;
	}else{
		if (ns6) windowWidth -= 16;
	}

	for (var i=0; i<dropDownArray.length; i++){
		var layerObj = MM_findObj("layer" + i);		
		if (ns) layerObj.left = dropDownArray[i][0] + (windowWidth/2) - (tableWidth/2) + offsetWidth;
		else layerObj.style.left = dropDownArray[i][0] + (windowWidth/2) - (tableWidth/2) + offsetWidth;
	}
	
	if (opera) resizeHandler();
}

function resizeHandler()
{
	var winWidth = window.innerWidth;
	if (winWidth < layoutSize+16) winWidth = layoutSize;

	for (var i=0; i<dropDownArray.length; i++)
	{
		var layerObj = MM_findObj("layer" + i);
		layerObj.style.left = dropDownArray[i][0] + (winWidth/2) - ((tableWidth-offsetWidth)/2);
	}

	setTimeout("resizeHandler()",500);
}

OutOnArray = new Array('0','1','2','3','4','5','6','7')
	
function show(num)
{
	if(num!=8)
	{  
		if(isLoaded)
		{
			clearTimeout(timer);
			
			if (ns) prevLayer.visibility = "hide";
			else prevLayer.style.visibility = "hidden";
		
			layerObj = MM_findObj("layer" + num);		
			prevLayer = layerObj;
			if (ns) layerObj.visibility = "show"; 
			else layerObj.style.visibility = "visible";
		}
		isOver = false;			
	}
}

function hide(num)
{
    if(isLoaded)
	{
		layerObj = MM_findObj("layer" + num);
			
		if (ns)
		{
			timer = setTimeout("layerObj.visibility='hide';isOver=false",delay);
		}
		else
		{
			timer = setTimeout("layerObj.style.visibility='hidden';isOver=false",delay);	
		}			
	}
}		

var isLoaded;
function initMenus()
{
	prevLayer = MM_findObj("layer0");
	for (var i=0; i<dropDownArray.length; i++)
	{
		layerObj = MM_findObj("layer" + i);
		layerObj.onmouseover = new Function("show(" + i + ")");
		layerObj.onmouseout = new Function("hide(" + i + ")");
	}
	isLoaded=true;
}

function createDropDowns()
{
	var display = "";
	for (var i=0; i<dropDownArray.length; i++)
	{
		display += "<div id=\"layer" + i + "\" class=\"dropdown\">\n";

		if (border)
		{
			display += "\t<table border=0 cellpadding=0 align=center cellspacing=0 bgcolor=" + borderColor + " width=" + dropDownArray[i][2] + ">\n";
			display += "\t\t<tr>\n";
			display += "\t\t\t<td>\n";
			display += "\t<table border=0 cellpadding=0 cellspacing=1 align=center>\n";
			display += "\t\t<tr>\n";
			display += "\t\t\t<td>\n";
		}
		display += "\t<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"" + tdOff + "\" width=\"" + dropDownArray[i][2] + "\">\n";
		for (var j=0; j<dropDownArray[i][1].length; j++)
		{
			var URL = dropDownArray[i][1][j][1];
			display += "\t\t<tr>\n";
			if (!ns)
			{
				display += "\t\t\t<td " + tdHeight + " onClick=\"window.location='" + URL + "'\" onMouseOver=\"tdState(this,true); window.status='" + URL + "';return true\" onMouseOut=\"tdState(this,false);\" nowrap style='cursor:hand'>";				
			} else {
				display += "\t\t\t<td " + tdHeight + " nowrap>";
			}
			
			display += "&nbsp;&nbsp;<a href=\"" + URL + "\" onMouseOver=\"window.status='" + dropDownArray[i][1][j][0] + "';return true\" " + tdClass + ">" + dropDownArray[i][1][j][0] + "</a>&nbsp;</td>\n";
			display += "\t\t</tr>\n";
			
			if (j < dropDownArray[i][1].length - 1)
			{
				display += "\t\t<tr bgcolor=\"" + lineSeperatorColor + "\">\n";
				display += "\t\t\t<td><image src=\"/img/ub/clear.gif\" width=\"1\" height=\"1\" border=\"0\"></td>\n";				
				display += "\t\t</tr>\n";
			}
		}
		
		display += "\t</table>\n";
		
		if (border)
		{
			display += "\t\t\t</td>\n";
			display += "\t\t</tr>\n";
			display += "\t</table>\n";
			display += "\t\t\t</td>\n";
			display += "\t\t</tr>\n";
			display += "\t</table>\n";
		}
		display += "</div>\n";
	}

	document.write(display);

	for (var i=0; i<dropDownArray.length; i++)
	{
		var layerObj = MM_findObj("layer" + i);
		if (ns) {
			layerObj.left = dropDownArray[i][0];
			layerObj.width = dropDownArray[i][2];
		} else {
			layerObj.style.left = dropDownArray[i][0];
			layerObj.style.width = dropDownArray[i][2];
		}
	}
}

function MM_findObj(n, d)
{
	var p,i,x;
	if(!d) d=document;
	
	if((p=n.indexOf("?"))>0&&parent.frames.length)
	{
		d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);
	}
	
	if(!(x=d[n])&&d.all) x=d.all[n];
	for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
	for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
	if(!x && document.getElementById) x=document.getElementById(n);
	return x;
}