// developed by apt as - www.apt.no - 2001 - christopher@apt.no

content = new Array();
/* forside */
	content[0] 	  = new Array();
	//content[0][0] = '<a href="about.php" class="menu" onmouseover="return stat();">link</a>';
	
/* søndagsåpent */
	content[1] 	  = new Array();
	//content[1][0] = '<a href="sundayopen.php?cat=6" class="menu" onmouseover="return stat();">programinfo</a>';
	//content[1][1] = '<a href="sundayopen.php?cat=5" class="menu" onmouseover="return stat();">konsept</a>';	

/* produksjoner */
	content[2] 	  = new Array();	
	content[2][0] = '<a href="productions.php?cat=8" class="menu" onmouseover="return stat();">aktuelle</a>';
	content[2][1] = '<a href="productions.php?cat=9" class="menu" onmouseover="return stat();">tidligere</a>';
	
/* tjenester */
	content[3] 	  = new Array();
	content[3][0] = '<a href="services.php?cat=11" class="menu" onmouseover="return stat();">kompetanse</a>';	
	content[3][1] = '<a href="services_order.php" class="menu" onmouseover="return stat();">bestilling</a>';
	
/* ansatte */
	content[4] 	  = new Array();
	//content[4][0] = '<a href="employees.php?cat=1" class="menu" onmouseover="return stat();">staben</a>';
	
/* om tvinter */
	content[5] 	  = new Array();
	content[5][0] = '<a href="about.php?cat=14" class="menu" onmouseover="return stat();">om oss</a>';
	content[5][1] = '<a href="links.php?cat=15" class="menu" onmouseover="return stat();">linkside</a>';
	//content[5][2] = '<a href="about.php?cat=16" class="menu" onmouseover="return stat();">partnere</a>';
	//content[5][3] = '<a href="about.php?cat=17" class="menu" onmouseover="return stat();">historie</a>';

	
// this array is the widths of the layers
	var width    = new Array(126,122,123,123,123,125);
	
// this array is the widths of the menubuttons
	var btnSize  = new Array(126,122,123,123,123,125);
	
// this array define style-classes for the layers(class,background-color,hi-lite-color)
		arrStyle[0] = new Array('menu01','#688a92','#436d77');
		arrStyle[1] = new Array('menu02','#033855','#002132');
		arrStyle[2] = new Array('menu03','#c88119','#9f6000');
		arrStyle[3] = new Array('menu04','#3e3217','#262400');
		arrStyle[4] = new Array('menu05','#de2913','#b10200');
		arrStyle[5] = new Array('menu06','#d1bb51','#b3950f');

/*													*/
/* only private functions below - DO NOT ALTER !!! 	*/
/*													*/

var i;
var j;
var k;
var top;
var bgtop;
var bgleft;
var bgheight;
var bgwidth;
var clleft;
var cltop;

