/****************************************************************************
* design and development - apt as - www.apt.no - 2002 - christopher@apt.no	*
*****************************************************************************/
						// 70, 124, 121, 126, 77
/*
var btnSize 			= new Array(70,124,121,126,77);
var firstLevelWidth   	= new Array(100,136,150,190,86);
var secondLevelWidth   	= new Array(100,136,132,130,86);
var thirdLevelWidth   	= new Array(78,136,132,86,86);
*/

var btnSize 			= new Array(70,124,67,126);
var firstLevelWidth   	= new Array(100,136,95,190);
var secondLevelWidth   	= new Array(100,136,132,130);
var thirdLevelWidth   	= new Array(78,136,132,86);

var myHiliteClass		= 'menuover';
var myLoLiteClass		= 'menuitem';

var menuLoLiteClass		= 'mnlolite';
var menuHiLiteClass		= 'mnhilite';

var Yoffset				= 100;
var Xoffset 			= 101;

var divheight 			= 20;
var layerHeight			= 19;

var macAdd = (navigator.platform.indexOf("Mac")!= -1)?0:0;

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


var cnt = 0;

var i;
var j;
var k;

var firstLevelTop;
var firstLevelBgtop;
var firstLevelBgleft;
var firstlevelBgheight;
var firstlevelBgwidth;

var secondLeveltop;
var secondLevelBgtop;
var secondLevelDivs ='';;
var secondLevelBgwidth;
var secondLevelBgheight;
var secondLevelBgleft;

var thirdLevelTop;
var thirdLevelBgtop;
var thirdLevelDivs ='';;
var thirdLevelBgwidth;
var thirdLevelBgheight;
var thirdLevelBgleft;

var clleft;
var cltop;

