<!--
var active_menu = "";
var active_menu_color = "";
var active_event_ff = "";
var active_event_ie = "";
var prev_menu = "";
var prev_menu_color = "";
var timer;
var tDiv;
var maxSize = 4; /* Hoe vaak mag hij vergroot worden */
var sized = 0; /* Hoe vaak is hij al vergroot */

// What: get xmlHTTP object
// Compatible: IE, FF
var xmlRequest = false;
try {
	xmlRequest = new XMLHttpRequest(); // FF, Safari, Opera
} catch (e) {
	try {
		xmlRequest = new ActiveXObject("Msxml2.XMLHTTP");  // IE 6+
	} catch (e) {
		xmlRequest = false;
	}
}

if (!xmlRequest) {
	alert("Uw browser ondersteund geen AJAX, download een nieuwe browser.");
}

// What: Make AJAX request
// Compatible: IE, FF
function ajaxRequest(url, callback_function) 
{
	xmlRequest.open("GET", url, true);
	xmlRequest.onreadystatechange = eval(callback_function);
	xmlRequest.send(null);
} 

// What: Zet de verticale streep bij het linker menu op index
// Compatible: IE, FF
function setSubSide(menu_item)
{
	var add =0;
	if(menu_item == 0){
		add = 0;
	}else{
		add = (menu_item * 20);
	}
	var top = 171 + add;

	document.getElementById('sub_side').style.display = "block";
	document.getElementById('sub_side').style.top = top+"px";
}

// What: Haal de vertical streep bij het inker menu weg
// Compatible: IE, FF
function hideSubSide()
{
	document.getElementById('sub_side').style.display = "none";
}

// What: Call ajaxrequest and set variables needed for the menu
// Compatible: FF, IE
function showSubmenu(thema, kleur, e, callback_function) {
	ajaxRequest('/menu.php?thema_id='+thema, callback_function);
	// Vorig menu
	prev_menu = active_menu;
	prev_menu_color = active_menu_color;
	// Huidig menu
	active_menu = thema;
	active_menu_color = kleur;
	active_event_ff = e;
	active_event_ie = e.clientY;
	clearTimeout(timer);
}

// What: Make the menu
// Compatible: IE, FF
function updateSubmenu()
{	
	// Als er een menu item actief is zetten we deze terug op de oude waarden
	if( prev_menu != "" && prev_menu != active_menu)
	{
		document.getElementById('a' + prev_menu).style.backgroundColor = '#ffffff';
		document.getElementById('a' + prev_menu).style.color = prev_menu_color;
	}
	
	if (xmlRequest.readyState == 4) 
	{
		if (xmlRequest.status == 200) 
		{
			document.getElementById('sub_menu').innerHTML = xmlRequest.responseText;

			// Pak de Y-waarde van de cursor en de gescrollde Y-waarde
			if (active_event_ie > 0) {
				tempY = active_event_ie + document.documentElement.scrollTop; // IE 7+
			} else {
				var tempY = active_event_ff.clientY + document.documentElement.scrollTop; // FF
			}
			
			var top = 0;
			if (tempY < 126) {
				top = 124;
			} else {
				top = 147;
			}
			
			// Zet de waarden van de nieuwe actieve menu item
			document.getElementById('sub_menu').style.top = top+"px";
			document.getElementById('sub_menu').style.backgroundColor = active_menu_color;
			document.getElementById('a' + active_menu).style.color = '#ffffff';
			document.getElementById('a' + active_menu).style.backgroundColor = active_menu_color;
			
			timer = setTimeout('setVisible()', 200);
		}
	}
}

// What: makes the menu visible
// Compatible: IE, FF
function setVisible() {	
	document.getElementById('a' + active_menu).style.color = '#ffffff';
	document.getElementById('a' + active_menu).style.backgroundColor = this.kleur;
	document.getElementById('sub_menu').style.visibility = "visible";
}

// What: By setting this timer, we know if we really want to hide the sub_menu.
//		If user was going on the links in the sub_menu, it is seen as a mouseout event.
//		By clear this timer the mouseout event wont occur. Thus nested divs will disable the timer
//		and the sub_menu wont dissapear.
// Compatible: IE, FF
function hideSubmenu() {
	tDiv = setTimeout('cancelSubmenu()', 100);
	clearTimeout(timer);
}

