var W3CDOM = (document.createElement && document.getElementsByTagName);
var DHTML = (document.getElementById || document.all || document.layers);

//browser check voor ie versies
var agt=navigator.userAgent.toLowerCase();
var appVer = navigator.appVersion.toLowerCase();
var is_minor = parseFloat(appVer);
var is_major = parseInt(is_minor);
var iePos  = appVer.indexOf('msie');
var is_mac = (agt.indexOf("mac")!=-1);
//var iePos  = appVer.indexOf('msie');
if (iePos !=-1) {
	if(is_mac) {
	var iePos = agt.indexOf('msie');
	is_minor = parseFloat(agt.substring(iePos+5,agt.indexOf(';',iePos)));
}
else is_minor = parseFloat(appVer.substring(iePos+5,appVer.indexOf(';',iePos)));
	is_major = parseInt(is_minor);
}
var is_ie   = (iePos!=-1);
var is_ie6up = (is_ie && is_minor >= 6);
var is_ie5_5up =(is_ie && is_minor >= 5.5);   
var is_ie5   = (is_ie && is_major == 5);
var is_ie5_5  = (is_ie && (agt.indexOf("msie 5.5") !=-1));

//variabelen voor in/uit klappen van zoekresultaat
var howmany=0;
var allDivs = new Array();
var shown = new Array();
allDivs = document.getElementsByTagName('div');
//functie voor tellen van aantal item div's die in/uit klappen bij zoek resultaat
function howmanyDiv(){
	for (i=0;i<allDivs.length;i++){
		if (allDivs[i].id.substr(0,4) == 'item'){
		howmany++;
		}
	}
	return howmany;
}


