// variabelen.
// --------------------------------

var curPageNr = 1;




window.onresize = onResizeListener;

// Zet de content op z'n plek.
// --------------------------------


// Zet de content op z'n plek.
// --------------------------------

function checkButtons() {
	
	if (curPageNr == 1) {
		document.getElementById('btnPrev').style.visibility = 'hidden';
	} else {
		document.getElementById('btnPrev').style.visibility = 'visible';
	}
	
	if (curPageNr == totalPages) {
		document.getElementById('btnNext').style.visibility = 'hidden';
	} else {
		document.getElementById('btnNext').style.visibility = 'visible';
	}
	
}


// Animeer de content op z'n plek.
// --------------------------------

function nextPage() {
	
	if (curPageNr < totalPages) {
		curPageNr++ ;
		setContent(curPageNr);
	}	
}

function prevPage() {
	
	if (curPageNr > 1) {
		curPageNr-- ;
		setContent(curPageNr);
	}
	
}


function setContent(pageNR, subNR, galerijNR, galerijFoto, slideshowFoto) 
{
	loadTweets(pageNR)
	window.clearTimeout(tweetTimeOut);
	hideBoekingsaanvraag();
	
	hideGalerij();
	hideMenu();

	if(isiPad())
		fadePrevNext();
	
	curPageNr = pageNR;
	checkButtons();
	
	var _x = -(getStageWidth()*(curPageNr-1));
	
	for (var i = 1; i<=totalPages; i++) {
		if (i == curPageNr) {
			document.getElementById('btn'+i).className = 'a btnSelected';
		} else {
			document.getElementById('btn'+i).className = '';
		}
	}

	if (pages[pageNR-1][0] <= 1)
	{
		setSubNav(1, pageNR);
	}

	if (subNR != 0 && subNR != "" && subNR != undefined)
	{
		setSubNav(subNR, pageNR, galerijNR, galerijFoto, slideshowFoto);
	}
	else
	{
		setSubNav(1, pageNR);
	}
	
	$('#contentWrapper').animate({left:_x}, {easing:'easeInOutQuart', duration: 500, complete: function() {showBoekingsaanvraag(pageNR);}});
	
	
	//setTimeout(function() { $('#backstretchImage').attr('src', myBackgrounds[pageNR-1]); }, 500); 
	
	activeVideo = pageNR-1;
	resizeBackground()

	setTimeout(function() { loadMovie([pageNR-1]); }, 500); 
}


// Resize update
// ---------------------------------

function onResizeListener() {
	
	for (i = 1; i <= totalPages; i++) {
		// alle pages zelfde width geven als browser
		document.getElementById('p'+i).style.width = getStageWidth()+'px';
		// alle tabellen zelfde height geven als browser
		document.getElementById('tbl'+i).style.height = (getStageHeight()-140)+'px';		
	}

	// de wrapper moet een breedte hebben van het aantal pages * browser breedte.
	document.getElementById('contentWrapper').style.width = (totalPages * getStageWidth()) + 'px';	
	
	// de X positie berekenen van de content
	var _x = -(getStageWidth()*(curPageNr-1));
	$('#contentWrapper').stop(true, false).animate({left:_x}, 1);
		
	// resize de background video. functie staat in video.js
	//resizeVideo();
			
}


// Stel de functies in
// ---------------------------------

function showMenu()
{
	$("#btnMenu").children('.btnFront').stop(true, false).animate({color:"#FFF", backgroundColor:"#221d1d"}, 300);
	$("#btnMenu").children('.btnBackLeft').stop(true,false).animate({left:"40"}, 300);
	$("#btnMenu").children('.btnBackLeft').animate({height:$('.buttons').height()}, 300);
}

function hideMenu()
{
	$("#btnMenu").children('.btnFront').stop(true, false).animate({color:"#746d68", backgroundColor:"#FFF"}, 300);
	$("#btnMenu").children('.btnBackLeft').stop(true,false).animate({height:"40"}, 300);
	$("#btnMenu").children('.btnBackLeft').animate({left:"-100"}, 300);
}


