var baseUrl = "http://www.marockandroll.com/";
var arrayCheckResultaat = 0;

$.ajaxSetup ({  
    cache: false  
});  

avoidTransforms = true;


var debug = false;


var downWithLoveVideoInfo = 	'<div class="divMarginInhoud"> 			<span class="tekstTitelGroot">Down With Love</span> 			<br> 			<span class="tekstSubTitelGroot"></span> 			<span class="tekstInfo"><br><br> 			 		 			PRODUCTIE:  Careface Production  |  REGIE:  Arno de Haas & Ilias Boudellah  |  SCRIPT:   Arno de Haas, Nick Tergouw & Ilias Boudellah  |  CAMERA:   Arno de Haas & Jorden op den Kelder  |  EDIT:  Arno de Haas<!--  |  LICHT:  Jasper Bel--> <br> ACTEURS:   Alfred van den Linden, Daphne, Esmee, Famke & Joeri  | STUNTDRIVER:  Corne Batton  |  DANK AAN:  Fam. Batton , Highland Studio\'s 			</span> 		</div>';

var teaserVideoInfo = '<div class="divMarginInhoud"> 			<span class="tekstTitelGroot">Teaser</span> 			<br> 			<span class="tekstSubTitelGroot"></span> 			<span class="tekstInfo"><br><br> 			 			</span> 		</div>';

var teaserVideoSrc = 'http://www.youtube.com/embed/IKHUx_99QbQ';

var downWithLoveVideoSrc = 'http://www.youtube.com/embed/fuRABoWGasM';

var downWithLoveMeer = '<div class="divMarginInhoud"> 	 					<img src="http://www.artistcommunity.nl/upload/images/897541.png" onclick="playVideo(teaserVideoSrc,teaserVideoInfo,teaserMeer);" border="0"  width="220px" class="muishand"> 					 					<br> 					 					<span class="tekstSubTiteKlein muishand" onclick="playVideo(teaserVideoSrc,teaserVideoInfo,teaserMeer);">Teaser</span> 		 		</div>';

var teaserMeer = 	'<div class="divMarginInhoud"> 	 					<img src="http://www.artistcommunity.nl/upload/images/897541.png" onclick="playVideo(downWithLoveVideoSrc,downWithLoveVideoInfo,downWithLoveMeer);" border="0"  width="220px" class="muishand"> 					 					<br> 					 					<span class="tekstSubTiteKlein muishand" onclick="playVideo(downWithLoveVideoSrc,downWithLoveVideoInfo,downWithLoveMeer);">Down With Love (videoclip)</span> 		 		</div> 	';

function playVideo(videoSrc,videoInfo,videoMeer){

	/*
var kankerDing = 'divYoutubeVideo_' + videoNaam;

	
	
	document.getElementById('divVideoPlayer').innerHTML = document.getElementById(kankerDing).innnerHTML; 
	
	console.log(document.getElementById(kankerDing).innnerHTML);
*/
	
	document.getElementById('youtubePlayer').src = videoSrc;
	document.getElementById('div06-02').innerHTML = videoInfo;
	document.getElementById('div06-04').innerHTML = videoMeer;
																				
}

var hasjMainPage = "";
var hasjSubPage = "";
var hasjKant = "";
var huidigePagina = "00";
var paginaKant = "";
var huidigeSubPagina = "00";
var hasj4 = "";
var huidigePagination = "01";
var meerAan = false;
var huidigePaginaGastenboek = 1;
var huidigeStartGastenboek = 1;
var contactOpen = false;
var paginasArray = new Array();
var webkitBrowser = false;
var huidigFotoAlbum = 0;
var huidigeFoto = 0;
var huidigeBanner = 1;
var huidigeBand = 1;
var huidigeFotoScroller = 1;
var huidigMenuItem = '0';

paginasArray[1] = "nieuws";
paginasArray[2] = "band";
paginasArray[3] = "videos";
paginasArray[4] = "band";
paginasArray[5] = "blog";
paginasArray[6] = "fotos";
paginasArray[7] = "gastenboek";
paginasArray[8] = "agenda";
paginasArray[9] = "webshop";

var aantalPaginas = 15;

var cssInfoDivBreedte = new Array();
var cssInfoDivHoogte = new Array();
var cssInfoDivTop = new Array();
var cssInfoDivLeft = new Array();

cssInfoDivBreedte[1] = "542px";
cssInfoDivHoogte[1] = "132px";
cssInfoDivTop[1] = "20px";
cssInfoDivLeft[1] = "0px";
	
cssInfoDivBreedte[2] = "270px";
cssInfoDivHoogte[2] = "132px";
cssInfoDivTop[2] = "20px";
cssInfoDivLeft[2] = "542px";
	
cssInfoDivBreedte[3] = "270px";
cssInfoDivHoogte[3] = "222px";
cssInfoDivTop[3] = "154px";
cssInfoDivLeft[3] = "0px";
	
cssInfoDivBreedte[4] = "270px";
cssInfoDivHoogte[4] = "270px";
cssInfoDivTop[4] = "154px";
cssInfoDivLeft[4] = "270px";
	
cssInfoDivBreedte[5] = "270px";
cssInfoDivHoogte[5] = "217px";
cssInfoDivTop[5] = "154px";
cssInfoDivLeft[5] = "542px";
	
cssInfoDivBreedte[6] = "270px";
cssInfoDivHoogte[6] = "198px";
cssInfoDivTop[6] = "378px";
cssInfoDivLeft[6] = "0px";
	
cssInfoDivBreedte[7] = "270px";
cssInfoDivHoogte[7] = "51px";
cssInfoDivTop[7] = "426px";
cssInfoDivLeft[7] = "270px";
	
cssInfoDivBreedte[8] = "270px";
cssInfoDivHoogte[8] = "225px";
cssInfoDivTop[8] = "373px";
cssInfoDivLeft[8] = "542px";

cssInfoDivBreedte[9] = "270px";
cssInfoDivHoogte[9] = "225px";
cssInfoDivTop[9] = "578px";
cssInfoDivLeft[9] = "0px";