if ((document.getElementById)||(document.all)){	// if msie, netscape 6
	
	var x = getXpos(document.images['posit']);
	var y = getYpos(document.images['posit']);
	
	firstLevelBgleft = x+Xoffset+macAdd;
	firstLevelBgtop  = y+Yoffset;
			
	clleft	= (x+Xoffset+macAdd)-50;
	cltop 	= y+Yoffset;
	
	bgLayer(clleft,cltop)
		
	// loop through the outer array (content[x])
	for(i=0;i<content.length;i++){
		
		firstLevelBgwidth = firstLevelWidth[i]+2;
		firstLevelBgheight = (content[i].length * divheight)+1;
		
		document.writeln('<div id="menubg'+i+'" style="position: absolute; top:'+firstLevelBgtop+'px; left:'+firstLevelBgleft+'px; width:'+firstLevelBgwidth+'px; height:'+firstLevelBgheight+'px; visibility: hidden; z-index:5;" class="menubg">');
		firstLevelTop = 1;
		// loop through the next array ( content[x][y] )
		
		for(j=0;j<content[i].length;j++){
			
			// print the first item ( content[x][y][0] )
			//document.writeln('<div id="menu'+i+'_'+j+'" style="position: absolute; top:'+firstLevelTop+'px; left:1px; width:'+firstLevelWidth[i]+'px; height:'+layerHeight+'px; visibility:inherit; z-index:5;" onmouseover="hiLite(this,\'' + myHiliteClass + '\');showSub('+i+','+j+');" onmouseout="loLite(this,\''+ myLoLiteClass +'\');" class="menuitem">'+content[i][j][0]+'</div>');
			if(content[i][j].length > 1){
				// print arrow indicating sublevels
				document.writeln('<div id="menu'+i+'_'+j+'" style="position: absolute; top:'+firstLevelTop+'px; left:1px; width:'+firstLevelWidth[i]+'px; height:'+layerHeight+'px; visibility:inherit; z-index:5;" onmouseover="hiLite(this,\'' + myHiliteClass + '\',\''+menuHiLiteClass+'\');showSub('+i+','+j+');" onmouseout="loLite(this,\''+ myLoLiteClass +'\',\''+menuLoLiteClass+'\');" class="menuitem"><img src="../elements/pil.gif" width="8" height="19" alt="" align="right" border="0" />'+content[i][j][0]+'</div>');			
			}else{
				// no arrow
				document.writeln('<div id="menu'+i+'_'+j+'" style="position: absolute; top:'+firstLevelTop+'px; left:1px; width:'+firstLevelWidth[i]+'px; height:'+layerHeight+'px; visibility:inherit; z-index:5;" onmouseover="hiLite(this,\'' + myHiliteClass + '\',\''+menuHiLiteClass+'\');showSub('+i+','+j+');" onmouseout="loLite(this,\''+ myLoLiteClass +'\',\''+menuLoLiteClass+'\');" class="menuitem">'+content[i][j][0]+'</div>');			
			}
			
			// second level : start -->
			if(content[i][j].length > 1){
				// menu has subitems
				
				secondLevelBgwidth 	= secondLevelWidth[i]+2;
				secondLevelBgheight = ((content[i][j].length-1) * divheight)+1;
				secondLevelBgleft 	= firstLevelBgleft + firstLevelWidth[i]+1; 
				secondLevelBgtop  	= (firstLevelBgtop + firstLevelTop)-1 ;
				
				secondLevelDivs += '<div id="menubg'+i+'_'+j+'" style="position: absolute; top:'+secondLevelBgtop+'px; left:'+secondLevelBgleft+'px; width:'+secondLevelBgwidth+'px; height:'+secondLevelBgheight+'px; visibility:hidden; z-index:10;" class="menubg">';
				secondLevelTop = 1;
				
				for(k=1;k<content[i][j].length;k++){															
					//secondLevelDivs += '<div id="menu'+i+'_'+j+'_'+k+'" style="position: absolute; top:'+secondLevelTop+'px; left:1px; width:'+secondLevelWidth[i]+'px; height:'+layerHeight+'px; visibility:inherit; z-index:15;" onmouseover="hiLite(this,\'' + myHiliteClass + '\');showSub('+i+','+j+','+k+');" onmouseout="loLite(this,\''+ myLoLiteClass +'\');" class="menuitem">'+content[i][j][k][0]+'</div>';
					if(content[i][j][k].length > 1){
						// print arrow indicating sublevels
						secondLevelDivs += '<div id="menu'+i+'_'+j+'_'+k+'" style="position: absolute; top:'+secondLevelTop+'px; left:1px; width:'+secondLevelWidth[i]+'px; height:'+layerHeight+'px; visibility:inherit; z-index:15;" onmouseover="hiLite(this,\'' + myHiliteClass + '\',\''+menuHiLiteClass+'\');showSub('+i+','+j+','+k+');" onmouseout="loLite(this,\''+ myLoLiteClass +'\',\''+menuLoLiteClass+'\');" class="menuitem"><img src="../elements/pil.gif" width="8" height="19" alt="" align="right" border="0" />'+content[i][j][k][0]+'</div>';
					}else{
						// no arrow
						secondLevelDivs += '<div id="menu'+i+'_'+j+'_'+k+'" style="position: absolute; top:'+secondLevelTop+'px; left:1px; width:'+secondLevelWidth[i]+'px; height:'+layerHeight+'px; visibility:inherit; z-index:15;" onmouseover="hiLite(this,\'' + myHiliteClass + '\',\''+menuHiLiteClass+'\');showSub('+i+','+j+','+k+');" onmouseout="loLite(this,\''+ myLoLiteClass +'\',\''+menuLoLiteClass+'\');" class="menuitem">'+content[i][j][k][0]+'</div>';
					}
					
					secondLevelTop = secondLevelTop+divheight;										
				}								
				secondLevelDivs += '</div>';
				
				// second level : end -->
				
				// third level : start -->
				
				for(k=1;k<content[i][j].length;k++){	
					if(content[i][j][k].length > 1){
					
						thirdLevelBgwidth 	= thirdLevelWidth[i]+2;
						thirdLevelBgheight 	= ((content[i][j][k].length-1) * divheight)+1;
						thirdLevelBgleft 	= firstLevelBgleft + firstLevelWidth[i] + secondLevelWidth[i] + 2; 
						thirdLevelBgtop  	= (firstLevelBgtop + firstLevelTop + ((k-1)*divheight))-1 ;
				
						thirdLevelDivs += '<div id="menubg'+i+'_'+j+'_'+k+'" style="position: absolute; top:'+thirdLevelBgtop+'px; left:'+thirdLevelBgleft+'px; width:'+thirdLevelBgwidth+'px; height:'+thirdLevelBgheight+'px; visibility:hidden; z-index:20;" class="menubg">';
						thirdLevelTop = 1;
						
						for(var p=1;p<content[i][j][k].length;p++){															
							thirdLevelDivs += '<div id="menu'+i+'_'+j+'_'+k+'_'+p+'" style="position: absolute; top:'+thirdLevelTop+'px; left:1px; width:'+thirdLevelWidth[i]+'px; height:'+layerHeight+'px; visibility:inherit; z-index:25;" onmouseover="hiLite(this,\'' + myHiliteClass + '\',\''+menuHiLiteClass+'\');" onmouseout="loLite(this,\''+ myLoLiteClass +'\',\''+menuLoLiteClass+'\');" class="menuitem">'+content[i][j][k][p]+'</div>';
							thirdLevelTop = thirdLevelTop+divheight;
					
						}
												
						thirdLevelDivs += '</div>';
					}					
					// third level : end -->
				}
								
			}									
			firstLevelTop += divheight;
		}
		
		document.writeln('</div>');
		
		firstLevelBgleft += btnSize[i];		
	}
	document.writeln(secondLevelDivs);
	document.writeln(thirdLevelDivs);
	
}

