var videoPlayerAanwezig = true;
var videoSpeelt = false;
var videoKwaliteit = "SD";
var huidigeVideoSrc = "";
var huidigeSeconde = 0;
var soortFilmpje = "";
var youtubePlayer = "";
var huidigFilmpje = 0;

soortFilmpje = "youtube";



	var startMetFilmpje = 0;

	var videoArray =  [
					
					{
					
						"id": "RbXnvYW7PVU",
						"naam": "Soldier",
						"subTitel": "",
						"plaatje": imageUrl + "video_takeAway.jpg",
						"omschrijving": "<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"
				
					},
					{
					
						"id": "UVbrykmMb7g",
						"naam": "Docu album release",
						"subTitel": "Door Emiel Elgersma",
						"plaatje": imageUrl + "video_docu.jpg",
						"omschrijving": "<br><br>Het eerste album van Marock & Roll, Take a look in my world, is af en het is tijd dat de wereld de band leert kennen. De jongens geven daarom een release party in Tivoli de Helling in Utrecht. De twee weken daarvoor werd frontman Ilias Boudellah gevolgd.<Br><br>Camera, interview & montage - Emiel Elgersma - www.elgersma.info "
				
					},
					{
					
						"id": "rzYCY3AdMJ8",
						"naam": "Take Away",
						"subTitel": "",
						"plaatje": imageUrl + "video_takeAway.jpg",
						"omschrijving": "<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--> "
				
					},
					
					{
					
						"id": "IKHUx_99QbQ",
						"naam": "Album Release Tivoli",
						"subTitel": "",
						"plaatje": imageUrl + "video_albumRelease.jpg",
						"omschrijving": "<br><br>Live registratie van de album release 'Take a Look in my World' in de Tivoli de Helling."
				
					},
				
					{
					
						"id": "fXBEjEhCjBg",
						"naam": "Down With Love",
						"subTitel": "",
						"plaatje": imageUrl + "video_downWithLove.jpg",
						"omschrijving": "<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"
				
					},
	
			];	
			
			
function opstartenVideoPlayer(){
	
	if(videoPlayerAanwezig == true){
		
		if(debug==true){console.log('video player wordt opgestart');};
	
		if(debug==true){console.log('soort filmpje: ' + soortFilmpje);};
		
		
		
		
		videoInfoToevoegen(startMetFilmpje);
		
		
		
		
		
		if(soortFilmpje == "dirty"){
			
			
				
				var playItemVideo = 0;
			
				var jpPlayTimeVideo = $("#jplayer_play_time");
				var jpTotalTimeVideo = $("#jplayer_total_time");
				
						
				$('#jquery_jplayer_video').jPlayer({
		 			swfPath: 'http://www.artistcommunity.nl/js/profielen',
					solution: 'html,flash',
		 			supplied: 'm4v,poster',
		 			preload: 'auto',
		 			volume: 0.8,
			 		errorAlerts: false,
			 		
			 		ready: function() {
		 		    	 		
		 		 		// AFSPEEL SECONDEN
		 		 		$("#jquery_jplayer_video").bind($.jPlayer.event.timeupdate, function(event) { 
		 		        	
		 		        	huidigeSeconde = event.jPlayer.status.currentTime;
		
		 		 		});
		 		 		
		 		 		$("#jquery_jplayer_video").bind($.jPlayer.event.play, function(event) { 
		 		        	
		 		        	$('#divKnopVideoPlay').css("background-image", "url(" + imageUrl + "/muziekPlayerControls_04pauze.png)");
		 		        	videoSpeelt = true;
		
		 		 		});
		 		 		
		 		 		
		 		 		var webMVideoFile = huidigeVideoSrc.substring(0, huidigeVideoSrc.length-8) + "360p.webm"; 
		 		 		
						$("#jquery_jplayer_video").jPlayer( "setMedia", {
		    				m4v: huidigeVideoSrc,
		    				/* webmv: webMVideoFile, */
		    				poster: huidigePoster
		    			});
		 		 	
		 		 	} // ready functions
		 		
				}); // jplayer constructor
				
			
		}
		else{
		
			
			/* if(!(iOS == true)){ */
	    		var params = { allowScriptAccess: "always" };
	    		var atts = { id: "embedYoutubePlayer" };
	 			swfobject.embedSWF("http://www.youtube.com/e/" + videoArray[startMetFilmpje].id + "?version=3&autohide=1&autoplay=1&enablejsapi=1&fs=1&rel=0&showinfo=0&feature=player_embedded&playerapiid=youtubePlayerApi",
	                       "embedYoutubePlayer", "536", "302", "8", null, null, params, atts);	
	                       
	                      	                       
	                       
	        	if(debug==true){console.log('opstarten normale youtube player');};
	        }
	        else{
	        	
	        	document.getElementById('embedYoutubePlayer').innerHTML = '<iframe class="youtube-player" type="text/html" width="540" height="306" src="http://www.youtube.com/embed/' + videoArray[startMetFilmpje].id + '" frameborder="0"></iframe>';

};
	        
	        
		};
		
	};
	
};