$(document).ready(function(){
			
	
			
	// RollOvers linker kant
	// ---------------------------
	
	$(".btnHolderLeft").hover(function() {
		clearTimeout(menutimeout)
		$(this).children('.btnFront').stop(true, false).animate({color:"#FFF", backgroundColor:"#221d1d"}, 300);
		$(this).children('.btnBackLeft').stop(true,false).animate({left:"40"}, 300);
		$(this).children('.btnBackLeft').animate({height:$('.buttons').height()}, 300);
	  
	}, function() {
		
		$(this).children('.btnFront').stop(true, false).animate({color:"#746d68", backgroundColor:"#FFF"}, 300);
		$(this).children('.btnBackLeft').stop(true,false).animate({height:"40"}, 300);
		$(this).children('.btnBackLeft').animate({left:"-100"}, 300);
	  
	});
	
	// RollOvers rechter kant
	// ---------------------------
	
	$(".btnHolderRight").hover(function() {
		
		$(this).children('.btnFront').stop(true, false).animate({color:"#FFF", backgroundColor:"#221d1d"}, 300);
		$(this).children('.btnBackRight').stop(true,false).animate({right:"40"}, 300);
		$(this).children('.btnBackRight').animate({height:$('.buttons').height()}, 300);
	  
	}, function() {
		
		$(this).children('.btnFront').stop(true, false).animate({color:"#746d68", backgroundColor:"#FFF"}, 300);
		$(this).children('.btnBackRight').stop(true,false).animate({height:"40"}, 300);
		$(this).children('.btnBackRight').animate({right:"-100"}, 300);
	  
	});
	
	// image knoppen
	// ---------------------------
	
	$(".btnHolderLeftImage").hover(function() {
		$(this).children('.btnFront').stop(true, false).animate({color:"#FFF", backgroundColor:"#221d1d"}, 300);
	}, function() {
		$(this).children('.btnFront').stop(true, false).animate({color:"#746d68", backgroundColor:"#FFF"}, 300);	  
	});
	
	$(".btnHolderRightImage").hover(function() {
		$(this).children('.btnFront').stop(true, false).animate({color:"#FFF", backgroundColor:"#221d1d"}, 300);
	}, function() {
		$(this).children('.btnFront').stop(true, false).animate({color:"#746d68", backgroundColor:"#FFF"}, 300);	  
	});
	
	
	// looping video
	$("#bgvideo").bind('ended', function(){ 
		if (document.getElementById('videospeler'))
		{
    		this.play();
		}
		
    }); 

});

function fadePrevNext()
{
		$(".btnHolderRight").children('.btnFront').stop(true, false).animate({color:"#746d68", backgroundColor:"#FFF"}, 300);
		$(".btnHolderRight").children('.btnBackRight').stop(true,false).animate({height:"40"}, 300);
		$(".btnHolderRight").children('.btnBackRight').animate({right:"-100"}, 300);

		$(".btnHolderLeft").children('.btnFront').stop(true, false).animate({color:"#746d68", backgroundColor:"#FFF"}, 300);
		$(".btnHolderLeft").children('.btnBackLeft').stop(true,false).animate({height:"40"}, 300);
		$(".btnHolderLeft").children('.btnBackLeft').animate({left:"-100"}, 300);
}


function setAfbeelding(welkeAfbeelding, welkePagina)
{
	if (welkeAfbeelding == "")
	{
		document.getElementById('afbeeldingTop_'+welkePagina).style.display = 'none';
	}
	else
	{
		document.getElementById('afbeeldingTop_'+welkePagina).src = 'upload/rechtsboven/' + welkeAfbeelding;
		document.getElementById('afbeeldingTop_'+welkePagina).style.display = 'block';		
	}
}


// Wat de breedte en hoogte van scherm user
// ---------------------------------

function getStageWidth() {
	
	 var viewportwidth;
			 
	 if (typeof window.innerWidth != 'undefined') {
		 
		  viewportwidth = window.innerWidth
	 } 
	 else if (typeof document.documentElement != 'undefined'
	  && typeof document.documentElement.clientWidth != 'undefined' 
	  && document.documentElement.clientWidth != 0) {
			 
		   viewportwidth = document.documentElement.clientWidth
	 }
	 else {
		   viewportwidth = document.getElementsByTagName('body')[0].clientWidth
	 }
	 
	return(viewportwidth);
		
}

function getStageHeight() {
	
	 var viewportheight;
			 
	 if (typeof window.innerHeight != 'undefined') {
		 
		  viewportheight = window.innerHeight
	 } 
	 else if (typeof document.documentElement != 'undefined'
	  && typeof document.documentElement.clientHeight != 'undefined' 
	  && document.documentElement.clientHeight != 0) {
			 
		   viewportheight = document.documentElement.clientHeight
	 }
	 else {
		   viewportheight = document.getElementsByTagName('body')[0].clientHeight
	 }
	 
	return(viewportheight);
		
}