cssInfoDivBreedte[10] = "270px";
cssInfoDivHoogte[10] = "270px";
cssInfoDivTop[10] = "479px";
cssInfoDivLeft[10] = "270px";

cssInfoDivBreedte[11] = "270px";
cssInfoDivHoogte[11] = "229px";
cssInfoDivTop[11] = "600px";
cssInfoDivLeft[11] = "542px";

cssInfoDivBreedte[12] = "270px";
cssInfoDivHoogte[12] = "216px";
cssInfoDivTop[12] = "805px";
cssInfoDivLeft[12] = "0px";

cssInfoDivBreedte[13] = "270px";
cssInfoDivHoogte[13] = "270px";
cssInfoDivTop[13] = "751px";
cssInfoDivLeft[13] = "270px";

cssInfoDivBreedte[14] = "270px";
cssInfoDivHoogte[14] = "190px";
cssInfoDivTop[14] = "831px";
cssInfoDivLeft[14] = "542px";

cssInfoDivBreedte[15] = "814px";
cssInfoDivHoogte[15] = "44px";
cssInfoDivTop[15] = "1023px";
cssInfoDivLeft[15] = "0px";



$(document).ready(function() {

	
	//var int=self.setInterval("colorChange()",16000);
	var int=self.setInterval("bannerChange()",4000);
	var int=self.setInterval("bandChange()",3000);
	var int=self.setInterval("fotoChange()",2000);
	
	var int=self.setInterval("fadeInBannerNaLapse()",8000);
	
	//var int=self.setInterval("debug()",500);
	
	$('.divHomeInhoud').fadeIn('slow', function(){
		$('#divZwart').fadeOut(1000);
		
	});
	onHasjChange('rechtstreeks');
	
	if(debug == true){
		console.log('webkitBrowser: ' + webkitBrowser);
	};
	
	
	// MUZIEK PLAYER OPSTARTEN
	
	opstartenMuziekPlayer();
	
	});
	
	


	function fadeInBannerNaLapse(){
	$('#bannerPlaatje1').fadeIn('fast');
	//var int=self.setInterval("start()",4000);
};



function debug(){

document.getElementById("div01").innerHTML = "mainPage: " + hasjMainPage + "<br>subPage: " + hasjSubPage + "<br>kant: " + hasjKant + '<br>huidigeSubPagina: ' + huidigeSubPagina + '<br>huidigePagina: ' + huidigePagina;

};



$(function(){
	$(window).hashchange( function(){
		onHasjChange();
	});
});

function onHasjChange(rechtstreeks){

	
	hasjMainPage = parent.location.hash.substr(1,2);
	hasjSubPage = parent.location.hash.substr(4,2);
	hasjKant = parent.location.hash.substr(7,1);
	hasj4 = parent.location.hash.substr(9,2);
	if(rechtstreeks == 'rechtstreeks'){
		hasj4 = "00";
	};
	

	
	if(hasj4 == '01'){
		if(hasjKant == 1){
			openPaginaVanuitMenu(hasjMainPage,"links");
			return;
		};
		if(hasjKant == 2){
			openPaginaVanuitMenu(hasjMainPage,"rechts");
			return;
		};
		if(hasjKant == 3){
			openPaginaVanuitMenu(hasjMainPage,"midden");
			return;
		};
	}
	else{
	
		if(hasjSubPage == '00'){
		
			if(hasjMainPage == '00'){
				home();
				return;
			};
			
			if(hasjKant == 1){
				openPagina(hasjMainPage,"links");
				return;
			};
				
			if(hasjKant == 2){
				openPagina(hasjMainPage,"rechts");
				return;
			};
			
			if(hasjKant == 3){
				openPagina(hasjMainPage,"midden");
				return;
			};
		}
		else{
		
			subPaginaOpenen(hasjSubPage);
		
		};
	};
	
};





function checkInArray(doel2) {

	var last = paginasArray.length;
	for (var i = 0; i < last; i++) {
		arrayCheckResultaat = (doel2 == paginasArray[i])?i:-1;
		if (-1 != arrayCheckResultaat) break;
	};
};


////////////////// PAGINA OPENEN //////////////////

function gaNaarPagina(hasj1,hasj2,hasj3,hasj4){

	window.location.hash = "#" + hasj1 + "-" + hasj2 + "-" + hasj3 + "-" + hasj4;
};