// get the xy-position of the first menubutton
if ((document.getElementById)||(document.all)){	
	// if msie, netscape 6, Opera
	var x = getXpos(document.images['menu_01']);
	var y = getYpos(document.images['menu_01']);
	
	// if platform is Mac or browser is Opera, add some pixels..
	var macAdd = (navigator.platform.indexOf("Mac")!= -1 || navigator.userAgent.indexOf('Opera')!= -1)?4:0;
	
	// set coords for the background-layer
	bgtop  = y+38+macAdd;
	bgleft = x;	
	// set coords for the closing-layer
	cltop = y+38+macAdd;
	clleft= x-10;
	
	// write closing-layers
	closingLayer(clleft,cltop)
	
	// loop through the outer array (content)	
	for(i=0;i<content.length;i++){
		 
		// small fix to create a non-visible layer if there are no items in the menu
		// this is needed because of the hidemenu()
		 
		if(content[i].length >0){
			bgwidth  = width[i];
			bgheight = content[i].length * 14;
		}else{
			bgwidth = 0;
			bgheight= 0;
		}
		
		// the menubackground needs an background-color to be 'visible' for IE and
		// protect for the underlying closinglayer
		document.writeln('<div id="menubg'+i+'" style="position: absolute; top:'+bgtop+'px; left:'+bgleft+'px; width:'+bgwidth+'px; height:'+bgheight+'px; visibility:hidden; z-index:5;background-color:#e5ebed;">');
		
		top = 1;
		// loop through the inner array and write the div's		
		for(j=0;j<content[i].length;j++){
			
			document.writeln('<div id="menu'+i+'_'+j+'" style="position: absolute; top:'+top+'px; left:0px; width:'+width[i]+'px; height:13px; visibility:inherit; z-index:5;background-color:'+arrStyle[i][1]+'" onmouseover="hiLite(this,arrStyle['+i+'][2]);" onmouseout="hiLite(this,arrStyle['+i+'][1]);" class="'+arrStyle[i][0]+'">'+content[i][j]+'</div>');
			top = top+14;
		}
		
		
		document.writeln('</div>');
		// set next leftposition
		bgleft = bgleft+btnSize[i];		
		
	}

}else if(document.layers){
	var x = document.images['menu_01'].x;
	var y = document.images['menu_01'].y;
	
	bgtop = y+38;
	bgleft = x;
	
	cltop = y+38;
	clleft= x-10;
	// write closinglayers
	closingLayer(clleft,cltop)
	
	// loop through the outer array (content)
	for(i=0;i<content.length;i++){
	
		bgwidth = width[i];
		bgheight = content[i].length * 14;
		// write the closinglayer
		document.writeln('<layer name="menubg'+i+'" position="absolute" top="'+bgtop+'px" left="'+bgleft+'px" width="'+bgwidth+'px" height="'+bgheight+'px" visibility="hide" z-index="5">');
		top = 1;
		// loop through the inner array and write the div's
		for(j=0;j<content[i].length;j++){			
			document.writeln('<layer name="menu'+i+'_'+j+'" position="absolute" top="'+top+'px" left="0px" width="'+width[i]+'px" height="13px" visibility="inherit" z-index="5" bgcolor="'+arrStyle[i][1]+'" onmouseover="hiLite(this,arrStyle['+i+'][2]);" onmouseout="hiLite(this,arrStyle['+i+'][1]);" class="'+arrStyle[i][0]+'">'+content[i][j]+'</layer>');
			top = top+14;
		}
		
		document.writeln('</layer>');
		// set next leftposition
		bgleft = bgleft+btnSize[i];		
	}
}

// this indicates that the menu is written and can be accessed
menu = true;

function closingLayer(myX,myY){
	// function: create the closing layer
	// returns : nothing
	
	var height = 0;
	var width  = 0;
	
	// set height to the same as the longest submenu
	for(k=0;k<content.length;k++){
		if(content[k].length>height){
			height = content[k].length;
		}
	}
	
	// calculate the width
	for(k=0;k<btnSize.length;k++){
		width = width + btnSize[k];
	}
	
	// some more math..
	width  = width + 20;
	height = (height*14)+20;
	
	// write the layer
	if((document.getElementById)||(document.all)){
		document.writeln('<div id="bg" style="position:absolute;top:'+myY+'px;left:'+myX+'px;width:'+width+'px;height:'+height+'px;visibility:hidden;z-index:1;"><img src="../elements/pixel.gif" border="0" width="'+width+'" height="'+height+'" alt="" onmouseover="hideMenu();"/></div>');
		myY = myY-50;
		document.writeln('<div id="bgtop" style="position:absolute;top:'+myY+'px;left:'+myX+'px;width:'+width+'px;height:10px;visibility:hidden;z-index:1;"><img src="../elements/pixel.gif" width="'+width+'" border="0" height="10" alt="" onmouseover="hideMenu();"/></div>');
	} else if(document.layers){
		document.writeln('<layer name="bg" position="absolute" top="'+myY+'px" left="'+myX+'px" width="'+width+'px" height="'+height+'px" visibility="hide" z-index="3" onmouseover="hideMenu()"></layer>');
		myY = myY-60;
		document.writeln('<layer name="bgtop" position="absolute" top="'+myY+'px" left="'+myX+'px" width="'+width+'px" height="10px" visibility="hide" z-index="3" onmouseover="hideMenu()"></layer>');
	}
}

function getYpos(obj) {
	// function: return the y-position of a specifiec image
	// returns : int
	
	return(obj.offsetTop + ((obj.offsetParent) ? getYpos(obj.offsetParent) : 0));
}

function getXpos(obj) {
	// function: return the x-position of a specifiec image
	// returns : int
	return(obj.offsetLeft + ((obj.offsetParent) ? getXpos(obj.offsetParent) : 0));
}