/* *****************************************
//  WebTank javascript File
//  Title: menu.js
//  File updated: 2011-08-02 14:11:31
// 
//  Do NOT manually edit this generated file
// **************************************** */


/* INIT */

$(document).ready( function() {

	src = "";
	var array = window.location.toString().split("/");
	
	//
	
	$("img[id^='roll']").attr("src").replace("rollover", "default");
	$("img[id^='roll']").parent().attr("onmouseout", "rolloff();");
	
	$("img[id^='roll']").each( function(index) {
	
		var mouseout = $(this).parent().attr("onmouseout");
		var mouseover = $(this).parent().attr("onmouseover");
		
		$(this).parent().hover(
			function () {

				$(this).children("img").attr("src", $(this).children("img").attr("src").replace("default", "rollover"));

			}, 
			function () {

				$(this).children("img").attr("src", $(this).children("img").attr("src").replace("rollover", "default"));
				
			}
		);

		
	} );
	
	//
	
//	console.log( array[3] );
	
	switch( array[3] ) {
	
		case "qquest":
			
			src = $("#roll1").attr("src").replace("default", "rollover");
			
			$("#roll1").attr("src", src);
			
			//
			
			setActive( $("#roll1") );
		
		break;
		
		case "visie":
			
			src = $("#roll2").attr("src").replace("default", "rollover");
			
			$("#roll2").attr("src", src);
			
			//
			
			setActive( $("#roll2") );
		
		break;
		
		case "vision":
			
			src = $("#roll2").attr("src").replace("default", "rollover");
			
			$("#roll2").attr("src", src);
			
			//
			
			setActive( $("#roll2") );
		
		break;
		
		case "diensten":
			
			src = $("#roll3").attr("src").replace("default", "rollover");
			
			$("#roll3").attr("src", src);
			
			//
			
			setActive( $("#roll3") );
		
		break;
		
		case "services":
			
			src = $("#roll3").attr("src").replace("default", "rollover");
			
			$("#roll3").attr("src", src);
			
			//
			
			setActive( $("#roll3") );
		
		break;
		
		case "vacatures":
			
			src = $("#roll4").attr("src").replace("default", "rollover");
			
			$("#roll4").attr("src", src);
			
			//
			
			setActive( $("#roll4") );
		
		break;
		
		case "vacancies":
			
			src = $("#roll4").attr("src").replace("default", "rollover");
			
			$("#roll4").attr("src", src);
			
			//
			
			setActive( $("#roll4") );
		
		break;
		
		case "medewerkers":
			
			src = $("#roll5").attr("src").replace("default", "rollover");
			
			$("#roll5").attr("src", src);
			
			//
			
			setActive( $("#roll5") );
		
		break;
		
		case "employees":
			
			src = $("#roll5").attr("src").replace("default", "rollover");
			
			$("#roll5").attr("src", src);
			
			//
			
			setActive( $("#roll5") );
		
		break;
		
		case "klanten":
			
			src = $("#roll6").attr("src").replace("default", "rollover");
			
			$("#roll6").attr("src", src);
			
			//
			
			setActive( $("#roll6") );
		
		break;
		
		case "customers":
			
			src = $("#roll6").attr("src").replace("default", "rollover");
			
			$("#roll6").attr("src", src);
			
			//
			
			setActive( $("#roll6") );
		
		break;
		
		case "trainingen":
			
			src = $("#roll7").attr("src").replace("default", "rollover");
			
			$("#roll7").attr("src", src);
			
			//
			
			setActive( $("#roll7") );
		
		break;
		
		case "training":
			
			src = $("#roll7").attr("src").replace("default", "rollover");
			
			$("#roll7").attr("src", src);
			
			//
			
			setActive( $("#roll7") );
		
		break;
		
		case "contact":
			
			src = $("#roll8").attr("src").replace("default", "rollover");
			
			$("#roll8").attr("src", src);
			
			//
			
			setActive( $("#roll8") );
		
		break;
	
	}

} );

/* FUNCTIONS */

function setActive( element ) {

	$(element).parent().hover(
		function () {

			$(this).children("img").attr("src", $(this).children("img").attr("src").replace("default", "rollover"));

		}, 
		function () {

			$(this).children("img").attr("src", $(this).children("img").attr("src").replace("default", "rollover"));
			
		}
	);

}