function openPagina(pagina,kant){
	
	if(contactOpen = true){
		contact('home');
	};
	
	paginaKant = kant;
	huidigePagina = pagina;
	huidigeSubPagina = '00';
	
	

	$('.divHomeInhoud').fadeOut('fast');

	if(paginaKant == "rechts"){
		$('#div' + pagina).animate({"left": "-272px", "width": "542px","top": "154px","height": "45px"}, "slow");
		naarLinks(pagina);
		return;
	};
	if(paginaKant == "links"){
		$('#div' + pagina).animate({"width": "542px","top": "154px","height": "45px"}, "slow");
		naarRechts(pagina);
		return;
	};
	if(paginaKant == "midden"){
		$('#div' + pagina).animate({"left":"-544px","width": "542px","top": "154px","height": "45px"}, "slow");
		
		
		$('.divBlokjeMenu').css("left","544px");
	
		$('#divKolomRechts').animate({"left": "816px"}, "slow");
		$('#divKolomMidden').animate({"left": "544px"}, "slow");
		
		//kolomLinks
		$('#div03').fadeOut("fast");
		$('#div06').fadeOut("fast");
		$('#div09').fadeOut("fast");
		
		//kolomRechts
		$('#div05').fadeOut("fast");
		$('#div08').fadeOut("fast");
		$('#div11').fadeOut("fast");
		
		//reclame
		$('#div12').fadeOut("fast");
		$('#div14').fadeOut("fast");
		
		if(!(pagina == '13')){
			$('#div13').fadeOut("fast");		
		};
		
		if(!(pagina == '10')){
			$('#div10').fadeOut("fast");
		};
				
		$('#div15').animate({"top": "902px"}, "slow", function(){
		
		$('#divGroot' + pagina).fadeIn('fast');
		
			var url = "pagina" + pagina + ".php";
			$.post(url, function(data){	
  		  		document.getElementById("divGroot" + pagina).innerHTML = data;
  		  		$('#div' + pagina + '-00').fadeIn(500);
  		  		
  		  		
  		  	
  		  		
  		  	});
  		  	
  		  	
  		  	if(pagina == '03'){huidigMenuItem = '02'};
  		  	if(pagina == '05'){huidigMenuItem = '03'};
  		  	if(pagina == '06'){huidigMenuItem = '04'};
  		  	if(pagina == '08'){huidigMenuItem = '05'};
  		  	if(pagina == '10'){huidigMenuItem = '06'};
  		  	if(pagina == '11'){huidigMenuItem = '07'};
  		  	if(pagina == '09'){huidigMenuItem = '08'};
  		  	if(pagina == '13'){huidigMenuItem = '09'};
  		  	
  		  	
		document.getElementById('divMenu' + huidigMenuItem).innerHTML = "<img src='http://www.marockandroll.com/images/achtergrond" + huidigMenuItem + ".png' style='position:absolute;bottom:0px;right:0px;' border='0'/>";
			
			$('#divMenu01').fadeIn(70, function(){
					$('#divMenu02').fadeIn(70, function(){
						$('#divMenu03').fadeIn(70, function(){
							$('#divMenu04').fadeIn(70, function(){
								$('#divMenu05').fadeIn(70, function(){
									$('#divMenu06').fadeIn(70, function(){
										$('#divMenu07').fadeIn(70, function(){
											$('#divMenu08').fadeIn(70, function(){
												$('#divMenu09').fadeIn(70);
											});
										});
									});
								});	
							});
						});
					});
			});
			
		});
		
		return;
	};
	 
};

////////////////// HOME //////////////////

function home(callBack,kant){
	
	if(contactOpen = true){
		contact('home');
	}
	
	huidigeSubPagina = '00';
	huidigePagination = '01';

	if(paginaKant == "rechts"){
    
    
    	$('#divGroot' + huidigePagina).fadeOut("fast", function(){
    	document.getElementById("divGroot" + huidigePagina).innerHTML = laadPlaatje;
    			
    		$('.divBlokjeMenu').fadeOut("fast");
    		document.getElementById('divMenu' + huidigMenuItem).innerHTML = "";
						
    		var cssInfoDivBreedteCombi = $('div' + huidigePagina).css("width"); 
    		var cssInfoDivTopCombi = "cssInfoDivTop" + huidigePagina;
    		var cssInfoDivHoogteCombi = "cssInfoDivHoogte" + huidigePagina;
    		 		
    		var huidigePaginaInt = parseInt(huidigePagina, 10);
       		
    		$('#div' + huidigePagina).animate({"left": "0px"},{ queue:false, duration:600 })
			.animate({"width": cssInfoDivBreedte[huidigePaginaInt]},250)
    		.animate({"top": cssInfoDivTop[huidigePaginaInt]},250)
    		.animate({"height": cssInfoDivHoogte[huidigePaginaInt]},250);
    		
    		$('#div15').animate({"top": cssInfoDivTop[15]},"slow");
       		$('#divKolomLinks').animate({"left": "0px"}, "slow");
    		$('#divKolomMidden').animate({"left": "272px"}, "slow");
    		
    		huidigePagina = "00";
    		
    		var i = 2;
    		var nummertje = 0;
    		while(i < aantalPaginas){
    			i++;
    			nummertje = i;
    			
    			if(nummertje < 10){
    				nummertje = "0" + nummertje;
    			};
    			
    			if(i == 15){
    				if(!(callBack == undefined)){   
						setTimeout(function(){openPagina(callBack,kant)},700);
					}
					else{
						$('#div15').fadeIn('slow',function(){
							$('.divHomeInhoud').fadeIn('fast');
						});	
					};
    			}
    			else{
    				$('#div' + nummertje).fadeIn('slow');
    			};	
    		};
    		
    		
			
			
		});	
		return;
   };
   if(paginaKant == "links"){
   
   		$('#divGroot' + huidigePagina).fadeOut("fast", function(){
    	document.getElementById("divGroot" + huidigePagina).innerHTML = laadPlaatje;
    			
    		$('.divBlokjeMenu').fadeOut("fast");
    		document.getElementById('divMenu' + huidigMenuItem).innerHTML = "";
		
    		
    		var huidigePaginaInt = parseInt(huidigePagina, 10);
    		
    		$('#div' + huidigePagina).animate({"width": cssInfoDivBreedte[huidigePaginaInt]},{ queue:false, duration:600 })
    		.animate({"top": cssInfoDivTop[huidigePaginaInt]},250)
    		.animate({"height": cssInfoDivHoogte[huidigePaginaInt]},250);
    		
    		$('#div15').animate({"top": cssInfoDivTop[15]},"slow");
       		$('#divKolomRechts').animate({"left": "544px"}, "slow");
    		$('#divKolomMidden').animate({"left": "272"}, "slow");
    		
    		huidigePagina = "00";
    		
    		var i = 2;
    		var nummertje = 0;
    		while(i < aantalPaginas){
    			i++;
    			nummertje = i;
    			
    			if(nummertje < 10){
    				nummertje = "0" + nummertje;
    			};
    			
    			if(i == 15){
    				if(!(callBack == undefined)){   
						setTimeout(function(){openPagina(callBack,kant)},700);
					}
					else{
						$('#div15').fadeIn('slow',function(){
							$('.divHomeInhoud').fadeIn('fast');
						});	
					};
    			}
    			else{
    				$('#div' + nummertje).fadeIn('slow');
    			};	
    		};
    		
    		
    	
		});	
   return;
   };	
   
   if(paginaKant == "midden"){
    
    
    	$('#divGroot' + huidigePagina).fadeOut("fast", function(){
    	document.getElementById("divGroot" + huidigePagina).innerHTML = laadPlaatje;
    			
    		$('.divBlokjeMenu').fadeOut("fast");
    		document.getElementById('divMenu' + huidigMenuItem).innerHTML = "";
						
    		var cssInfoDivBreedteCombi = $('div' + huidigePagina).css("width"); 
    		var cssInfoDivTopCombi = "cssInfoDivTop" + huidigePagina;
    		var cssInfoDivHoogteCombi = "cssInfoDivHoogte" + huidigePagina;
    		 		
    		var huidigePaginaInt = parseInt(huidigePagina, 10);
       		
    		$('#div' + huidigePagina).animate({"left": "0px"},{ queue:false, duration:600 })
			.animate({"width": cssInfoDivBreedte[huidigePaginaInt]},250)
    		.animate({"top": cssInfoDivTop[huidigePaginaInt]},250)
    		.animate({"height": cssInfoDivHoogte[huidigePaginaInt]},250);
    		
    		$('#div15').animate({"top": cssInfoDivTop[15]},"slow");
       		$('#divKolomLinks').animate({"left": "0"}, "slow");
    		$('#divKolomMidden').animate({"left": "272px"}, "slow");
    		$('#divKolomRechts').animate({"left": "544px"}, "slow");
    		
    		huidigePagina = "00";
    		
    		var i = 2;
    		var nummertje = 0;
    		while(i < aantalPaginas){
    			i++;
    			nummertje = i;
    			
    			if(nummertje < 10){
    				nummertje = "0" + nummertje;
    			};
    			
    			if(i == 15){
    				if(!(callBack == undefined)){   
						setTimeout(function(){openPagina(callBack,kant)},700);
					}
					else{
						$('#div15').fadeIn('slow',function(){
							$('.divHomeInhoud').fadeIn('fast');
						});	
					};
    			}
    			else{
    				$('#div' + nummertje).fadeIn('slow');
    			};	
    		};
    		
    		
			
		});	
		return;
   };
   
  
   
};			