// What: Cancels menu when user went off the link
// Compatible: IE, FF
function cancelSubmenu() {
	// Cancel de timer voor het zichtbaar maken van het submenu
	clearTimeout(timer);

	document.getElementById('sub_menu').style.visibility = "hidden";
	document.getElementById('a' + active_menu).style.backgroundColor = '#ffffff';
	document.getElementById('a' + active_menu).style.color = active_menu_color;
}

// What: Laat de blauwe uitschuif elementen zien
// Compatible: IE, FF
function showQuick(id)
{	
	/* Bij de eerste aanvraag is nog niks geset (IE). Daarom eerste even kijken of
	waarde leeg is, als dat zo is dan display op 'none' zetten. Dan gewoon
	het gebruikelijke verhaal. Als die niet gedisplayed wordt, zichtbaar maken.
	Is hij wel zichtbaar dan onzichtbaar maken. */	
	var div = document.getElementById(id).style; /* voor het setten van een nieuwe waarde */
	
	if (div.display == "")
	{	
		//if (id == "brochure") {
		//	div.display = "block";
		//} else {
			div.display = "none";
		//}
	}
	if (div.display == "none")
	{
		//div.visibility = "visible";
		div.display = "block";
	} else {
		//div.visibility = "hidden";
		div.display = "none";
	}
}

// What: Ga naar de website die wordt geselecteerd
// Compatible: IE, FF
function goToWebsite(site)
{
	page = site.value;
	page = page.replace(/\s/g,'');
	page = page.toLowerCase();
	if( page!= "kies") {
		window.open('http://www.'+page+'.nl');
		//document.location.href = 'http://www.'+page+'.nl';
	}
}

// What: Swap de blauw/witte/groene pijltjes
// Compatible: IE7+, FF
function swap_arrow(name) 
{
	var path = document[name];
	if( path.src.match("/images/layout/arrow_blauw.png") || path.src.match("/images/layout/arrow_groen.png") ) {
		path.src = "/images/layout/arrow_wit.png";
	} else {
		if( name.match("button") == "button" ) {
			path.src = "/images/layout/arrow_groen.png";
		} else {
			path.src = "/images/layout/arrow_blauw.png";
		}
	}
}

// Vergroot/verklein fontsize
// Compatible: IE, FF
function setFontSize(size)
{
	if ((sized - size) == 0) {
		size = 0;
	} else {
		size = (size - sized);
	}
	
	if (size > 0 && sized < maxSize || size < 0 && sized > 0) 
	{
		var tags = new Array("p", "a", "span", "form", "h1", "h2", "h3");
		for (var t = 0; t < tags.length; t++)
		{
			var divs = document.getElementsByTagName(tags[t]);
			for( var i=0; i<divs.length; i++ )
			{  
				if (window.getComputedStyle) {
					var currentSize = window.getComputedStyle(divs[i], null).fontSize;
					var length = currentSize.length;
					var type = currentSize.substring((length-2), length);
					currentSize = parseFloat(currentSize.replace(type, ""));
					divs[i].style.fontSize = (currentSize + size)+type;
				} else {
					var oldSize = divs[i].currentStyle.fontSize;
					var length = oldSize.length;
					var type = oldSize.substring((length-2), length);
					oldSize = parseFloat(oldSize.replace(type, ""));
					divs[i].style.fontSize = (oldSize + size)+type;
				}
			}
		}
		sized += size;
	} 
} 

function font_focus(el) {
	document.getElementById('f_small').style.fontWeight = 'normal';
	document.getElementById('f_medium').style.fontWeight = 'normal';
	document.getElementById('f_large').style.fontWeight = 'normal';
	el.style.fontWeight = 'bold';
}

// What: Tel het aantal woorden dat nog over is
// Compatible: IE, FF
function countWords(f, len) 
{
	if( f.value.length >= len )
		f.value = f.value.substring(0,len) 
	document.getElementById("wordsLeft").innerHTML = (f.value.length)+"/"+len;
}

