var isNav4, isNav6, isIE4, Opera;


var leftlimit = 400; // Left space limit 
var toplimit = 20; // Top space postion
var menuitemheigthNN6 = 20; // Need only for the correct representation in the NN6. this value = font size in pixels + 2*tablepadding;
var menushift = 0; // shift between the basic menu item and the submenu
var addSize = 0;

var font_style = "normal"; // normal or italic
var font_weight = "bold"; // bold or normal
var celPad = 3; // cell padding 
var borWid = 1; // menu border width
var fontCol = "#727272"; // color of the font
var fontAct = "#DD251D"; // active color of the font
var borCol = "#878787"; // menu border color
var backCol = "#EBEBEB"; // menu background color
var backAct = "#E2E2E2" // active item background color 
var imgSrc = "images/spacer.gif"; // src for transparent 1*1 pixel gif

/*
 * GetDataArray() - stores all information about menu items
 * first field is level menu name, menu width, other fields are the pairs of the href/text items for the dropdown menu.
 */
 

function GetDataArray()
	{
		var _dataURL=new Array	
			(
				new Array("layer1",79,-184,
					"#","1"
				),
				new Array("layer2",70,-184,
					"#","Company",
					"#","Principles",
					"#","Demo Reel"
				),
				new Array("layer3",130,-140,
					"#","Video Production",
					"#","Video Post Production"
				),
				new Array("layer4",115,-101,
					"#","Audio Production",
					"#","Post Production",
					"#","Voiceover",
					"#","Musical Production & Scoring",
					"#","Web & Multimedia",
					"#","Live Events"
				),
				new Array("layer5",108,-62,
					"#","Live Events",
					"#","Video Memoirs"
				)

			);
		return(_dataURL);
	}	

/* inner variables */	
var xpos;
var browserwidth;
var browserheight;
var winwidth;
var winheight;
var widthnntemp;
var widthnn;
var xposition;
var yposition;
var step;
var id=0;
var menuallwidth;
var menuquantity = 0;
var step=0;

function getWidth() /* Gets Browser width */
	{
		if (isIE4 == true) 
		{
			winwidth=document.body.clientWidth;
			winheight=document.body.clientHeight;
		}	
		browserwidth = window.innerWidth;
		browserheight = window.innerHeight;
		if ( browserwidth > 0 ) winwidth = browserwidth;	
		if ( browserheight > 0 ) winheight = browserheight;	
	}

function setBrowser() /* Browser version snooper; determines your browser (Navigator 4, Navigator 6, or Internet Explorer 4/5, or Opera 5/6)  */
{
    if (navigator.appVersion.charAt(0) == "4")
    {
        if (navigator.appName.indexOf("Explorer") >= 0)
        {
            isIE4 = true;
			if (navigator.appName.indexOf("MSIE 5") >= -1) isIE5 = true;
        }
        else
        {
            isNav4 = true;
        }
    }
    else if (navigator.appVersion.charAt(0) > "4")
    {
	  isNav6 = true;
    }

	if (window.opera)
	{
		Opera = true;
	}
	
}

function setIdProperty( id, property, value ) /* Given an id and a property (as strings), set  * the given property of that id to the value provided. */
{
    if (isNav6)
    {
        var styleObject = document.getElementById( id );
        if (styleObject != null)
        {
            styleObject = styleObject.style;
            styleObject[ property ] = value;
        }
        
    }
    else if (isIE4)
    {
         document.all[id].style[property] = value;
    }
}

var  sublayer;
function overstyle( currentid, sublayer ) /* Changes menu item style on mouseOver event */
	{
	
		if (isNav6)  // Hook for Mozilla, removes multiactivity
			{
				var number = 2;
				var subnumber = 1;
				var currentid;	
				var item="";
				var subitem="";
				item += dataURL[currentid][0];					
				while(typeof(dataURL[currentid][number])!="undefined")
					{				
						subitem = item+"_"+parseInt(subnumber);
						setIdProperty( subitem, "color", fontCol );
						setIdProperty( subitem, "background", backCol );
						subnumber++;
						number += 2;
					}	
			}		
			if (Opera) { setIdProperty( sublayer, "background", backAct ); }	// For Opera 5 !!!!!		
			else { setIdProperty( sublayer, "backgroundColor", backAct ); }	
			setIdProperty( sublayer, "color", fontAct );
	}
	