////////////////// NAAR LINKS //////////////////

function naarLinks(pagina){
	
	$('.divBlokjeMenu').css("left","0px");


	$('#divKolomLinks').animate({"left": "-272px"}, "slow");
	$('#divKolomMidden').animate({"left": "0px"}, "slow");
	
	
	//kolomLinks
	$('#div03').fadeOut("fast");
	$('#div06').fadeOut("fast");
	$('#div09').fadeOut("fast");
		
	//midden	
	$('#div10').fadeOut("fast")
	$('#div13').fadeOut("fast")	
	
	//reclame
	$('#div12').fadeOut("fast");
	$('#div14').fadeOut("fast");
	
	if(!(pagina == '05')){
		$('#div05').fadeOut("fast");
	};
	
	if(!(pagina == '08')){
		$('#div08').fadeOut("fast");
	};
	
	if(!(pagina == '11')){
		$('#div11').fadeOut("fast");
	};	
	
	$('#div15').animate({"top": "902px"}, "slow", function(){
	
	$('#divGroot' + pagina).fadeIn('fast');
	
		var url = "pagina" + pagina + ".php";
		$.post(url, function(data){	
  	  		document.getElementById("divGroot" + pagina).innerHTML = data;
  	  		$('#div' + pagina + '-00').fadeIn(500);
  	  	});
	
			if(pagina == '03'){huidigMenuItem = '02'};
  		  	if(pagina == '05'){huidigMenuItem = '03'};
  		  	if(pagina == '06'){huidigMenuItem = '04'};
  		  	if(pagina == '08'){huidigMenuItem = '05'};
  		  	if(pagina == '10'){huidigMenuItem = '06'};
  		  	if(pagina == '11'){huidigMenuItem = '07'};
  		  	if(pagina == '09'){huidigMenuItem = '08'};
  		  	if(pagina == '13'){huidigMenuItem = '09'};
  		  	
		
		document.getElementById('divMenu' + huidigMenuItem).innerHTML = "<img src='http://www.marockandroll.com/images/achtergrond" + huidigMenuItem + ".png' style='position:absolute;bottom:0px;right:0px;' border='0'/>";
$('#divMenu01').fadeIn(70, function(){
				$('#divMenu02').fadeIn(70, function(){
					$('#divMenu03').fadeIn(70, function(){
						$('#divMenu04').fadeIn(70, function(){
							$('#divMenu05').fadeIn(70, function(){
								$('#divMenu06').fadeIn(70, function(){
									$('#divMenu07').fadeIn(70, function(){
										$('#divMenu08').fadeIn(70, function(){
											$('#divMenu09').fadeIn(70);
										});
									});
								});
							});	
						});
					});
				});
			});
	
	
	});
};


////////////////// NAAR RECHTS //////////////////

function naarRechts(pagina){

	$('.divBlokjeMenu').css("left","544px");

		
	$('#divKolomRechts').animate({"left": "816px"}, "slow");
	$('#divKolomMidden').animate({"left": "544px"}, "slow");
	
	//kolomRechts
	$('#div05').fadeOut("fast");
	$('#div08').fadeOut("fast");
	$('#div11').fadeOut("fast");
	
	//reclame
	$('#div12').fadeOut("fast");
	$('#div14').fadeOut("fast");
		
	//midden	
	$('#div10').fadeOut("fast")
	$('#div13').fadeOut("fast")	
	

	if(!(pagina == '03')){
		$('#div03').fadeOut("slow");		
	};
	
	if(!(pagina == '06')){
		$('#div06').fadeOut("fast");
	};
	
	if(!(pagina == '09')){
		$('#div09').fadeOut("fast");
	};
		
	$('#div15').animate({"top": "902px"}, "slow", function(){
	
	$('#divGroot' + pagina).fadeIn('fast');
	
		var url = "pagina" + pagina + ".php";
		$.post(url, function(data){	
  	  		document.getElementById("divGroot" + pagina).innerHTML = data;
  	  		$('#div' + pagina + '-00').fadeIn(500);
  	  			
  	  			
  	  			//video pagina
  		  		if(pagina == '06'){
  		  			opstartenVideoPlayer();
  		  		};
  	  	});
		
		if(pagina == '03'){huidigMenuItem = '02'};
  		  	if(pagina == '05'){huidigMenuItem = '03'};
  		  	if(pagina == '06'){huidigMenuItem = '04'};
  		  	if(pagina == '08'){huidigMenuItem = '05'};
  		  	if(pagina == '10'){huidigMenuItem = '06'};
  		  	if(pagina == '11'){huidigMenuItem = '07'};
  		  	if(pagina == '09'){huidigMenuItem = '08'};
  		  	if(pagina == '13'){huidigMenuItem = '09'};
  		  	
		
			document.getElementById('divMenu' + huidigMenuItem).innerHTML = "<img src='http://www.marockandroll.com/images/achtergrond" + huidigMenuItem + ".png' style='position:absolute;bottom:0px;right:0px;' border='0'/>";

	
		$('#divMenu01').fadeIn(70, function(){
				$('#divMenu02').fadeIn(70, function(){
					$('#divMenu03').fadeIn(70, function(){
						$('#divMenu04').fadeIn(70, function(){
							$('#divMenu05').fadeIn(70, function(){
								$('#divMenu06').fadeIn(70, function(){
									$('#divMenu07').fadeIn(70, function(){
										$('#divMenu08').fadeIn(70, function(){
											$('#divMenu09').fadeIn(70);
										});
									});
								});
							});	
						});
					});
				});
		});
	
	
		
	});
	
	
	
	

};