// Form checken van aanbiedingspagina
// Compatible: -
function checkform(f)
{
	var phone = /^[0-9]{5,}$/;
	var text = /^[a-z]+[a-z-\s]+$/i;
	var address = /^[a-z-]+[a-z0-9\s]+$/i;
	var postal = /^[0-9]{4}[a-z\s]+$/i;
	var email = /^([a-zA-Z0-9_\.\-])+@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]+)$/;
	if ( !text.test(f.Voornaam.value) ) {
		alert('U heeft uw voornaam nog niet opgegeven.');
		f.Voornaam.focus();
		return false;	
	}
	if ( !text.test(f.Achternaam.value) ) {
		alert('U heeft uw achternaam nog niet opgegeven.');
		f.Achternaam.focus();
		return false;	
	}
	if ( !address.test(f.Adres.value) ) {
		alert('U heeft uw adres nog niet opgegeven.');
		f.Adres.focus();
		return false;	
	}
	if ( !postal.test(f.Postcode.value) ) {
		alert('U heeft uw postcode nog niet opgegeven.');
		f.Postcode.focus();
		return false;	
	}
	if ( !text.test(f.Plaats.value) ) {
		alert('U heeft uw plaats nog niet opgegeven.');
		f.Plaats.focus();
		return false;	
	}
	if (typeof(f.forward_mail) != "undefined") {
		if (f.forward_mail.value == '0') {
			alert('U heeft uw filiaal nog niet opgegeven.');
			f.forward_mail.focus();
			return false;
		}
	}
	
	var phoneNr = f.Telefoon.value.replace(/\s|-/g, "");
	if ( !phone.test(phoneNr) ) {
		alert('U heeft een onjuist telefoonnummer opgegeven.');
		f.Telefoon.focus();
		return false;	
	}
	if ( !email.test(f.Email.value) ) {
		alert('U heeft uw e-mail adres nog niet opgegeven.');
		f.Email.focus();
		return false;	
	}
	f.aanvraag.value = "Verzenden";
	f.aanvraag.disabled = true;	
	f.submit();
}

// Controleer of alles is ingevuld om button te enablen
// Compatible: IE, FF
function checkFilled(f)
{
	var el = f.elements;
	var disable = false;
	for (var i = 0; i < 10; i++)
	{
		if (el[i].value.length < 2 && el[i].type == "text") {
			disable = true;
		}
	}
	f.aanvraag.disabled = disable;
}

// Maak een blanco popup voor informatie weergave
function popup(width,height, title, content){
	var w, h;
	
    if (window.innerHeight && window.scrollMaxY) {// Firefox         
		h = window.innerHeight + window.scrollMaxY;         
		w = window.innerWidth + window.scrollMaxX;     
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac         
		h = document.body.scrollHeight;         
		w = document.body.scrollWidth;     
	} else { // works in Explorer 6 Strict, Mozilla (not FF) and Safari         
		h = document.body.offsetHeight;         
		w = document.body.offsetWidth;       
	} 
	
	var div = document.createElement("div");
	var s = div.style;
	s.position = "absolute";
	s.left = 0;
	s.top = 0;
	s.width = w;
	s.height = h;
	s.background = "#000";
	s.filter = "alpha(opacity=50)";
	s.opacity = 0.5;
	s.MozOpacity = 0.5;
	div.id = "darken";
	
	document.getElementsByTagName("body")[0].appendChild(div);
	
	div = document.createElement("div");
	s = div.style;
	s.position = "fixed";
	s.left = "50%";
	s.top = "50%";
	s.border = "1px dashed white";
	s.width = width;
	s.height = "auto";
	s.background = "#cde84d";
	div.id = "popup";
	
	document.getElementsByTagName("body")[0].appendChild(div);	
	document.getElementById("popup").innerHTML = '<h1>'+title+'</h1>'+content+
	'<br /><a style="display:block;margin-top:5px;color:#004080;" href="javascript:;" onclick="closePopup()">Close</a>';
}

// Laat de popup verdwijnen
function closePopup() {
	var div = document.getElementById('popup');
	document.getElementsByTagName("body")[0].removeChild(div);
	var div = document.getElementById('darken');
	document.getElementsByTagName("body")[0].removeChild(div);
}

// Maakt de rechterkolom op index.php gelijk aan de content
// Compatible: IE, FF
function sizeRight()
{
	var height = document.getElementById('content').offsetHeight;
	document.getElementById('right').style.height = height+'px';
}

// Spring naar de geselecteerde item in leveranciers.php
// Compatible: IE, FF
function jump(menu) {
	var loc = menu[menu.selectedIndex].value.split("|");
	if(loc.length == 2)
		window.location = "http://www.fitplein.nl/leveranciers/"+loc[1];
}
-->