/////// YUOTUBE ///////

function onYouTubePlayerReady(){

	if(debug==true){console.log('youtube player opgestart');};
	
	youtubePlayer = document.getElementById("embedYoutubePlayer");
	
	//youtubePlayer.cueVideoById(videoArray[0].id);
	
	//youtubePlayer.setPlaybackQuality("default");
	
	//var int=self.setInterval("youtubeProgress()",200);
		
	youtubePlayer.addEventListener("onStateChange", "youtubeVeranderingen");
	
	//ytplayer.cueVideoById("ylLzyHk54Z0");
	
};




function loadYoutubeFilmpje(filmpje){

	youtubePlayer.loadVideoById(videoArray[filmpje].id);

	videoInfoToevoegen(filmpje);
};



function videoInfoToevoegen(filmpje){

	// info tekst aanpasssen
		document.getElementById('spanVideoTitel').innerHTML = videoArray[filmpje].naam;
		document.getElementById('spanVideoSubTitel').innerHTML = videoArray[filmpje].subTitel;
		document.getElementById('spanVideoInfo').innerHTML = videoArray[filmpje].omschrijving;
		
};
























function youtubeVeranderingen(newState) {

	if(debug==true){console.log("nieuwe status youtubeplayer: " + newState);}
	
	//unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5).
	 
	if(newState == 1){
		$('#divKnopVideoPlay').css("background-image", "url(" + imageUrl + "/muziekPlayerControls_04pauze.png)");
	 	videoSpeelt = true;
	};
	
	if(newState == 0){
		$('#divKnopVideoPlay').css("background-image", "url(" + imageUrl + "/muziekPlayerControls_04.png)");
	 	videoSpeelt = false;
	};
};


function youtubeProgress() {

	
	//	if(debug==true){console.log('geladen bytes: ' + youtubePlayer.getVideoBytesLoaded());};
	//	if(debug==true){console.log('geladen bytes: ' + youtubePlayer.getVideoBytesTotal());};
	
	
	 youtubePlayer.getCurrentTime()
	 
	 var afspeelPercentage = youtubePlayer.getCurrentTime() * 100 / youtubePlayer.getDuration();
	 var afspeelPixels = afspeelPercentage * 438 / 100;
	 
	 var ladenPercentage = youtubePlayer.getVideoBytesLoaded() * 100 / youtubePlayer.getVideoBytesTotal();
	 var ladenPixels = ladenPercentage * 438 / 100;
	 
	 
	 $('.jp-seek-bar').css("width", ladenPixels + "px");
	 $('.jp-play-bar').css("width", afspeelPixels + "px");
	 
	 
	 document.getElementById('youtubeHuidigeTijd').innerHTML = $.jPlayer.convertTime(youtubePlayer.getCurrentTime());
	 document.getElementById('youtubeTotaleTijd').innerHTML = $.jPlayer.convertTime(youtubePlayer.getDuration());
	
	if(debug==true){console.log('huidigeKwaliteit: ' + youtubePlayer.getPlaybackQuality());};
	
	
	//if(debug==true){console.log('huidige seconde: ' + youtubePlayer.getCurrentTime());};
	//if(debug==true){console.log('huidige percentage: ' + afspeelPercentage);};


};

function youtubeSeek(){

	var pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("youtubeProgressBar").offsetLeft;
	
	var percentage = pos_x * 100 / 438;
	
	if(debug==true){console.log('klik op deze locatie pixels: ' + pos_x + 'px');};
	if(debug==true){console.log('klik op deze locatie percentage: ' + percentage + '%');};
	
	var secondesSeek = percentage * youtubePlayer.getDuration() / 100;
	
	
	youtubePlayer.seekTo(secondesSeek, true);

}