function outstyle(sublayer) /* Changes menu item style on mouseOut event */
	{
			if (Opera) { setIdProperty( sublayer, "background", backCol );	}	// For Opera 5 !!!!!				
			else {	setIdProperty( sublayer, "backgroundColor", backCol );	}	

			setIdProperty( sublayer, "color", fontCol );								
	}	
	
function LoadSecondMenu(id) /*This Function loads second menu items for all browsers except NN4*/
	{
		
		menuitemwidth = parseInt(dataURL[id][1]);
		var menuitemwidthall = parseInt(dataURL[id][1])+parseInt(2*borWid);
				
		xposition = winwidth/2+parseInt(dataURL[id][2]) - parseInt(addSize);
		if (xposition < (parseInt(leftlimit)+parseInt(dataURL[id][2])))
			{
				xposition = parseInt(leftlimit)+parseInt(dataURL[id][2]) + parseInt(addSize);
			}
		//yposition = (winheight-560)/2+toplimit;
		yposition = toplimit;
		if (yposition < toplimit)
			{
				yposition = toplimit
			}
		
		var subnumber = 1;
		var item="";
		var subitem="";
		var subitemtext="";
		item += dataURL[id][0];

		var out = "";			
		
		out += "<div name=\""+dataURL[id][0]+"\" id=\""+dataURL[id][0]+"\" style=\"LEFT: "+xposition+"px; background-Color:"+backCol+";  VISIBILITY: hidden; POSITION: absolute;  TOP: "+yposition+"px\" onmouseover=\"showlayer('"+dataURL[id][0]+"');\" onmouseout=\"hidelayer('"+dataURL[id][0]+"');\" >";
		out += "<TABLE cellSpacing=\"0\" cellPadding=\"0\" width="+menuitemwidthall+" border=\"0\">";
		out += "<tr><td bgColor=\""+borCol+"\" colspan=3><IMG height=\""+borWid+"\" src=\""+imgSrc+"\" width=\""+borWid+"\" border=0></td></tr>";
		out += "<tr><td bgColor=\""+borCol+"\"><IMG height=\""+borWid+"\" src=\""+imgSrc+"\" width=\""+borWid+"\" border=0></td><td>";

		var number=3;
		while(typeof(dataURL[id][number])!="undefined")
			{		

				subitem = item+"_"+parseInt(subnumber);
			
				if ( isNav6 != true) out += "<A class=\"dropdownlink\" href=\""+dataURL[id][number]+"\">";

				out += "<div name=\""+subitem+"\" id=\""+subitem+"\" class=\"dropdownmenu\" style=\" cursor :"; 
				
				if ( isNav6 == true) out +=  "pointer;";  
				else out +=  "hand;";  
				
				out += "width: "+menuitemwidth+"px; color:"+fontCol+"; font-style: "+font_style+"; font-weight: "+font_weight+"; padding-bottom: "+celPad+"px; padding-left: "+celPad+"px; padding-right: "+celPad+"px; padding-top: "+celPad+"px; background-Color:"+backCol+"\" onMouseOver=\"overstyle( '"+id+"','"+subitem+"' );\" onMouseOut=\"outstyle('"+subitem+"');\"";  

				if ( isNav6 == true) out +=  " onClick=\"gohref('"+dataURL[id][number]+"');\" ";  
				out += ">";
				

				number++;
				out += ""+dataURL[id][number]+"";
				out += "</div>";
				if ( isNav6 != true) out += "</a>";				
				out += ""; 
				subnumber++;
				number++;	
			}	
		
						
		out += "</td><td bgColor=\""+borCol+"\"><IMG height=\""+borWid+"\" src=\""+imgSrc+"\" width=\""+borWid+"\" border=0></td></tr>";
		out += "<tr><td bgColor=\""+borCol+"\" colspan=3><IMG height=\""+borWid+"\" src=\""+imgSrc+"\" width=\""+borWid+"\" border=0></td></tr>";			
		out += "</table>";		
		out += "</div>";		

	//	alert (subitemtext);
		document.writeln(out);
	}	

	