////////////////// OPEN PAGINA VANUIT MENU //////////////////

function openPaginaVanuitMenu(pagina, kant){

	if(!(hasjSubPage == huidigePagina && hasjSubPage == huidigeSubPagina)){
		home(pagina,kant);	
	};	
};


////////////////// OPEN SUB PAGINA //////////////////

function openSubPagina(hasj1,hasj2,hasj3,hasj4){

	window.location.hash = "#" + hasj1 + "-" + hasj2 + "-" + hasj3 + "-" + hasj4;
};

function subPaginaOpenen(subPagina){

	
	if(huidigeSubPagina == '00'){
		$('#div' + huidigePagina + '-00').fadeOut('fast', function(){				
			$('#divSub' + subPagina).fadeIn('fast');
			huidigeSubPagina = subPagina;
		});
	}
	else{
		$('#divSub' + huidigeSubPagina).fadeOut('fast', function(){				
			$('#divSub' + subPagina).fadeIn('fast');
			huidigeSubPagina = subPagina;
		});
	};
	
	
	
	
	
};



////////////////// VOLGENDE / VORIGE PAGINA //////////////////


////////////////// NIEUWS & BLOGS
function pagination(volgendeVorige,aantalPagination,pages){
	
	if(volgendeVorige == 'volgende'){
	
		
		
		if(!(huidigePagination == pages)){
			$('#div' + huidigePagina + 'Pagina' + huidigePagination).fadeOut('normal',function(){
				huidigePagination = parseInt(huidigePagination, 10);
				huidigePagination = huidigePagination + 1;
				if(huidigePagination < 10){
					huidigePagination = "0" + huidigePagination;
				};
				$('#div' + huidigePagina + 'Pagina' + huidigePagination).fadeIn('normal');
				$('#divPaginasVorige').fadeTo("fast", 1.00);
				if(huidigePagination == pages){
					$('#divPaginasVolgende').fadeTo("fast", 0.50);
				};
				
			});
		};
	}
	else{
		
		
		
		if(!(huidigePagination == '01')){
			$('#div' + huidigePagina + 'Pagina' + huidigePagination).fadeOut('normal',function(){
				huidigePagination = parseInt(huidigePagination, 10);
				huidigePagination = huidigePagination - 1;
				if(huidigePagination < 10){
					huidigePagination = "0" + huidigePagination;
				};
				$('#div' + huidigePagina + 'Pagina' + huidigePagination).fadeIn('normal')
				$('#divPaginasVolgende').fadeTo("fast", 1.00);;
				if(huidigePagination == '01'){
					$('#divPaginasVorige').fadeTo("fast", 0.50);
				};	
			});
		};
	};

	
};

////////////////// GASTENBOEK

function paginationGastenboek(volgendeVorige, pages){

var urlGastenboek = "pagina10.php?start=";

	if(volgendeVorige == 'volgende'){

	
		if(!(huidigePaginaGastenboek == pages)){
			$('#div' + huidigePagina + '-00').fadeOut('fast', function(){
				document.getElementById("divGroot" + huidigePagina).innerHTML = laadPlaatje;
				huidigeStartGastenboek = huidigeStartGastenboek + 8;
				huidigePaginaGastenboek = huidigePaginaGastenboek + 1;
				$.post(urlGastenboek + huidigeStartGastenboek, function(data){	
  	  				document.getElementById("divGroot" + huidigePagina).innerHTML = data;
  	  				$('#div' + huidigePagina + '-00').fadeIn('fast');
  	  				$('#divPaginasVorige').fadeTo("fast", 1.00);
					if(huidigePaginaGastenboek == pages){
						$('#divPaginasVolgende').fadeTo("fast", 0.50);
					};
  	  			});	
  	  		});
  	  	};
	}
	else{
	
		if(!(huidigePaginaGastenboek == 1)){
			$('#div' + huidigePagina + '-00').fadeOut('fast', function(){
				document.getElementById("divGroot" + huidigePagina).innerHTML = laadPlaatje;
				huidigeStartGastenboek = huidigeStartGastenboek - 8;
				huidigePaginaGastenboek = huidigePaginaGastenboek - 1;
				$.post(urlGastenboek + huidigeStartGastenboek, function(data){	
  	  				document.getElementById("divGroot" + huidigePagina).innerHTML = data;
  	  				$('#div' + huidigePagina + '-00').fadeIn('fast');
  	  				$('#divPaginasVolgende').fadeTo("fast", 1.00);
					if(huidigePaginaGastenboek == 1){
						$('#divPaginasVorige').fadeTo("fast", 0.50);
					};
  	  			});	
  	  		});
  	  	};
	
	};

};


////////////////// MEER / MINDER NIEUWS&BLOGS //////////////////