function videoPlayPauze(film){
	

		if(videoSpeelt == true){
			
			if(debug==true){console.log('we gaan pauzeren');};
			
			if(soortFilmpje == "dirty"){
				$("#jquery_jplayer_video").jPlayer("pause");
			}
			else{
				youtubePlayer.pauseVideo();
			};
			
			$('#divKnopVideoPlay').css("background-image", "url(" + imageUrl + "/muziekPlayerControls_04.png)");
			
			videoSpeelt = false;
		}
		else{
			
			if(debug==true){console.log('we gaan afspelen');};
			
			if(soortFilmpje == "dirty"){
				$("#jquery_jplayer_video").jPlayer("play");
			}
			else{
				youtubePlayer.playVideo();
			};
			
			$('#divKnopVideoPlay').css("background-image", "url(" + imageUrl + "/muziekPlayerControls_04pauze.png)");
			
			videoSpeelt = true;
		};

};

function videoKwaliteitVeranderen(){
	
	
	
	if(videoKwaliteit == 'SD'){
		
		var startSeconde = huidigeSeconde;
		
		if(debug==true){console.log('switchen naar HD');};
		
		if(soortFilmpje == "dirty"){
			var nieuwFilmpje = huidigeVideoSrc.substring(0, huidigeVideoSrc.length-8) + "720p.mp4"; 
			var nieuwFilmpjeWebM = huidigeVideoSrc.substring(0, huidigeVideoSrc.length-8) + "720p.webm"; 
		
			if(debug==true){console.log('nieuw filmpje: ' + nieuwFilmpje);};
		
			$("#jquery_jplayer_video").jPlayer( "setMedia", {
    			m4v: nieuwFilmpje/*
				,
	    		webmv: nieuwFilmpjeWebM
				*/
    		});
		
			if(debug==true){console.log('starten op zoveel sec.: ' + startSeconde);};
		
			//$("#jquery_jplayer_video").jPlayer("play", startSeconde);
			$("#jquery_jplayer_video").jPlayer("play");
		}
		else{
			
			youtubePlayer.setPlaybackQuality("hd720");
			
		};
		
		
		$('#divKnopVideoKwaliteit').css("background-image", "url(" + imageUrl + "/videoKwaliteitAan_04.png)");
		
		videoKwaliteit = 'HD';
		
		
		
	}
	else{
	
		if(debug==true){console.log('switchen naar SD');};
		
		var startSeconde = huidigeSeconde;
		
		if(soortFilmpje == "dirty"){
		
			var nieuwFilmpje = huidigeVideoSrc.substring(0, huidigeVideoSrc.length-8) + "360p.mp4"; 
			var nieuwFilmpjeWebM = huidigeVideoSrc.substring(0, huidigeVideoSrc.length-8) + "360p.webm"; 
			
			if(debug==true){console.log('nieuw filmpje: ' + nieuwFilmpje);};
			
			$("#jquery_jplayer_video").jPlayer( "setMedia", {
    			m4v: nieuwFilmpje/*
				,			
    			webmv: nieuwFilmpjeWebM
				*/			
    		});
			
			if(debug==true){console.log('starten op zoveel sec.: ' + startSeconde);};
			
			//$("#jquery_jplayer_video").jPlayer("play", startSeconde);
			$("#jquery_jplayer_video").jPlayer("play");
			
		}
		else{
			
			youtubePlayer.setPlaybackQuality("default");
			
		};
		
		$('#divKnopVideoKwaliteit').css("background-image", "url(" + imageUrl + "/videoKwaliteit_04.png)");
		
		videoKwaliteit = 'SD';
	};	

};


function testVideo(filmpje){

	if(debug==true){console.log('filmpje: ' + filmpje);};	
	
	$("#jquery_jplayer_video").jPlayer( "setMedia", {
    	 m4v: filmpje
    });
    			
	$("#jquery_jplayer_video").jPlayer("play");

	videoSpeelt = true;
	
	huidigeVideoSrc = filmpje;

};


function videoVolledigScherm(){

	$("#jquery_jplayer_video").data("jPlayer").htmlElement.video.webkitEnterFullscreen();
	
	

};

function videoVolume(){

	if(soortFilmpje == "dirty"){
	
	}
	else{
		
		//mute youtube
		
		youtubePlayer.mute()
	};

};