/**
 * see swfobject.backup.js for original jwplayer code 
 * 
 */

$(function(){
	if ("\v"=="v" || $("embed[id='movie_player']").length == 0){
		return;
	}
	var html = '<p class="youtubeButtons off"><input type="button" id="PlayerToggle" value="start" class="youtube stopped first" /><span class="fr">Volume, <span id="volumeMarker"></span><input type="button" value="mute" id="youtubeMute" class="youtube"/><input type="button" value="up" id="youtubeUp" class="youtube"/><input type="button" value="down" id="youtubeDown" class="youtube last"/></span></p>'
	$("embed[id='movie_player']").after(html);
	$('#PlayerToggle').focus(function(){
		window.movie_player = document.getElementById('movie_player');
		if (!movie_player){
			// can't create movie_player ref exit don't show buttons
			$("p.youtubeButtons>span[class='fr']").remove();
			this.value="disabled";
			return;
		}				
		$('p.youtubeButtons').removeClass('off');
		document.getElementById('volumeMarker').innerHTML = document.getElementById('movie_player').getVolume();
	})
	$('input').click(function(){
		var action = this.value.toLowerCase();
		if (!action || !this.className.match("youtube")){return}

		var volume = movie_player.getVolume();
		switch (action){
			case  "start" :
				movie_player.playVideo();
				this.value='Pause';
				$(this).toggleClass("stopped").toggleClass("playing")
			break;
			case  "pause" :
				movie_player.pauseVideo();
				this.value='Start';
				$(this).toggleClass("stopped").toggleClass("playing")
			break;
			case  "mute" :
				movie_player.mute();
				this.value='unmute';
			break;
			case  "unmute" :
				movie_player.unMute();
				this.value='mute';
			break;
			case  "up" :
			    volume = (volume+20>100) ? 100 : (volume+20);
				movie_player.setVolume(volume);
			break;
			case  "down" :
			    volume = (volume-20<0) ? 0 : (volume-20);
				movie_player.setVolume(volume);
			break;
		}
		document.getElementById('volumeMarker').innerHTML = (movie_player.isMuted()? "off" : movie_player.getVolume() +"%" );
	})
})