function NN4LoadSecondMenu(id) /*This Function loads second menu items in NN4*/
	{

		var menuitemwidth = dataURL[id][1];
		var out = "";
		var nnsubnumber = 1;
		var nnwidthwborder = menuitemwidth + parseInt(2*borWid)
				
		out += "<LAYER bgcolor=\""+borCol+"\"  width="+nnwidthwborder+" left=0 top=0  height=0 name=\""+dataURL[id][0]+"\" id=\""+dataURL[id][0]+"\" visibility=\"hide\" onmouseover=\"showlayer('"+dataURL[id][0]+"');\" onmouseout=\"hidelayer('"+dataURL[id][0]+"');\" >";
	
		var number=3;
		while(typeof(dataURL[id][number])!="undefined")
			{	
	
				var nnmenitc = "";		
				var nnmenita = "";
				nnmenitc += dataURL[id][0] + "_" + parseInt(nnsubnumber) + "_com" ;
				nnmenita += dataURL[id][0] + "_" + parseInt(nnsubnumber) + "_act" ;
				
			
				out += "<LAYER bgcolor=\""+backCol+"\"  width=\""+menuitemwidth+"\" left=0  top=0  name=\""+nnmenitc+"\"  visibility=\"hide\" onMouseOver=\"nn4showsublayer('"+dataURL[id][0]+"','"+nnmenita+"');\" >";
				out += "<table cellSpacing=0 cellPadding=\""+celPad+"\" border=0>";
				out += "<tr><td width=100% class=\"dropdownmenu\">";

					out += "<A class=\"dropdownlink\" href=\""+dataURL[id][number]+"\">";
					if (font_weight == "bold") out += "<b>";
					if (font_style == "italic") out += "<i>";				
					out += "<font  color=\""+fontCol+"\">";				
					
						number++;
						out += ""+dataURL[id][number]+"";
					
					out += "</font>";				
					if (font_style == "italic") out += "</i>";					
					if (font_weight == "bold") out += "</b>"; 								
					out += "</A>";
		
				out += "</td></tr></table>";
				out += "</LAYER>";		

				number--;
		
				out += "<LAYER bgcolor=\""+backAct+"\" width=\""+menuitemwidth+"\" left=0 top=0   name=\""+nnmenita+"\"  visibility=\"hide\" onMouseOut=\"nn4hidesublayer('"+dataURL[id][0]+"','"+nnmenita+"');\" >";
				out += "<table cellSpacing=0 cellPadding=\""+celPad+"\" border=0>";
				out += "<tr><td width=100% class=\"dropdownmenu\">";

					out += "<A class=\"dropdownlink\" href=\""+dataURL[id][number]+"\">";
					if (font_weight == "bold") out += "<b>";
					if (font_style == "italic") out += "<i>";	
					out += "<font  color=\""+fontAct+"\">";
					
						number++;					
						out += ""+dataURL[id][number]+"";
					
					out += "</font>";					
					if (font_style == "italic") out += "</i>";					
					if (font_weight == "bold") out += "</b>";
					out += "</A>"; 					

				out += "</td></tr></table>";
				out += "</LAYER>";	

				nnsubnumber++;
				number++;
			
			}

		out += "</LAYER>";	
		// alert (out);
		document.writeln(out);
	}	
	