menu = true;

function bgLayer(myX,myY){
	// function: create the closing layer
	// returns : nothing
	
	
	var myClosingHeight		= 330;
	var myClosingWidth  	= 750;
	
	// write the layer
	if((document.getElementById)||(document.all)){
		document.writeln('<div id="bg" style="position:absolute;top:'+myY+'px;left:'+myX+'px;width:'+myClosingWidth+'px;height:'+myClosingHeight+'px;visibility:visible;z-index:1;"><a href="#" onmouseover="hideMenu();"><img src="../elements/pixel.gif" width="'+myClosingWidth+'" height="'+myClosingHeight+'" alt="" onmouseover="hideMenu()" border="0"></a></div>');
		mySideY = myY-31; 
		myLeftX = myX;
		document.writeln('<div id="bgleft" style="position:absolute;top:'+mySideY+'px;left:'+myLeftX+'px;width:48px;height:30px;visibility:visible;z-index:1;"><a href="#" onmouseover="hideMenu();"><img src="../elements/pixel.gif" width="48" height="30" alt="" onmouseover="hideMenu();" border="0"></a></div>');
		myRightX = myX+568; 
		document.writeln('<div id="bgright" style="position:absolute;top:'+mySideY+'px;left:'+myRightX+'px;width:182px;height:30px;visibility:visible;z-index:1;"><a href="#" onmouseover="hideMenu();"><img src="../elements/pixel.gif" width="182" height="30" alt="" onmouseover="hideMenu();" border="0"></a></div>');
		myY = myY-42;
		document.writeln('<div id="bgtop" style="position:absolute;top:'+myY+'px;left:'+myX+'px;width:'+myClosingWidth+'px;height:10px;visibility:visible;z-index:1;"><a href="#" onmouseover="hideMenu();"><img src="../elements/pixel.gif" width="'+myClosingWidth+'" height="10" alt="" onmouseover="hideMenu();" border="0"></a></div>');
	}
}

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));
}