// -------------------------------------------------------------------------------------------------
// Javascript meny
// -------------------------------------------------------------------------------------------------

function preload() {
	var img,preimg, path, i=0, imgs = new Array();
	path = "/images/gfx/";
	
	imgs[i++] = "red_line_bg.jpg";
	imgs[i++] = "content_border_left.jpg"
	imgs[i++] = "menu_active_bg.jpg"
	imgs[i++] = "menu_inactive_bg.jpg"
	imgs[i++] = "menu_inactive_end.jpg"
	imgs[i++] = "menu_leftofactive_bg.jpg"
	imgs[i++] = "menu_active_end.jpg"
	imgs[i++] = "menu_active_active.jpg"

	for (img in imgs){
		preimg = new Image();
		preimg.src = path + imgs[img];
	}
}

function createMenuItem(tittel, link, klasse, beskrivelse){
	var ting = new Array();
	ting["tittel"] = tittel;
	ting["link"] = link;
	ting["class"] = klasse;
	ting["beskrivelse"] = beskrivelse;
	return ting;
}
function SkrivMeny() {
	document.write('<ul class="menu">');

	for(i=0;i<tabs.length;i++) {
	
		if( i < (tabs.length-1)) {
		
			if(tabs[(i+1)]["class"]=="menuActive" || tabs[(i+1)]["class"]=="menuActiveEnd") {
				
				document.write('<li id="tab' + i + '" class="' + tabs[i]["class"] + 'LeftOf" onmouseover="tabOver(' + i + ');" onmouseout="tabUt(' + i + ');">');
				
			} else {
				
				document.write('<li id="tab' + i + '" class="' + tabs[i]["class"] + '" onmouseover="tabOver(' + i + ');" onmouseout="tabUt(' + i + ');">');
				
			}
			
		} else {
			document.write('<li id="tab' + i + '" class="' + tabs[i]["class"] + '" onmouseover="tabOver(' + i + ');" onmouseout="tabUt(' + i + ');">');
		}
		document.write('<a href="' + tabs[i]["link"] + '" class="' + tabs[i]["class"] + '" title="' + tabs[i]["beskrivelse"] + '">' + tabs[i]["tittel"] + '</a>');
		
		document.write('</li>');
	}
	
	document.write('</ul>');
}
// -------------------------------------------------------------------------------------------------
// Mouse over
// -------------------------------------------------------------------------------------------------
function tabOver(i) {
	if(i > 0) {
		if( tabs[(i-1)]["class"]!="menuActive")
			document.getElementById('tab'+(i-1)).className = "menuInActiveLeftOf";
		else
			document.getElementById('tab'+(i-1)).className = "menuActiveActive";
	}
	if( i == (tabs.length-1)) {
		document.getElementById('tab'+i).className = "menuActiveEnd";
	} else {
		if(i < (tabs.length-1)) {
			if(tabs[(i+1)]["class"]!="menuActive" && tabs[(i+1)]["class"]!="menuActiveEnd") {
				document.getElementById('tab'+i).className = "menuActive";
			} else {
				document.getElementById('tab'+i).className = "menuActiveActive";
			}
		} else {
			document.getElementById('tab'+i).className = "menuActiveEnd";
		}
	}
}
// -------------------------------------------------------------------------------------------------
// Mouse out
// -------------------------------------------------------------------------------------------------
function tabUt(i) {
	if( (tabs[i]["class"]!="menuActive") && (tabs[i]["class"]!="menuActiveEnd") ) {
		if(i>0) {
			
			if( (tabs[(i-1)]["class"]!="menuActive") && (tabs[(i-1)]["class"]!="menuActiveEnd") ) {
				document.getElementById("tab"+(i-1)).className="menuInActive";
			} else if(tabs[(i-1)]["class"]=="menuActive") {
				document.getElementById("tab"+(i-1)).className="menuActive";
			} else {
				document.getElementById("tab"+(i-1)).className="menuInActiveEnd";
			}
			
		}
		if( i == (tabs.length-1) ) {
			document.getElementById("tab" + (i)).className="menuInActiveEnd";				
		} else {
			if( tabs[(i+1)]["class"]!="menuActive" && tabs[(i+1)]["class"]!="menuActiveEnd" )
				document.getElementById("tab" + (i)).className="menuInActive";
			else
				document.getElementById("tab" + (i)).className="menuInActiveLeftOf";
		}
	}
}