var menuItem = '';

window.onload = function(e){
	resizePage();
	setMouseOver();
	
	if(document.getElementById('linkholder1')) document.getElementById('linkholder1').style.marginLeft = '-' + (document.getElementById('linkholder1').offsetWidth / 2) + 'px';
	if(document.getElementById('foto')) document.getElementById('foto').style.display = 'block';
	if(document.getElementById('linkholder2')) document.getElementById('linkholder2').style.marginLeft = '-' + (document.getElementById('linkholder2').offsetWidth / 2) + 'px';
	
}

function resizePage(){
	document.getElementById('foreground').style.width = '100%';
	if(document.getElementById('frame').offsetHeight > document.getElementById('foreground').offsetHeight) { document.getElementById('foreground').style.height = document.getElementById('frame').offsetHeight + 'px'; }
	document.getElementById('background').style.height = document.getElementById('foreground').offsetHeight + 'px';

	
//	GJ: Onnodig gebruik. Veroorzaakt Pagina verkleiningen waar het niet nodig is.Uitschakelen heeft geen effect op de pagina's 
//	waar dit script eigenlijk voor is, namelijk pagina's met content minder groot dan 265 PX;
	
//	alert(document.getElementById('main').offsetHeight);
//	if(document.getElementById('main').offsetHeight < 265) {document.getElementById('main').style.height = '265px';}

	if(window.resizeCompare) { resizeCompare(); }

	window.onresize = resizePage;
}

function setMouseOver(){

	document.getElementById('dropdown').onmouseover = showMenu;
	document.getElementById('dropdown').onmouseout = hideMenu;

	var submenuItems = document.getElementById('dropdown').getElementsByTagName('a');
	for(var count = 0; count < submenuItems.length; count++){

		submenuItems[count].onmouseover = function(e){
			this.className = 'hover';
		}

		submenuItems[count].onmouseout = function(e){
			this.className = '';
		}

	}

}

function menu(id){

	menuItem = id;

	document.getElementById(menuItem + 'button').onmouseout = hideMenu;

	document.getElementById('dropdown').style.display = 'none';

	if(menuItem == 'home') document.getElementById('dropdown').style.marginLeft = '-211px';
	if(menuItem == 'nieuwsenacties') document.getElementById('dropdown').style.marginLeft = '-154px';
	if(menuItem == 'modellen') document.getElementById('dropdown').style.marginLeft = '-18px';
	if(menuItem == 'occasions') document.getElementById('dropdown').style.marginLeft = '70px';
	if(menuItem == 'werkplaats') document.getElementById('dropdown').style.marginLeft = '173px';
	if(menuItem == 'vestigingen') document.getElementById('dropdown').style.marginLeft = '280px';
	if(menuItem == 'contact') document.getElementById('dropdown').style.marginLeft = '385px';

	if(document.getElementById(menuItem)){
		document.getElementById(menuItem + 'button').className = menuItem + '_dropdown';
		document.getElementById(menuItem).style.display = 'block';
		document.getElementById('dropdown').style.display = 'block';
	}

}

function showMenu(){

	if(document.getElementById(menuItem)){
		document.getElementById(menuItem + 'button').className = menuItem + '_dropdown';
		document.getElementById(menuItem).style.display = 'block';
		document.getElementById('dropdown').style.display = 'block';
	}

}

function hideMenu(){

	if(document.getElementById(menuItem)){
		document.getElementById('dropdown').style.display = 'none';
		document.getElementById(menuItem).style.display = 'none';
		document.getElementById(menuItem + 'button').className = menuItem;
	}

}

function change_foto(element)
{
	document.getElementById("large_foto").src = element.href;
	document.getElementById("medium0").href = element.name;
	return false;
}

function change_foto2(element)
{
	numeric = element.id.replace("thumb","");
	all = document.getElementById("foto").getElementsByClassName("bigimage");
	for(i=0; i < all.length;i++)
	{
		all[i].style.display = "none";
	}
	document.getElementById("medium"+numeric).style.display = "block";
	return false;
}