/*
 * Menu.js - scripts voor het hoofdmenu en de header.
 */

/*
 * Plaats voor gepreloade images.
 */
var images = new Array();
		
/*
 * Laadt de opgegeven afbeeldingen in een array, zodat de browser deze al
 * in zijn cache heeft staan, met als gevolg dat de rollovers vloeiend verlopen.
 */
function preloadImages() {
	var args = preloadImages.arguments; 
	
	for(var i=0; i<args.length; i++) {
		images[i] = new Image();
		images[i].src = args[i];
	}
}

/*
 * Zet de "Backdrop" of achtergrond-skin van de gegeven elementen naar de
 * gegeven bestandsnamen (intern gebruik).
 */
function setBackdrop(leftCell, leftCellBackdrop, middleCell, middleCellBackdrop, rightCell, rightCellBackdrop) {
	// Als de cellen zijn gedefinieerd veranderen we de achtergrond, anders niet
	if(leftCell != null) setBackgroundImage(document.getElementById(leftCell), leftCellBackdrop);
	if(middleCell != null) setBackgroundImage(document.getElementById(middleCell), middleCellBackdrop); //document.getElementById(middleCell).style.backgroundImage = "url(" + middleCellBackdrop + ")";
	if(rightCell != null) setBackgroundImage(document.getElementById(rightCell), rightCellBackdrop);//document.getElementById(rightCell).style.backgroundImage = "url(" + rightCellBackdrop + ")";
}

function setBackgroundImage(object, url) {
	if(object.style.backgroundImage !=  "url(" + url + ")") {
		object.style.backgroundImage = "url(" + url + ")";
	}
}

/*
 * Maakt alle submenus onzichtbaar (intern gebruik).
 */
function hideSubMenus(id) {
	// het ID moet van de tabel zijn die de submenus bevat
	subMenuContainer = document.getElementById(id);
	subMenus = subMenuContainer.getElementsByTagName("tr");

	// Itereren door de verschillende tabelrijen
	for(var i=0; i<subMenus.length; i++) {
		// Het element met in het ID "subMenuSeparator" moet altijd zichtbaar blijven
		if(subMenus[i].id.indexOf("subMenuSeparator") == -1) subMenus[i].style.display = "none";
	}	
}

/*
 * Maakt een gegeven submenu zichtbaar (intern gebruik).
 */
function showSubMenu(id) {
	subMenu = document.getElementById(id);	
	subMenu.style.display = "";
}

/*
 * Verandert de achtergrond van een gegeven element naar een gegeven bestand.
 */
function switchBackground(obj, url) {
	if(url == "") document.getElementById(obj).style.backgroundImage = "url(subnav_blue_backgnd_normal.jpg)";
	else document.getElementById(obj).style.backgroundImage = "url(" + url + ")";
}

function setWidth(obj, width) {
	//document.write("Calculated Width: " + width+"<br>");
	//document.getElementById(obj).style.width = width;
	document.getElementById(obj).width = width;
	//document.write("Actual Width: " + document.getElementById(obj).style.width+"<br>");
}

function getClientWidth(obj) {	
	return document.getElementById(obj).clientWidth;
}

function getOffsetLeft(obj) {
	//document.write("Calculated: " + document.getElementById(obj).offsetLeft +"<br>");
	return document.getElementById(obj).offsetLeft;
}