// JavaScript Document
// home page
var etalageIds = new Array(2,3);

function changeStyle(elm, name){
	try{
		document.getElementById(elm).className = name;
	}
	catch(e){ }
}



function displayBanner() {
	element = document.getElementById('topBanner');
	element.style.display = 'block';
}

function hideBanner() {
	element = document.getElementById('topBanner');
	element.style.display = 'none';
}

function switchEtalage(nr) {
	for (x=0;x<etalageIds.length;x++) {
		// Deactive all tabs
		changeStyle("button_"+etalageIds[x].toString(), "");
		//Hide all banners
		//alert(document.getElementById("banner_"+etalageIds[x].toString()));
		document.getElementById("banner_"+etalageIds[x].toString()).style.display = "none";
	}
	
	changeStyle("button_"+etalageIds[nr].toString(), "actief");	// Tabblad activeren
	switch (etalageIds[nr]) {
		case 1:
			//Background
			document.getElementById("etalage_background").style.background = "url('" + imagesUrl+ "etalage_zwembadactie.jpg')";
			//Banner
			document.getElementById("banner_"+etalageIds[nr].toString()).style.display = "block";
			break;
		case 2:
		//alert('asd');
			//Background
			document.getElementById("etalage_background").style.background = "url('" + imagesUrl+ "etalage_theeleutjes2.jpg')";
			//Banner
			document.getElementById("banner_"+etalageIds[nr].toString()).style.display = "block";
			break;
		case 3:
			//Background
			document.getElementById("etalage_background").style.background = "url('" + imagesUrl+ "etalage_volkoren_minder_suiker.jpg')";
			//Banner
			document.getElementById("banner_"+etalageIds[nr].toString()).style.display = "block";
			break;
	}
	
	nr++;
	if (nr>=etalageIds.length) {
		nr = 0;
	}
	setTimeout("switchEtalage("+nr+")",6000);
}

// Linker menu
function showProducts(productGroup) {
	if(document.images['img' + productGroup].src.indexOf('expand.gif') > 0) {
		document.images['img' + productGroup].src = imagesUrl+'collapse.gif';
		document.getElementById('product' + productGroup).style.display = 'block';
	} else {
		document.images['img' + productGroup].src = imagesUrl+'expand.gif';
		document.getElementById('product' + productGroup).style.display = 'none';
	}

}
		
// voor de tabbladen bij productdetails
function displayTab(aantal,active)
{
	var i=1
	for (i=1;i<=aantal;i++)
	{	
		if (i==active){
			document.getElementById(i).style.display = 'block';
		}else{
			document.getElementById(i).style.display = 'none';
		}
	}
}
		
function Show(which,what) {
	document.getElementById("menu").value=what;
	if (what==1) {
		Hide('1');
		document.getElementById("menu"+which).style.visibility = ('visible');
	} else {
		setTimeout("Hide('0');",2000);
	}
}
		
function Hide(now) {
	check = document.getElementById("menu").value;
	if (now==1 || now==0 && check==0) {
		document.getElementById("menu0").style.visibility = ('hidden');
		document.getElementById("menu1").style.visibility = ('hidden');
		document.getElementById("menu2").style.visibility = ('hidden');
		document.getElementById("menu3").style.visibility = ('hidden');
	}
}

function positionLogo(){
	var c = getAnchorPosition('logo_ref');
	document.getElementById('logo').style.left = c.x + 116;
}

/*
var preloadedMenuId = 0;
var currentMenuId = 0;

function showSubmenu(menuId) {
	if (menuId != currentMenuId) {
		if (currentMenuId > 0) {
			// hide old menu
			currentMenu = document.getElementById('submenu' + currentMenuId);
			currentMenu.style.display = 'none';
		}
		// show new menu
		if (menuId != 0) {
			newmenu = document.getElementById('submenu' + menuId);
			newmenu.style.display = 'block';
		}
		currentMenuId = menuId;
	}
}

var preloadedMenuId = 0;
var currentMenuId = 0;

function showTraktatieSubmenu(menuId){
	if (menuId != currentMenuId) {
		if (currentMenuId > 0) {
			// hide old menu
			currentMenu = document.getElementById('traktatie_submenu' + currentMenuId);
			currentMenu.style.display = 'none';
		}
		// show new menu
		if (menuId != 0) {
			newmenu = document.getElementById('traktatie_submenu' + menuId);
			newmenu.style.display = 'block';
		}
		currentMenuId = menuId;
	}
}


function defaultTraktatieMenu() {
	showTraktatieSubmenu(preloadedMenuId);
}


function defaultMenu() {
	showSubmenu(preloadedMenuId);
}
*/
function hideVacatureFlash(){	
	document.getElementById("vacature_flash").style.display = "none";
}

