var class_name;
var menuId;
var previousMenuId;
var paneColor;
var currPage;
var MenuOpenid;
var currPage = PAGE;
var Contact;

function setColor(pagedata){

	switch(currPage){
		case 'praktijk-informatie':
			paneColor = '#84a588';
			MenuOpenid = '1';
		break;
		
		case 'medewerkers':
			paneColor = '#620000';
			MenuOpenid = '2';
		break;
		
		case 'werkzaamheden':
			paneColor = '#8c4e0b';
			MenuOpenid = '3';
		break;
		
		case 'bereikbaarheid':
			paneColor = '#d4d43a';
			MenuOpenid = '4';
			Contact = true;
		break;
		
		default:
			paneColor = '#84a588';
			MenuOpenid = false;
		break;
	}
	
}

function setPaneColor(paneColor){

		$('div.pane_3').css("background-color" , paneColor);
		if(Contact){
			$('div.pane_3 h2').css("color" , '#000');
		}
}

function ExpandCurrentMenu(){
	if(MenuOpenid != false){
		$('.hide_' + MenuOpenid).hide();
		$('#menu_' + MenuOpenid).css("display" , "block");
		//alert(MenuOpenid);
	}
	else{
		return false;
		//alert("Er staan geen menu's open op dit moment!");
	}	
}	

$(window).load(function() {
	
	if(currPage == "locatie" ){
		initialize();
	}
	
	if(currPage == "bereikbaarheid" ){
		initialize();
	}
	
	setColor(currPage);
	//alert(paneColor);
	setPaneColor(paneColor);
	ExpandCurrentMenu();
	
	$("div[class^='revailmenu']").hover(function() {
		//alert(previousMenuId);
			
		$('.hide_' + previousMenuId).fadeIn(10);
		$('#menu_' + previousMenuId).css("display", "none");
		
		class_name = $(this).attr('class');
		menuId = class_name.split(' ');
		menuId = menuId[1];	  
		//Hide image
		

		$('.hide_' + menuId).hide();
		//alert(menuId);
		//Display menu
		$('#menu_' + menuId).css("display" , "block");
		previousMenuId = menuId;
		
	
	});

     
         $('#slider').nivoSlider({
	        effect:'fade', // Specify sets like: 'fold,fade,sliceDown'
	        slices:15, // For slice animations
	        boxCols: 8, // For box animations
	        boxRows: 4, // For box animations
	        animSpeed:500, // Slide transition speed
	        pauseTime:5000, // How long each slide will show
	        startSlide:0, // Set starting Slide (0 index)
	        directionNav:false, // Next & Prev navigation
	        directionNavHide:false, // Only show on hover
	        controlNav:false, // 1,2,3... navigation
	        controlNavThumbs:false, // Use thumbnails for Control Nav
	        controlNavThumbsFromRel:false, // Use image rel for thumbs
	        controlNavThumbsSearch: '.jpg', // Replace this with...
	        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
	        keyboardNav:false, // Use left & right arrows
	        pauseOnHover:false, // Stop animation while hovering
	        manualAdvance:false, // Force manual transitions
	        captionOpacity:0.8, // Universal caption opacity
	        prevText: 'Prev', // Prev directionNav text
	        nextText: 'Next', // Next directionNav text
	        beforeChange: function(){}, // Triggers before a slide transition
	        afterChange: function(){}, // Triggers after a slide transition
	        slideshowEnd: function(){}, // Triggers after all slides have been shown
	        lastSlide: function(){}, // Triggers when last slide is shown
	        afterLoad: function(){} // Triggers when slider has loaded
    });
    
		settings = {
		tl: { radius: 10 },
		tr: { radius: 10 },
		bl: { radius: 10 },
		br: { radius: 10 },
		antiAlias: true,
		autoPad: true,
		validTags: ["div"]
		} 
      
		$('.widget_2').corner(settings);
		
 
    
   
         
});