/*******************************************/
// HOOFDNAVIGATIEBALK VAN DER POLL ADVIES 	/
// (C) SMART MOVE AUTOMATISERING 2005       /
// version: 1.0                           	/
// date: februari 2005                    	/
// author: P.Leenheer						/
/*******************************************/
document.writeln("<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">");
document.writeln("<tr><td colspan=\"3\"><img src=\"../gfx/main_template/1px_transparent.gif\" width=\"1\" height=\"10\"></td></tr>");
document.writeln("<tr onMouseOver=\"menuBhvr('menu1','menuPic1',1);\" onMouseOut=\"menuBhvr('menu1','menuPic1',2);\" onClick=\"menuBhvr('menu1','menuPic1','3')\">");
document.writeln("<td width=\"10\" rowspan=\"18\"><img src=\"main/gfx/main_template/1px_transparent.gif\" width=\"10\"></td>");
document.writeln("<td width=\"28\"><img id=\"menuPic1\" src=\"main/gfx/navigation/left/btn1_state_0.gif\" width=\"28\" border=\"0\"></td>");
document.writeln("<td width=\"230\" class=\"nlDefault\" id=\"menu1\">hypotheken & financieringen</td>");
document.writeln("</tr>");
document.writeln("<tr>");
document.writeln("<!-- rowspan -->");
document.writeln("<td colspan=\"2\"><img src=\"main/gfx/main_template/1px_transparent.gif\" width=\"1\" height=\"10\"></td></tr>");
document.writeln("<tr onMouseOver=\"menuBhvr('menu2','menuPic2',1);\" onMouseOut=\"menuBhvr('menu2','menuPic2',2);\" onClick=\"menuBhvr('menu2','menuPic2',3);\">");
document.writeln("<!-- rowspan -->");
document.writeln("<td width=\"28\"><img id=\"menuPic2\" src=\"main/gfx/navigation/left/btn2_state_0.gif\" width=\"28\" border=\"0\"></td>");
document.writeln("<td class=\"nlDefault\" id=\"menu2\">inkomensplanning</td>");
document.writeln("</tr>");
document.writeln("<tr>");
document.writeln("<!-- rowspan -->");
document.writeln("<td colspan=\"2\"><img src=\"main/gfx/main_template/1px_transparent.gif\" width=\"1\" height=\"10\"></td></tr>");
document.writeln("<tr onMouseOver=\"menuBhvr('menu3','menuPic3',1);\" onMouseOut=\"menuBhvr('menu3','menuPic3',2);\" onClick=\"menuBhvr('menu3','menuPic3',3);\">");
document.writeln("<!-- rowspan -->");
document.writeln("<td><img id=\"menuPic3\" src=\"main/gfx/navigation/left/btn3_state_0.gif\" width=\"28\" border=\"0\"></td>");
document.writeln("<td class=\"nlDefault\" id=\"menu3\">pensioenadvisering</td>");
document.writeln("</tr>");
document.writeln("<tr>");
document.writeln("<!-- rowspan -->");
document.writeln("<td colspan=\"2\"><img src=\"main/gfx/main_template/1px_transparent.gif\" width=\"1\" height=\"10\"></td>");
document.writeln("</tr>");
document.writeln("<tr onMouseOver=\"menuBhvr('menu4','menuPic4',1);\" onMouseOut=\"menuBhvr('menu4','menuPic4',2);\" onClick=\"menuBhvr('menu4','menuPic4',3);\">");
document.writeln("<!-- rowspan -->");
document.writeln("<td><img id=\"menuPic4\" src=\"main/gfx/navigation/left/btn4_state_0.gif\" width=\"28\" border=\"0\"></td>");
document.writeln("<td class=\"nlDefault\" id=\"menu4\">sparen & beleggen</td>");
document.writeln("</tr>");
document.writeln("<tr>");
document.writeln("<!-- rowspan -->");
document.writeln("<td colspan=\"2\"><img src=\"main/gfx/main_template/1px_transparent.gif\" width=\"1\" height=\"10\"></td>");
document.writeln("</tr>");
document.writeln("<tr onMouseOver=\"menuBhvr('menu5','menuPic5',1);\" onMouseOut=\"menuBhvr('menu5','menuPic5',2);\" onClick=\"menuBhvr('menu5','menuPic5',3);\">");
document.writeln("<!-- rowspan -->");
document.writeln("<td><img id=\"menuPic5\" src=\"main/gfx/navigation/left/btn5_state_0.gif\" width=\"28\" border=\"0\"></td>");
document.writeln("<td class=\"nlDefault\" id=\"menu5\">beoordelen adviezen van derden</td>");
document.writeln("</tr>");
document.writeln("<tr>");
document.writeln("<!-- rowspan -->");
document.writeln("<td colspan=\"2\"><img src=\"main/gfx/main_template/1px_transparent.gif\" width=\"1\" height=\"40\"></td>");
document.writeln("</tr>");
document.writeln("<tr onMouseOver=\"menuBhvr('menu7','menuPic7',1);\" onMouseOut=\"menuBhvr('menu7','menuPic7',2);\" onClick=\"menuBhvr('menu7','menuPic7',3);\">");
document.writeln("<!-- rowspan -->");
document.writeln("<td><img id=\"menuPic7\" src=\"main/gfx/navigation/left/btn1_state_0.gif\" width=\"28\" border=\"0\"></td>");
document.writeln("<td class=\"nlDefault\" id=\"menu7\">unieke werkwijze</td>");
document.writeln("</tr>");
document.writeln("<tr>");
document.writeln("<!-- rowspan -->");
document.writeln("<td colspan=\"2\"><img src=\"main/gfx/main_template/1px_transparent.gif\" width=\"1\" height=\"10\"></td>");
document.writeln("</tr>");
document.writeln("<tr onMouseOver=\"menuBhvr('menu8','menuPic8',1);\" onMouseOut=\"menuBhvr('menu8','menuPic8',2);\" onClick=\"menuBhvr('menu8','menuPic8',3);\">");
document.writeln("<!-- rowspan -->");
document.writeln("<td><img id=\"menuPic8\" src=\"main/gfx/navigation/left/btn1_state_0.gif\" width=\"28\" border=\"0\"></td>");
document.writeln("<td class=\"nlDefault\"  id=\"menu8\">reken zelf</td>");
document.writeln("</tr>");
document.writeln("<tr>");
document.writeln("<!-- rowspan -->");
document.writeln("<td colspan=\"2\"><img src=\"main/gfx/main_template/1px_transparent.gif\" width=\"1\" height=\"10\"></td>");
document.writeln("</tr>");
document.writeln("<tr onMouseOver=\"menuBhvr('menu6','menuPic6',1);\" onMouseOut=\"menuBhvr('menu6','menuPic6',2);\" onClick=\"menuBhvr('menu6','menuPic6',3);\">");
document.writeln("<!-- rowspan -->");
document.writeln("<td><img id=\"menuPic6\" src=\"main/gfx/navigation/left/btn1_state_0.gif\" width=\"28\" border=\"0\"></td>");
document.writeln("<td class=\"nlDefault\"  id=\"menu6\">nieuwbouw</td>");
document.writeln("</tr>");
document.writeln("<tr>");
document.writeln("<!-- rowspan -->");
document.writeln("<td colspan=\"2\"><img src=\"main/gfx/main_template/1px_transparent.gif\" width=\"1\" height=\"10\"></td>");
document.writeln("</tr>");
document.writeln("<tr onMouseOver=\"menuBhvr('menu9','menuPic9',1);\" onMouseOut=\"menuBhvr('menu9','menuPic9',2);\" onClick=\"menuBhvr('menu9','menuPic9',3);\">");
document.writeln("<!-- rowspan -->");
document.writeln("<td><img id=\"menuPic9\" src=\"main/gfx/navigation/left/btn1_state_0.gif\" width=\"28\" border=\"0\"></td>");
document.writeln("<td class=\"nlDefault\"  id=\"menu9\">nieuws</td>");
document.writeln("</tr>");
document.writeln("<tr>");
document.writeln("<!-- rowspan -->");
document.writeln("<td colspan=\"2\"><img src=\"main/gfx/main_template/1px_transparent.gif\" width=\"1\" height=\"15\"></td>");
document.writeln("</tr>");

	// Menubehavior
	// id=id van het menuitem; {id2=id van de kolom met een eventueel plaatje}
	// action: 1=mouseover; 2=mouseout; 3=mouseclick
	
	// Variabele tbv de check of een item actief is of niet
	var activeItem="";
	var activePic="";
	var imgSrc="";
	
	function menuBhvr(id, id2, action){
	// Voorkom stringinterpretatie van de action-waarde
	var action2 = parseInt(action);

	// Lees de src-waarde uit van het plaatje
	imgSrc = new String(document.getElementById(id2).src);
	// Zoekwaardes nodig voor de switch van het plaatje
	var sStr1 = "_0";
	var sStr2 = "_1";
	
	switch(action2){
		//onMouseOver
		case 1:
			document.getElementById(id).className='nlOver';
			// vervang de state_0 waarde in de source string van de img-tag door de state_1 waarde
			imgSrc = imgSrc.replace(sStr1,sStr2);
			document.getElementById(id2).src=imgSrc;
			break;
		//onMouseOut
		case 2:
			// check welke pagina op het moment wordt weergegeven als dat de pagina is die geassocieerd is met
			// dir menu-item, dan dient alles hetzelfde te blijven
			if(activeItem==id){
				break;
			}
			else{
				document.getElementById(id).className='nlDefault';
				imgSrc = imgSrc.replace(sStr2,sStr1);
				document.getElementById(id2).src=imgSrc;
				break;
			}
		//onClick
		case 3:
			// Check of er een nieuw item wordt aangeklikt, indien dit het geval is dient het vorige actieve
			// menu-item weer in de oude staat worden teruggebracht en het nieuwe actieve item moet active
			// gemaakt worden!!
			if(activeItem!=id&&activeItem!=""){
				//oud item inactief maken
				document.getElementById(activeItem).className='nlDefault';
				imgSrc = document.getElementById(activePic).src;
				imgSrc = imgSrc.replace(sStr2,sStr1);
				document.getElementById(activePic).src=imgSrc;
				
				// nieuw item active maken
				document.getElementById(id).className='nlOver';
				// vervang de state_0 waarde in de source string van de img-tag door de state_1 waarde
				imgSrc = document.getElementById(id2).src;
				imgSrc = imgSrc.replace(sStr1,sStr2);
				document.getElementById(id2).src=imgSrc;
				
				// globale variabelen aanpassen
				activeItem=String(id);
				activePic=String(id2);
			}
			else{
				activeItem=String(id);
				activePic=String(id2);
			}
			switch(id){
				case 'menu1':document.getElementById("_content").src="main/content/content.php?sid=hyp";break;
				case 'menu2':document.getElementById("_content").src="main/content/content.php?sid=ink";break;
				case 'menu3':document.getElementById("_content").src="main/content/content.php?sid=pen";break;
				case 'menu4':document.getElementById("_content").src="main/content/content.php?sid=spa";break;
				case 'menu5':document.getElementById("_content").src="main/content/content.php?sid=beo";break;
				case 'menu6':document.getElementById("_content").src="main/content/content.php?sid=nie";break;
				case 'menu7':document.getElementById("_content").src="main/content/content.php?sid=uni";break;
				case 'menu8':document.getElementById("_content").src="main/content/content.php?sid=rek";break;
				case 'menu9':document.getElementById("_content").src="main/content/content.php?sid=nws";break;
			return activeItem;
			return imgSrc;
			break;
			}
		}
	}