function NN4MoveMenu(id) // function moves menu items to the proper places, only for NN4 
	{
	

	var nnnumber = 3;
	var nnsubnumber = 1;
	var nnmenhttl = 0; // total menu height
	var nnmentopcr = 0; // current menu top
 	var nnmenhtcr = 0; // current menu height
	nnmentopcr = borWid;
	xposition = 0;
	var nntemp1;
	var menuitemwidth = dataURL[id][1];

	//xposition = parseInt(dataURL[id][2]);
	xposition = winwidth/2+parseInt(dataURL[id][2]) - parseInt(addSize);
	if (xposition < (parseInt(leftlimit)+parseInt(dataURL[id][2])))
	{
		xposition = parseInt(leftlimit)+parseInt(dataURL[id][2]) + parseInt(addSize);
	}  
	//yposition = (winheight-574)/2+toplimit;
	yposition = toplimit;
	if (yposition < toplimit)
		{
			yposition = toplimit
		}

	
	while(typeof(dataURL[id][nnnumber])!="undefined")
		{
	
		var nnmenitc = "";		
		var nnmenita = "";
		nnmenitc += dataURL[id][0] + "_" + parseInt(nnsubnumber) + "_com" ;
		nnmenita += dataURL[id][0] + "_" + parseInt(nnsubnumber) + "_act" ;
	
		//alert ( nnmenitc );
		//alert ( nnmenita );
		
		document.layers[dataURL[id][0]].layers[nnmenitc].left = borWid;
		document.layers[dataURL[id][0]].layers[nnmenita].left = borWid;
		document.layers[dataURL[id][0]].layers[nnmenitc].top = nnmentopcr;
		document.layers[dataURL[id][0]].layers[nnmenita].top = nnmentopcr;
		
		nnmenhtcr = document.layers[dataURL[id][0]].layers[nnmenita].clip.height;
		nnmentopcr += nnmenhtcr;
		nnmenhttl += nnmenhtcr;

		nnsubnumber++;
		nnnumber += 2;
		}

		nnmenhttl += parseInt(2 * borWid);

	// position for background/border
	
	document.layers[dataURL[id][0]].left = xposition;
	document.layers[dataURL[id][0]].top = yposition;
	document.layers[dataURL[id][0]].clip.height = nnmenhttl;
	

	
	}
	
var layerName, sublayerName;	
function nn4showsublayer( layerName, sublayerName )  /* Shows Sub Menu Items in NN4 */
	{
			id=0;
				var nnnumber = 3;
				var nnsubnumber = 1;
				var currentid;		
			
				while(typeof(dataURL[id])!="undefined")						
					{
					 if  ( dataURL[id][0] == layerName) currentid=id;
					 id++;				 
					}	

				while(typeof(dataURL[currentid][nnnumber])!="undefined")
					{				
					var nnmenita = "";
					nnmenita += layerName + "_" + parseInt(nnsubnumber) + "_act" ;
					document.layers[layerName].layers[nnmenita].visibility = "hide";					
					nnsubnumber++;
					nnnumber += 2;
					}										
					
			document.layers[layerName].layers[sublayerName].visibility = "show";			
	}
	
	
function nn4hidesublayer( layerName, sublayerName)  /* Shows Sub Menu Items */
	{
			id=0;
			document.layers[layerName].layers[sublayerName].visibility = "hide";	
	}	
	
	
function gohref(gotohrefin)
	{
		var gotohrefin;
		var gotohref = "";
		gotohref = gotohrefin;
		location.href = gotohref;
	}	
 
function showlayer(layerName)  /* Shows Menu Items */
	{
		if (document.layers)
		{
			document.layers[layerName].visibility = "show";
			var nnnumber = 3;
			var nnsubnumber = 1;
			var currentid;
			
			id=0;
			while(typeof(dataURL[id])!="undefined")						
				{
				 if  ( dataURL[id][0] == layerName) currentid=id;
				 id++;				 
				}
			
			while(typeof(dataURL[currentid][nnnumber])!="undefined")
				{				
				var nnmenitc = "";		
				nnmenitc += layerName + "_" + parseInt(nnsubnumber) + "_com" ;
				document.layers[layerName].layers[nnmenitc].visibility = "show";				
				nnsubnumber++;
				nnnumber += 2;
				}	
		}
		else
			setIdProperty( layerName, "visibility", "visible" );
	}

