//preloaden images	
image1 = new Image();
image1.src = "images/menu.1.d.jpg";
image2 = new Image();
image2.src = "images/menu.1.s.jpg";
image3 = new Image();
image3.src = "images/menu.2.d.jpg";
image4 = new Image();
image4.src = "images/menu.2.s.jpg";
image5 = new Image();
image5.src = "images/menu.3.d.jpg";
image6 = new Image();
image6.src = "images/menu.3.s.jpg";
image7 = new Image();
image7.src = "images/menu.4.d.jpg";
image8 = new Image();
image8.src = "images/menu.4.s.jpg";
image9 = new Image();
image9.src = "images/menu.1.h.jpg";
image10 = new Image();
image10.src = "images/menu.2.h.jpg";
image12 = new Image();
image12.src = "images/menu.3.h.jpg";
image13 = new Image();
image13.src = "images/menu.4.h.jpg";

//item bij starten pagina selecteren
//menuItemSelectedTemp=menuItemSelected;
function setMenuColor (){
	document.getElementById("menu_up_"+menuItemSelected).className='menu_select'; //menu_up select
	document.getElementById("menu_img_"+menuItemSelected).src="images/menu."+menuItemSelected+".s.jpg"; //img select
	document.getElementById("menu_"+menuItemSelected).className='menu_select'; //menu_item select
	document.getElementById("menu_down_"+menuItemSelected).className='menu_select'; //menu_down select
}

//menu kleuren regelen
function menuMouseOver(menuItemOver){
	//alleen als item waarover gaat niet geselecteerd is op deselect zetten
	menuDeselect(menuItemSelectedTemp);
	//item selecteren als niet itemSelected
	if (menuItemOver != menuItemSelected){
		document.getElementById("menu_up_"+menuItemOver).className='menu_hoover'; //menu_up hoover
		document.getElementById("menu_img_"+menuItemOver).src="images/menu."+menuItemOver+".h.jpg"; //img hoover
		document.getElementById("menu_"+menuItemOver).className='menu_hoover'; //menu_item hoover
		document.getElementById("menu_down_"+menuItemOver).className='menu_hoover'; //menu_down hoover
	}
	menuItemSelectedTemp=menuItemOver;
}

function menuDeselect (menuItem){
	if (menuItemSelectedTemp != menuItemSelected){
		document.getElementById("menu_up_"+menuItem).className='menu_deselect'; //menu_up deselect
		document.getElementById("menu_img_"+menuItem).src="images/menu."+menuItem+".d.jpg"; //img deselect
		document.getElementById("menu_"+menuItem).className='menu_deselect'; //menu_item deselect
		document.getElementById("menu_down_"+menuItem).className='menu_deselect'; //menu_down deselect
	}
}

function menuReset (){
	menuDeselect(menuItemSelectedTemp);
	setMenuColor();
}

function pfChange ($id) {
	document.getElementById('portfolio_text_1').style.display="none";
	document.getElementById('portfolio_text_2').style.display="none";
	document.getElementById('portfolio_text_3').style.display="none";
	document.getElementById('portfolio_text_4').style.display="none";
	document.getElementById('portfolio_text').style.display="none";
	document.getElementById($id).style.display="block";
}