function meerTekstWeergeven(berichtID){
	$('#divTekstVerkort' + huidigePagina + '-' + berichtID).fadeOut('fast',function(){
		$('#divTekstVolledig' + huidigePagina + '-' + berichtID).fadeIn('fast');
	});
};

function minderTekstWeergeven(berichtID){
	$('#divTekstVolledig' + huidigePagina + '-' + berichtID).fadeOut('fast',function(){
		$('#divTekstVerkort' + huidigePagina + '-' + berichtID).fadeIn('fast');
	});
};

function meer(pages,divBericht,bovenMiddenOnder){

	if(meerAan == false){
		if(bovenMiddenOnder == "boven"){
			
			var divBerichtMidden = divBericht + 1;
			var divBerichtOnder = divBericht + 2;
			
			if (document.getElementById('div' + huidigePagina + 'Item-' + divBerichtMidden)) {
		  		$('#div' + huidigePagina + 'Item-' + divBerichtMidden).fadeOut('fast',function(){
		  			$('#div' + huidigePagina + 'Item-' + divBericht).animate({"height": "652px"}, "normal");
		  		});
			}
			else{
				$('#div' + huidigePagina + 'Item-' + divBericht).animate({"height": "652px"}, "normal");
			};
			if (document.getElementById('div' + huidigePagina + 'Item-' + divBerichtOnder)) {
				$('#div' + huidigePagina + 'Item-' + divBerichtOnder).fadeOut('fast');
			};	
			
			
		};
		
		if(bovenMiddenOnder == "midden"){
			
			var divBerichtBoven = divBericht - 1;
			var divBerichtOnder = divBericht + 1;
			
			$('#div' + huidigePagina + 'Item-' + divBerichtBoven).fadeOut('fast',function(){
				$('#div' + huidigePagina + 'Item-' + divBericht).animate({"top":"0px","height": "652px"}, "normal");
			});
			if (document.getElementById('div' + huidigePagina + 'Item-' + divBerichtOnder)) {
				$('#div' + huidigePagina + 'Item-' + divBerichtOnder).fadeOut('fast');
			};	
			
		};
		
		if(bovenMiddenOnder == "onder"){
			
			var divBerichtMidden = divBericht - 1;
			var divBerichtBoven = divBericht - 2;
			
			$('#div' + huidigePagina + 'Item-' + divBerichtMidden).fadeOut('fast');
			$('#div' + huidigePagina + 'Item-' + divBerichtBoven).fadeOut('fast', function(){
				$('#div' + huidigePagina + 'Item-' + divBericht).animate({"top":"0px","height": "652px"}, "normal");
			});
		};
		
		meerTekstWeergeven(divBericht);
		document.getElementById('divMeer' + divBericht).innerHTML = '<span class="tekstSubTitelMidden" style="top:-1;right:4px;"><u>MINDER</u></span>';
		meerAan = true;

	}
	else{
	/////////////////////////
	
	
		if(bovenMiddenOnder == "boven"){
			
			var divBerichtMidden = divBericht + 1;
			var divBerichtOnder = divBericht + 2;
			
			if (document.getElementById('div' + huidigePagina + 'Item-' + divBerichtMidden)) {
				$('#div' + huidigePagina + 'Item-' + divBericht).animate({"height": "216px"}, "normal", function(){
					$('#div' + huidigePagina + 'Item-' + divBerichtMidden).fadeIn('fast');
					if (document.getElementById('div' + huidigePagina + 'Item-' + divBerichtOnder)) {
						$('#div' + huidigePagina + 'Item-' + divBerichtOnder).fadeIn('fast');
					};
				});
			}
			else{
				$('#div' + huidigePagina + 'Item-' + divBericht).animate({"height": "216px"}, "normal");
			};		
		};
		
		if(bovenMiddenOnder == "midden"){
			
			var divBerichtBoven = divBericht - 1;
			var divBerichtOnder = divBericht + 1;
			
			$('#div' + huidigePagina + 'Item-' + divBericht).animate({"top":"218px","height": "216px"}, "normal", function(){
				$('#div' + huidigePagina + 'Item-' + divBerichtBoven).fadeIn('fast');
				if (document.getElementById('div' + huidigePagina + 'Item-' + divBerichtOnder)) {
					$('#div' + huidigePagina + 'Item-' + divBerichtOnder).fadeIn('fast');
				};	
			});	
		};
		
		if(bovenMiddenOnder == "onder"){
			
			var divBerichtMidden = divBericht - 1;
			var divBerichtBoven = divBericht - 2;
			
			$('#div' + huidigePagina + 'Item-' + divBericht).animate({"top":"436px","height": "216px"}, "normal", function(){
				$('#div' + huidigePagina + 'Item-' + divBerichtMidden).fadeIn('fast');
				$('#div' + huidigePagina + 'Item-' + divBerichtBoven).fadeIn('fast');
			});
		};
		
		minderTekstWeergeven(divBericht);
		document.getElementById('divMeer' + divBericht).innerHTML = '<span class="tekstSubTitelMidden" style="top:-1;right:4px;"><u>MEER</u></span>';
		meerAan = false;
	};

};


////////////////// POST IN GASTENBOEK //////////////////

function postInGastenboek(){
	
	var gastenboekBericht = document.getElementById("textAreaGastenBoekBericht").value;
	var aantalLettersOver = 140 - gastenboekBericht.length;
	
	if(aantalLettersOver >= 0){
		var urlPost = "pagina10.php";
		
		var formAuteur = document.getElementById("inputGastenboekAuteur").value;
		var formMailAdres = document.getElementById("inputGastenboekEmail").value;
		var formBericht = document.getElementById("textAreaGastenBoekBericht").value;
		var formCaptcha = document.getElementById("inputGastenboekCaptcha").value;
		
		$('#div' + huidigePagina + '-00').fadeOut('fast', function(){
			document.getElementById("divGroot" + huidigePagina).innerHTML = laadPlaatje;
			$.post(urlPost, {auteur: formAuteur, email: formMailAdres, bericht: formBericht, captcha: formCaptcha, gbSubmit: "Zend"}, function(data){
				document.getElementById("divGroot" + huidigePagina).innerHTML = data;
				$('#div' + huidigePagina + '-00').fadeIn('fast');
				
			});
		});
	}
	else{
	alert('Je berichtje is helaas te lang. Je mag maximaal 140 tekens gebruiken. Haal een beetje tekst weg en probeer het nog een keer.');
	};
};