function hidelayer(layerName) /* Hides Menu Items */
	{
		if (document.layers)
			{
				document.layers[layerName].visibility = "hide";
				var nnnumber = 3;
				var nnsubnumber = 1;
				var currentid;
				
				id=0;
				while(typeof(dataURL[id])!="undefined")						
					{
					 if  ( dataURL[id][0] == layerName) currentid=id;
					 id++;				 
					}						
				
				while(typeof(dataURL[currentid][nnnumber])!="undefined")
					{				
					var nnmenitc = "";		
					var nnmenita = "";
					nnmenitc += layerName + "_" + parseInt(nnsubnumber) + "_com" ;
					nnmenita += layerName + "_" + parseInt(nnsubnumber) + "_act" ;
					document.layers[layerName].layers[nnmenitc].visibility = "hide";				
					document.layers[layerName].layers[nnmenita].visibility = "hide";					
					nnsubnumber++;
					nnnumber += 2;
					}	
			
			}
		else
			setIdProperty( layerName, "visibility", "hidden" );
	}

function changex(layerName,xpos,ypos) /* Changes Menu X position */
	{
//		alert(1);
		setIdProperty( layerName, 'left', xpos );
		setIdProperty( layerName, 'top', ypos );
	}

function changerez() /*-- this function starts work on change resolution event  -- */
	{
		var id=0;
		xposition = 0;
		getWidth();
		while( typeof(dataURL[id])!= "undefined" )
			{
				xposition = winwidth/2+parseInt(dataURL[id][2]) - parseInt(addSize);
				if (xposition < (parseInt(leftlimit)+ parseInt(dataURL[id][2])))
				{
					xposition = parseInt(leftlimit)+ parseInt(dataURL[id][2]) + parseInt(addSize);
				}
				//yposition = (winheight-560)/2+toplimit;
				yposition = toplimit;
				if (yposition < toplimit)
					{
						yposition = toplimit;
					}
				changex(dataURL[id][0],xposition,yposition);			
				id++;
			}

	}	
	
function resizeCheckNN(widthnntemp) /* Resize hook for NN4 */
	{
		var currentwidthnn = window.innerWidth; 
		
		if ( widthnntemp != currentwidthnn ) 
		{ 
		
			var id=0;
			xposition = 0;
			getWidth();
			while( typeof(dataURL[id])!= "undefined" )
				{
					NN4MoveMenu(id)
					id++;
				}
		}  
		widthnn=currentwidthnn;
		setTimeout("resizeCheckNN(widthnn)", 1000);
	}
		
	
function resizeCheckOpera()  /* Resize hook for Opera */
	{
	  	//alert(1);
		if ( browserwidth != window.innerWidth )  
		{
			var id=0;
			xposition = 0;
			getWidth();
			while( typeof(dataURL[id])!= "undefined" )
				{
					xposition = winwidth/2+parseInt(dataURL[id][2]) - parseInt(addSize);
					if (xposition < (parseInt(leftlimit) + parseInt(dataURL[id][2])))
					{
						xposition = parseInt(leftlimit) + parseInt(dataURL[id][2]) + parseInt(addSize);
					}
					//yposition = (winheight-560)/2+toplimit;
					yposition = toplimit;
					if (yposition < toplimit)
						{
							yposition = toplimit;
						}
					changex(dataURL[id][0],xposition,yposition);			
					id++;
				}
		} 
		setTimeout("resizeCheckOpera()", 1000);
	}
		
/* Start code  ---------------------------------------------*/

setBrowser();

var dataURL = GetDataArray();
number1 = 1;
id = 0;
getWidth();

out ="";
out +="<LAYER></LAYER>";
document.writeln(out);

if (document.layers)
	{
		while( typeof(dataURL[id])!= "undefined" )
			{
				NN4LoadSecondMenu(id);
				NN4MoveMenu(id);				
				id++;
			}		
	}
else
	{
		while( typeof(dataURL[id])!= "undefined" )
			{
				LoadSecondMenu(id);
				id++;
			}	
	}
	
/* -- Hooks for Opera and NN --*/
if (Opera)
	{
	resizeCheckOpera();
	}
if ( isNav4 )
	{
		var browserwidth = window.innerWidth; 
		resizeCheckNN(browserwidth);
	}
		else
	{
		window.onresize = changerez;
	}
if ( isNav6 )
{
	addSize = 10;
}