function hideFlyoverFlash(){	
	document.getElementById("flyover_flash").style.display = "none";
}

function emptyValue(elm, tekst){
	if(document.getElementById(elm).value==tekst){
		document.getElementById(elm).value="";
	}
}
function returnValue(elm, tekst){
	if(document.getElementById(elm).value==""){
		document.getElementById(elm).value=tekst;
	}
}

function popUp(link , width , height){
	window.open(link, 'venster', 'width=' + width + ',height=' + height + ',scrollbars=yes,toolbar=no,location=no,status=no,resize=no');
}


function expandAll(startDiv) {
	var divObj = document.getElementById(startDiv);
	if (divObj == "object") {
		for (var i=0;i<divObj.childNodes.length;i++) {
			if (divObj.childNodes[i].nodeName == "DIV" && divObj.childNodes[i].id.substr(0,6) == "folder") {
				toggleFolder(divObj.childNodes[i].id, document.getElementById("image" + divObj.childNodes[i].id.substr(6)));
				expandAll(divObj.childNodes[i].id);
			}
		}
	}
}

function closeAll(startDiv) {
	expandAll(startDiv);
	var divObj = document.getElementById(startDiv);
	for (var i=0;i<divObj.childNodes.length;i++) {
		if (divObj.childNodes[i].nodeName == "DIV" && divObj.childNodes[i].id.substr(0,6) == "folder") {
			toggleFolder(divObj.childNodes[i].id, document.getElementById("image" + divObj.childNodes[i].id.substr(6)));
			expandAll(divObj.childNodes[i].id);
		}
	}
}

function expandItem(theID, startDiv) {
	var divObj = document.getElementById(startDiv);
	var found = false;
	for (var i=0;i<divObj.childNodes.length;i++) {
		if (divObj.childNodes[i].nodeName == "DIV" && divObj.childNodes[i].id.substr(0,6) == "folder") {
			found = expandItem(theID, divObj.childNodes[i].id);
			if (divObj.childNodes[i].id == "folder" + theID) {
				// current element found
				toggleFolder(divObj.childNodes[i].id, document.getElementById("image" + divObj.childNodes[i].id.substr(6)));
				refreshScreen();
				return true;
			}
			if (found) {
				toggleFolder(divObj.childNodes[i].id, document.getElementById("image" + divObj.childNodes[i].id.substr(6)));
				refreshScreen();
				return true;
			}
		}
	}
	return found;
}

function toggleFolder(id, imageNode) {
	var folder = document.getElementById(id);
	var l = imageNode.src.length;
	if (imageNode.src.substring(l-21,l)=="tree_folderclosed.png" || imageNode.src.substring(l-19,l)=="tree_folderopen.png") {
		imageNode = imageNode.previousSibling;
		l = imageNode.src.length;
	}
	if (folder == null) {
	} 
	else if (folder.style.display == "block")  {
		if (imageNode != null) {
			imageNode.nextSibling.src = imagesUrl+"sitemap/tree_folderclosed.png";
			if (imageNode.src.substring(l-14,l) == "tree_mnode.png") {
				imageNode.src = imagesUrl+"sitemap/tree_pnode.png";
			}
			else if (imageNode.src.substring(l-18,l) == "tree_mlastnode.png") {
				imageNode.src = imagesUrl+"sitemap/tree_plastnode.png";
			}
		}
		folder.style.display = "none";
	} 
	else {
		if (imageNode != null) {
			imageNode.nextSibling.src = imagesUrl+"sitemap/tree_folderopen.png";
			if (imageNode.src.substring(l-14,l) == "tree_pnode.png") {
				imageNode.src = imagesUrl+"sitemap/tree_mnode.png";
			}
			else if (imageNode.src.substring(l-18,l) == "tree_plastnode.png") {
				imageNode.src = imagesUrl+"sitemap/tree_mlastnode.png";
			}
		}
		folder.style.display = "block";
	}
	//updateRowColor();
}