function lettersTellen(){

	var gastenboekBericht = document.getElementById("textAreaGastenBoekBericht").value;
	var aantalLettersOver = 140 - gastenboekBericht.length;
	
	if(aantalLettersOver >= 0){
		document.getElementById("divAantalLetters").innerHTML = "Nog <b>" + aantalLettersOver + "</b> tekens over...";
	}
	else{
		document.getElementById("divAantalLetters").innerHTML = "<span style='color:red;'><b>" + aantalLettersOver + "</b> tekens teveel!</span>";
	};


};

////////////////// OPEN FOTO ALBUM //////////////////////

function openAlbum(albumID){
	
	huidigFotoAlbum = albumID;
	
	var albumUrl = 'pagina13.php?page=overzicht&album=' + albumID;

	$('#div' + huidigePagina + '-00').fadeOut('fast', function(){
		document.getElementById("divGroot" + huidigePagina).innerHTML = laadPlaatje;
		$.post(albumUrl, function(data){
			document.getElementById("divGroot" + huidigePagina).innerHTML = data;
			$('#div' + huidigePagina + '-00').fadeIn('fast');
		});
	});

};

/////////////////// TERUG NAAR ALBUM OVERZICHT ////////////

function terugNaarAlbum(){
	
	var albumUrl = 'pagina13.php?page=overzicht&album=' + huidigFotoAlbum;

	$('#div' + huidigePagina + '-00').fadeOut('fast', function(){
		document.getElementById("divGroot" + huidigePagina).innerHTML = laadPlaatje;
		$.post(albumUrl, function(data){
			document.getElementById("divGroot" + huidigePagina).innerHTML = data;
			$('#div' + huidigePagina + '-00').fadeIn('fast');
		});
	});

};

/////////////////// TERUG NAAR ALBUMs ////////////

function terugNaarAlbums(){
	
	var albumUrl = 'pagina13.php';

	$('#div' + huidigePagina + '-00').fadeOut('fast', function(){
		document.getElementById("divGroot" + huidigePagina).innerHTML = laadPlaatje;
		$.post(albumUrl, function(data){
			document.getElementById("divGroot" + huidigePagina).innerHTML = data;
			$('#div' + huidigePagina + '-00').fadeIn('fast');
		});
	});

};


////////////////// OPEN LOSSE FOTO //////////////////////

function openFoto(fotoID,bla){
	
	var fotoUrl = 'pagina13.php?page=losseFoto&album=' + huidigFotoAlbum + '&foto=' + fotoID;
	huidigeFoto = fotoID;
	
	$('#div' + huidigePagina + '-00').fadeOut('fast',function(){
	
		document.getElementById("divGroot" + huidigePagina).innerHTML = laadPlaatje;
		$.post(fotoUrl, function(data){
			document.getElementById("divGroot" + huidigePagina).innerHTML = data;
			$('#div' + huidigePagina + '-00').fadeIn('fast');
		});
		
	});
	
	/*
$('#div' + huidigePagina + '-00').jbAnimatieFadeUit();
	setTimeout(function(){openFotoDeel2(fotoUrl)},220);
*/
};

function openFotoDeel2(fotoUrl){

	document.getElementById("divGroot" + huidigePagina).innerHTML = laadPlaatje;
	$.post(fotoUrl, function(data){
		document.getElementById("divGroot" + huidigePagina).innerHTML = data;
		$('#div' + huidigePagina + '-00').jbAnimatieFadeIn();
	});
};



////////////////// OPEN LOSSE FOTO //////////////////////

function volgendeVorigeFoto(volgendeVorige,aantalFotos){

	if(debug == true){
		console.log('aantal fotos: ' + aantalFotos); 
		console.log(volgendeVorige); 
		console.log(huidigeFoto);
	};	
	
	if(volgendeVorige == 'volgende'){
		if(!(huidigeFoto == aantalFotos)){
			huidigeFoto = parseInt(huidigeFoto,10) + 1;
		};
	}
	else{
		if(!(huidigeFoto == 1)){
			huidigeFoto = parseInt(huidigeFoto,10) - 1;
		};
	};
	
	var fotoUrl = 'pagina13.php?page=losseFoto&album=' + huidigFotoAlbum + '&foto=' + huidigeFoto;	
	
	if(debug == true){
		console.log('url in eerste functie: ' + fotoUrl);
	};
	
	$('#div' + huidigePagina + '-00').fadeOut('fast', function(){
	
		document.getElementById("divGroot" + huidigePagina).innerHTML = laadPlaatje;
		$.post(fotoUrl, function(data){
			document.getElementById("divGroot" + huidigePagina).innerHTML = data;
			$('#div' + huidigePagina + '-00').fadeIn('fast');
		});
	
	});
	
	/*
$('#div' + huidigePagina + '-00').jbAnimatieFadeUit();
	setTimeout(function(){volgendeVorigeFotoDeel2(fotoUrl)},220);
*/
	
};

function volgendeVorigeFotoDeel2(fotoUrl){
	
	if(debug == true){
		console.log('url in tweede functie: ' + fotoUrl);
	};
	
	document.getElementById("divGroot" + huidigePagina).innerHTML = laadPlaatje;
	$.post(fotoUrl, function(data){
		document.getElementById("divGroot" + huidigePagina).innerHTML = data;
		$('#div' + huidigePagina + '-00').jbAnimatieFadeIn();
	});
};
	

////////////////// CONTACT //////////////////////

