var player = '';
var ytevents = {
	unstarted: -1,
	ended: 0,
	playing: 1,
	paused: 2,
	buffering: 3,
	video_cued: 5
}

$(function(){
	
	// Player 1

	var flashvars = {
		enablejsapi: 1,
		version: 3
	};
	var params = {
		wmode: 'opaque',
		allowfullscreen: true,
		allowscriptaccess: 'always',
		bgcolor: '000000'
	};
	var attr = {
		name: 'player1',
		id: 'player1'
	};
	
	swfobject.embedSWF("http://www.youtube.com/apiplayer", "player1", "290", "250", "9.0.124", null, flashvars, params, attr);
	
});

function onYouTubePlayerReady(playerId) {
	
	player = document.getElementById('player1');
	
	player.cueVideoById('7CrOsJK7JzY');
	
	// Bind the buttons
	
	$('.btn_play').click(function(){
		player.playVideo();
		return false;
	});
	
	$('.btn_pause').click(function(){
		player.pauseVideo();
		return false;
	});
	
	$('.btn_stop').click(function(){
		player.stopVideo();
		player.cueVideoById('7CrOsJK7JzY');
		return false;
	});
	
	$('.btn_mute').click(function(){
		player.mute();
		$('.btn_mute').hide();
		$('.btn_unmute').show();
		return false;
	});

	$('.btn_unmute').click(function(){
		player.unMute();
		$('.btn_mute').show();
		$('.btn_unmute').hide();
		return false;
	});
	
	$('.btn_youtube').click(function(){
		document.location = player.getVideoUrl();
		return false;
	});
	
	// Bind events 
	
	player.addEventListener('onStateChange', changeState.toString());
	
}

function changeState(state) {
	
	if(state == ytevents.playing) {
		$('.btn_play').hide();
		$('.btn_pause').show();
	}
	
	if(state == ytevents.paused || state == ytevents.unstarted || state == ytevents.ended || state == ytevents.video_cued) {
		$('.btn_play').show();
		$('.btn_pause').hide();
	}

}