// <![CDATA[

// allowScriptAccess must be set to allow the Javascript from one 
// domain to access the swf on the youtube domain
var params = { allowScriptAccess: "always", bgcolor: "#E1DDC8", wmode: 'opaque' };
// this sets the id of the object or embed tag to 'myytplayer'.
// You then use this id to access the swf and make calls to the player's API
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=ytplayer","ytapiplayer", "180", "136", "8", null, null, params, atts);
//]]>

addEvent(window,'load',prepareSelectYoutube);

/* eigen functie om youtube-filmpjes te laden via <select>-menu */
function prepareSelectYoutube() {
	// check of javascript voldoende wordt ondersteund door de browser 
	if (!document.getElementById) {
		return;
	}
	
	// check of het formulier bestaat en de container om de resultaten af te beelden
	if (!document.getElementById('select_youtube')) {
		return;
	}
	
	var select = document.getElementById('select_youtube');
		
	// onchange-functie 
	select.onchange = function() {	
		var link = this.options[this.selectedIndex].value;
		
		// corrigeer voor lege '<option value="">kies...</option>'
		if(link != '') {
			// isoleer youtube-id uit webadres [http://www.youtube.com/watch?v=xxxxxxx]
			if(link.indexOf('?v=' != -1)) {
				update = link.split('?v=');
 				id=update[1];
 				loadNewVideo(id);
 				showAll();
 			}
		}

		return false;
	}
}



/*function yt_load(item) {
	for(var i=0;i<item.form.elements.length;i++) {
		if(item == item.form.elements[i]) {
			var link=item.options[item.selectedIndex].value;
			if(link != '') {
				// isoleer youtube-id uit webadres [http://www.youtube.com/watch?v=xxxxxxx]
				if(link.indexOf('?v=' != -1)) {
					update = link.split('?v=');
 					id=update[1];
 					loadNewVideo(id);
 				}
			}	
		}
	}
}*/

/* eigen functies buttons player */
function showButton(naam) {	
	var knop = document.getElementById(naam);
	knop.className = 'show';
}

function activateButton(naam) {	
	var knop = document.getElementById(naam);
	knop.className = 'show aan';
}

function hideButton(naam) {	
	var knop = document.getElementById(naam);
	knop.className = 'hide';
}

function showAll() {
	activateButton('play');
	showButton('pause');
	showButton('stop');
	showButton('mute');
}

function hideAll() {
	hideButton('play');
	hideButton('pause');
	hideButton('stop');
	hideButton('mute');
	hideButton('unmute');
}

function startOnLoad() {
 	var link = document.getElementById('nieuwste_video').value;
 	// isoleer youtube-id uit webadres [http://www.youtube.com/watch?v=xxxxxxx]
	if(link.indexOf('?v=' != -1)) {
		update = link.split('?v=');
 		id=update[1];
 		loadNewVideo(id);
 		showAll();
 		play();
 		mute();
 		showButton('play');
 		activateButton('pause');
 		setTimeout("pause();",2000); 
 	}
}


/* functies youtube-api */ 
function updateHTML(elmId, value) {
	document.getElementById(elmId).innerHTML = value;
}

function setytplayerState(newState) {
	updateHTML("playerstate", newState);
}

function onYouTubePlayerReady(playerId) {
	ytplayer = document.getElementById("myytplayer");
	ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
	startOnLoad();
}

function onytplayerStateChange(newState) {
	setytplayerState(newState);
}

function loadNewVideo(id, startSeconds) {
	if (ytplayer) {
		ytplayer.loadVideoById(id,startSeconds);
	}
}

function play() {
	unMute();
	if (ytplayer) {
		ytplayer.playVideo();
	}
}

function pause() {
	if (ytplayer) {
		ytplayer.pauseVideo();
	}
}

function stop() {
	if (ytplayer) {
		ytplayer.stopVideo();
	}
}

function mute() {
	if (ytplayer) {
		ytplayer.mute();
	}
}

function unMute() {
	if (ytplayer) {
		ytplayer.unMute();
	}
}

function clearVideo() {
	if (ytplayer) {
		ytplayer.clearVideo();
	}
}