function contact(vanuit){
	
	if(vanuit == 'home'){
		if(huidigePagina == '00'){
			$('.divBlokje').fadeTo("fast", 1.00);
		};
		$('#div15-00').fadeOut('fast');
		contactOpen = false;
		return;
	};
	
	var topContact = $('#div15').css('top');
	
	if(contactOpen == false){
		$('#div15-01').css('top',topContact);
		$('#div15-02').css('top',topContact);
		$('#div15-03').css('top',topContact);
		
		if(huidigePagina == '00'){
			$('.divBlokje').fadeTo("slow", 0.40);
		};
		$('#div15').animate({"top": "+=76px"},'slow');
		$('html, body').animate({scrollTop: $(document).height()}, 'slow', function(){
			$('#div15-00').fadeIn('fast');
		});	
		contactOpen = true;
	}
	else{
		if(huidigePagina == '00'){
			$('.divBlokje').fadeTo("slow", 1.00);
		};
		$('#div15-00').fadeOut('fast', function(){
			$('#div15').animate({"top": "-=76px"},'slow');
			//$('html, body').animate({scrollTop: $(document).height()}, 'slow');
		});
		contactOpen = false;
	};

};


function mailToLink(mailAdres){

	var email = mailAdres;
	var onderwerp = "Via MarockAndRoll Website";
	
	
	if(email == 'boekingen@dirtydiamond.nl'){
		var mailto_link = 'mailto:'+email+'?Cc=info@mainlinemusic.nl&subject='+onderwerp;
	}
	else{
		var mailto_link = 'mailto:'+email+'?subject='+onderwerp;
	}; 
	
	//var mailto_link = 'mailto:'+email+'?Cc=info@mainlinemusic.nl&subject='+onderwerp;
	//window.open("		mailto:test@test.com?Cc=" + myString + "&Subject=test&Body=test");
	
	win = window.open(mailto_link,'emailWindow');
	if (win && win.open &&!win.closed){
		win.close();
	}; 


};


////////////////// DOWNLOAD BESTAND //////////////////

function downloadBestand(bestand){  
	window.open(bestand,'Download');
};

////////////////// COLOR CHANGE //////////////////

function colorChange(){

	$('#achtergrond2').fadeIn(5000, function(){
		$('#achtergrond3').fadeIn(5000, function(){
			$('#achtergrond2').fadeOut(100, function(){
				$('#achtergrond3').fadeOut(5000);
			});
		});
	});
};


////////////////// BANNER CHANGE //////////////////

function bannerChange(){
	
	if(!(huidigeBanner == 3)){
		var nieuweBanner = huidigeBanner + 1;
	}else{
		var nieuweBanner = 1;
	};

	
	$('#bannerPlaatje' + nieuweBanner).fadeIn(1000, function(){
		$('#bannerPlaatje' + huidigeBanner).fadeOut(1000, function(){
		
			huidigeBanner = nieuweBanner;
		});
	});
	
};

////////////////// BAND CHANGE //////////////////

function bandChange(){
	
	//console.log(huidigeBand);
	
	if(!(huidigeBand == 4)){
		var nieuweBand = huidigeBand + 1;
	}else{
		var nieuweBand = 1;
	};

	
	$('#bandPlaatje' + nieuweBand).fadeIn(1000, function(){
		$('#bandPlaatje' + huidigeBand).fadeOut(1000, function(){
		
			huidigeBand = nieuweBand;
		});
	});
	
};



////////////////// FOTO CHANGE //////////////////

function fotoChange(){
	
	//console.log(huidigeBand);
	
	if(!(huidigeFotoScroller == 4)){
		var nieuweFotoScroller = huidigeFotoScroller + 1;
	}else{
		var nieuweFotoScroller = 1;
	};

	
	$('#fotoScrollerPlaatje' + nieuweFotoScroller).fadeIn(1000, function(){
		$('#fotoScrollerPlaatje' + huidigeFotoScroller).fadeOut(1000, function(){
		
			huidigeFotoScroller = nieuweFotoScroller;
		});
	});
	
};




function updateTotaalBedragWebshop(){

	var aantalStickers = $('#aantalStickers').val();
	var aantalCds = $('#aantalCds').val();
	var aantalShirts = $('#aantalShirts').val();
	var aantalPosters = $('#aantalPosters').val();
	
	var verzendKostenStickers = 1;
	var verzendKostenCds = 1 * aantalCds;
	var verzendKostenShirts = 1 * aantalShirts;
	var verzendKostenPosters = 3 * aantalPosters;
	
	var totaalVerzendkosten = verzendKostenStickers + verzendKostenCds + verzendKostenShirts + verzendKostenPosters;
	
	var kostenStickers = aantalStickers * 2.49;
	var kostenCds = aantalCds * 15;
	var kostenShirts = aantalShirts * 14.99;
	var kostenPosters = aantalPosters * 6.99;
	
	var totaalBedrag = kostenStickers + kostenCds + kostenShirts + kostenPosters + totaalVerzendkosten;
	
	totaalBedrag = Math.round(totaalBedrag*100)/100;
	totaalVerzendkosten = Math.round(totaalVerzendkosten*100)/100;
	
	document.getElementById('spanVerzendkosten').innerHTML = totaalVerzendkosten + ",00";
	document.getElementById('verzendKosten').value = totaalVerzendkosten;
	
	document.getElementById('spanTotaalBedragWebshop').innerHTML = totaalBedrag;
	document.getElementById('totaalBedrag').value = totaalBedrag;
	


};


function bestelWebshop(){

		var formWaardes = $('#formWebshop').serialize();
		var url = "ajax.php";
		
		if(debug==true){console.log('form waardes: ' + formWaardes);};
		if(debug==true){console.log('url: ' + url);};
		
		
		
		$.post(url, formWaardes, function(data){
			
			var i = 1;
			
			while(i<6){
				$('#div11-0' + i).fadeOut('fast');
				i++;
			};
			
			if(!(data=='succes')){
				document.getElementById('div11-06').innerHTML = data;
			}
			else{
			
				document.getElementById('spanTotaalBedragWebshop2').innerHTML += document.getElementById('totaalBedrag').value;
				
			};
			
			$('#div11-06').fadeIn('fast');
			
			
			if(debug==true){console.log('phpEcho: ' + data);};
			
		});

};