var docWidth;
var browser;
var macOffset;							// 8 Pixels van de x-offset aftrekken (Mac bug);
var prevName;
var prevCell;
var timer;
var dropdownOpen			= false;
var initialized				= false;
var contentWidth			= 669;			// Breedte van contenttabel;
var timeOut					= 200;			// Menu's verdwijnen na n milliseconden;
var buttons 				= new Array("tomassen","duckto","slachterij","keurmerk");
var menu					= new Array();	// Menu offsets;
menu["tomassen"]			= 6;
menu["duckto"]				= 150;
menu["slachterij"]			= 276;
menu["keurmerk"]			= 378;
menu["bedrijfsprofiel"]		= 161;


/* PRELOAD ALLE BUTTONS */

function preloadCache() {
	for(i = 0; i < buttons.length; i++) {
		preloadImage("m_" + buttons[i] + "_false.jpg");
		preloadImage("m_" + buttons[i] + "_true.jpg");
	}
}

/* FUNCTIES */

function init() {
	if(document.getElementById) {
		if(document.all) {				// IE 5+
			docWidth	= document.body.clientWidth;
		} else {
			docWidth	= innerWidth;
		}
	}

	// Bug fix;
	
	browser		= navigator.userAgent.toLowerCase();
	menuOffset	= 0;

	if((browser.indexOf("msie") != -1) || (browser.indexOf("safari") != -1)) {
		menuOffset = 8;
	}
		
	// Positioneer alle menu-lagen;
			
	document.getElementById("lyrtomassen").style.left			= getLayerPosition("tomassen") + menuOffset;
	document.getElementById("lyrduckto").style.left				= getLayerPosition("duckto") + menuOffset;
	document.getElementById("lyrslachterij").style.left			= getLayerPosition("slachterij") + menuOffset;
	document.getElementById("lyrkeurmerk").style.left			= getLayerPosition("keurmerk") + menuOffset;
	document.getElementById("bedrijfsprofiel").style.left		= getLayerPosition("bedrijfsprofiel") + menuOffset;
	initialized = true;
}	

function getLayerPosition(layer) {
	x	= ((docWidth - contentWidth) / 2) + menu[layer];
	return x;
}
	
function preloadImage(filename) {
	var img		= new Image();
	img.src		= filename;
}

function showMenu(name) {

	/*	Menu's worden pas geïnitialiseerd zodra de pagina geladen is (onLoad), het kan echter voorkomen
		dat een gebruiker de menu's al activeert voordat de pagina volledig geladen is. In dat geval wordt
		de intialisatie-functie aangeroepen alvorens de menu's worden getoond.
	*/
			
	if (!initialized)
		init();			

	// Verberg vorige menu;

	if (prevName) {
		hideMenu(0);
		if(timer) 
			resetTimer();
	}
	
	if (prevCell)
		prevCell.style.backgroundImage	= "url('images/bg_menu_false.png')";
		
	switchImage(name, "true");
	lyrObj							= document.getElementById("lyr" + name.substr(0, name.length-3));
	lyrObj.style.visibility			= "visible";
	prevName						= name;
	
}

function showSubMenu(strTaal) {

	/*	Menu's worden pas geïnitialiseerd zodra de pagina geladen is (onLoad), het kan echter voorkomen
		dat een gebruiker de menu's al activeert voordat de pagina volledig geladen is. In dat geval wordt
		de intialisatie-functie aangeroepen alvorens de menu's worden getoond.
	*/
			
	if (!initialized)
		init();			
	
	if (prevCell)
		prevCell.style.backgroundImage	= "url('images/bg_menu_false.png')";
	
	switchImage("tomassen_" + strTaal, "true");
			
	lyrObj							= document.getElementById('bedrijfsprofiel');
	lyrObj.style.visibility			= "visible";
	prevName						= "tomassen_" + strTaal;
	
}

function hideMenu(showFlash) {

	switchImage(prevName, "false");
	
	if (prevName == 'tomassen_nl') {
		hideSubMenu(0)
	}
	
	lyrObj							= document.getElementById("lyr" + prevName.substr(0, prevName.length-3));
	lyrObj.style.visibility			= "hidden";
	prevName						= null;
}

function hideSubMenu(showFlash) {
	
	lyrObj							= document.getElementById('bedrijfsprofiel');
	lyrObj.style.visibility			= "hidden";
}

function startTimer() {
	timer = setTimeout("hideMenu(1);hideSubMenu(0);", timeOut);
}

function resetTimer() {
	clearTimeout(timer);
}

function switchImage(imgName, state) {
	document.images[imgName].src	= "images/m_" + imgName + "_" + state + ".jpg";
}

function switchCell(obj, image) {
	if(prevCell) {
		prevCell.style.backgroundImage	= "url('images/bg_" + image + ".png')";
	}

	obj.style.backgroundImage	= "url('images/bg_" + image + ".png')";
	prevCell	= obj;
}