//variabelen voor mouseovers van navigatie en klapmenu
var mouseOvers = new Array();
var navklap = new Array();
var mouseOuts = new Array();
var mouseOversBot = new Array();
var mouseOutsBot = new Array();
var mouseOversicons = new Array();
var mouseOutsicons = new Array();
var menutime,menuImgmouseover;
var selectboxes  = new Array();
var active;
//onload functie
window.onload = init;
//onload functie
function init(){
	//tel aantal div's voor in/uitklap bij zoek resultaat
	howmanyDiv();
	//zet de breedte voor items voor ie5 omdat ie5 de padding van een element
	//van de width aftrekt en ie6 erbij opteld daarom een grotere breedte
	//zoek naar id's in pagina
	var contentW = document.getElementById('content');
	var leftpanelphototextW= document.getElementById('leftpanelphototext');
	var zoekvlakW= document.getElementById('zoekvlak');
	var iconsW= document.getElementById('icons');
	var subnavW= document.getElementById('subnav');
	var zoekeninpaginaW= document.getElementById('zoekeninpagina');
	if (is_ie5 && !is_mac){
		//breedte items die altijd in pagina staan
		contentW.style.width=531;
		leftpanelphototextW.style.width=238;
		subnavW.style.width=768;

		//font grootte
		contentW.style.fontSize=11;
		var tds =document.body.getElementsByTagName('td');
		for (var i=0;i<tds.length;i++){
		tds[i].style.fontSize=11;
		}
		
		//als elementen wel/niet in pagina staan
		if (zoekvlakW==null || zoekvlakW=='undefined' ){}
		else{
			zoekvlakW.style.width=531;
			zoekvlakW.style.height=185;
			}

		if (zoekeninpaginaW==null || zoekeninpaginaW=='undefined'){}
		else{
			zoekeninpaginaW.style.width=487;
		}
		/**/
	}
	
	
	if (!W3CDOM) return;
	//aantal uitklap id's
	for (var i=0;i<5;i++){
	navklap[i] = document.getElementById('navklap'+i);
	//als browser ie6 is gebruik onmoouseenter en onmouseleave
		if(is_ie6up){
			navklap[i].onmouseenter=menumouseover;
			navklap[i].onmouseleave=menumouseout;
		}
		else{
			navklap[i].onmouseover=menumouseover;
			navklap[i].onmouseout=menumouseout;
		}
	navklap[i].number=i
	}

	//zoek zoekvlak en vervolgende naar selectboxes
	var zoekvlak = document.getElementById('zoekvlak');
	if (zoekvlak==null){}
	else{
		var selectbox = zoekvlak.getElementsByTagName('select');
		for (var i=0;i<selectbox.length;i++){
			selectboxes[i] = selectbox[i].id;
		}
	}
	
	//mouseover van hoofdnavigatie
	//voor onmouseover van hoofdnavigatie
	var nav = document.getElementById('navmain');
	var imgs = nav.getElementsByTagName('img');
	for (var i=0;i<imgs.length;i++){
		imgs[i].onmouseover = mouseGoesOverTopnav;
		imgs[i].onmouseout = mouseGoesOutTopnav;
		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		mouseOuts[i] = new Image();
		mouseOuts[i].src = imgs[i].src;
		mouseOvers[i] = new Image();
		mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('_')) + "_over" + suffix;
		imgs[i].number = i;
		
	}
	//mouseover van bottomnavigatie
	//voor onmouseover van bottomnavigatie
	var navBot = document.getElementById('bottombalk');
	var imgsBot = navBot.getElementsByTagName('img');
	for (var i=0;i<imgsBot.length;i++){
		imgsBot[i].onmouseover = mouseGoesOverbot;
		imgsBot[i].onmouseout = mouseGoesOutbot;
		var suffix = imgsBot[i].src.substring(imgsBot[i].src.lastIndexOf('.'));
		mouseOutsBot[i] = new Image();
		mouseOutsBot[i].src = imgsBot[i].src;
		mouseOversBot[i] = new Image();
		mouseOversBot[i].src = imgsBot[i].src.substring(0,imgsBot[i].src.lastIndexOf('_')) + "_over" + suffix;
		imgsBot[i].numberBot = i;
	}
	//mouseover van iconnavigatie
	//voor onmouseover van iconnavigatie
	var icons = document.getElementById('icons');
	if (icons==null || icons=='undefined'){}
	else{
	var imgsicons = icons.getElementsByTagName('img');
	for (var i=0;i<imgsicons.length;i++){
		imgsicons[i].onmouseover = mouseGoesOvericons;
		imgsicons[i].onmouseout = mouseGoesOuticons;
		var suffix = imgsicons[i].src.substring(imgsicons[i].src.lastIndexOf('.'));
		mouseOutsicons[i] = new Image();
		mouseOutsicons[i].src = imgsicons[i].src;
		mouseOversicons[i] = new Image();
		mouseOversicons[i].src = imgsicons[i].src.substring(0,imgsicons[i].src.lastIndexOf('_')) + "_over" + suffix;
		imgsicons[i].numbericons = i;
	}
	}
}
//functie voor hoofdnavigatie en tonen van subnavigatie
function mouseGoesOverTopnav(){
	this.src = mouseOvers[this.number].src;
	menuImgmouseover = setTimeout("invi(false,'navklap'+'"+this.number+"')",100);
	//invi(0,'navklap'+this.number)
	//verberg de selectboxen
	if(is_ie && !is_mac){
		for (var i=0;i<selectboxes.length;i++){
			invi(1,selectboxes[i])
		}
	}
}
//functie voor hoofdnavigatie en verbergen van subnavigatie
function mouseGoesOutTopnav(){
	this.src = mouseOuts[this.number].src;
	menuImgmouseover = setTimeout("invi(true,'navklap'+'"+this.number+"')",100);
	//invi(1,'navklap'+this.number)
	//toon de selectboxen
	if(is_ie && !is_mac){
		for (var i=0;i<selectboxes.length;i++){
			invi(0,selectboxes[i])
		}
	}
}
//functie voor subnavigatie
function menumouseover(){
	clearTimeout(menuImgmouseover);
	clearTimeout(menutime);
	switchImage('nav'+this.number, '/images/nav'+this.number+'_over.gif');
	//verberg de selectboxen
	if(is_ie && !is_mac){
		for (var i=0;i<selectboxes.length;i++){
			invi(1,selectboxes[i])
		}
	}
}
//functie voor subnavigatie
function menumouseout(){
	menutime = setTimeout("invi(1,'navklap'+"+this.number+")",100);
	
	//kijk welk image item actief is
	if (active== [this.number]){}
	else {
		switchImage('nav'+this.number,'/images/nav'+this.number+'_.gif')
	}
	//toon de selectboxen
	if(is_ie && !is_mac){
		for (var i=0;i<selectboxes.length;i++){
			invi(0,selectboxes[i])
		}
	}
}
function mouseGoesOvericons(){
	this.src = mouseOversicons[this.numbericons].src;
}
function mouseGoesOuticons(){
	this.src = mouseOutsicons[this.numbericons].src;
}
function mouseGoesOverbot(){
	this.src = mouseOversBot[this.numberBot].src;
}
function mouseGoesOutbot(){
	this.src = mouseOutsBot[this.numberBot].src;
}

//funties voor vinden/verbergen van objecten
function getObj(name){
	if (document.getElementById){
		this.obj = document.getElementById(name);
		this.style = document.getElementById(name).style;
	}
	else if (document.all){
		this.obj = document.all[name];
		this.style = document.all[name].style;
	}
	else if (document.layers){
		this.obj = document.layers[name];
		this.style = document.layers[name];
	}
}
function invi(flag,div){
	if (!DHTML) return;
	var x = new getObj(div);
	x.style.visibility = (flag) ? 'hidden' : 'visible'
}
//functie voor het zetten van actieve navigatie item
function switchImage(imgName, imgSrc){
	//alert(imgName +" | "+imgSrc)
	if (document.images){
		if (imgSrc != "none"){
			document.images[imgName].src = imgSrc;
		}
	}
}