function load_deck_a(video) {
 	var params1 = { allowScriptAccess: "always" };
    var atts1 = { id: "player_a" };
    swfobject.embedSWF("http://www.youtube.com/v/" + video + "?enablejsapi=1&playerapiid=ytplayer&rel=1", 
                       "player_a", "450", "200", "8", null, null, params1, atts1);
}

function load_deck_b(video) {
    var params2 = { allowScriptAccess: "always" };
    var atts2 = { id: "player_b" };
    swfobject.embedSWF("http://www.youtube.com/v/" + video + "?enablejsapi=1&playerapiid=ytplayer&=rel=1", 
                       "player_b", "450", "200", "8", null, null, params2, atts2);
}

function onYouTubePlayerReady(playerId) {
	player1 = document.getElementById("player_a");
	player2 = document.getElementById("player_b");
	
	player1.addEventListener("onStateChange", "onplayer1StateChange");
	player2.addEventListener("onStateChange", "onplayer2StateChange");
	
	player1.setVolume(100 - $('#slider').slider('option', 'value'));
	player2.setVolume($('#slider').slider('option', 'value'));
	
	setInterval(auto_fader, 250);
}

function onplayer1StateChange(newState) {
	if(newState == 0) {
		player2.playVideo();
		player2.setVolume(100);
		player1.setVolume(0);
		$('#slider').slider('value', 100);
	}
}

function onplayer2StateChange(newState) {
	if(newState == 0) {
		player1.playVideo();
		player1.setVolume(100);
		player2.setVolume(0);
		$('#slider').slider('value', 0);
	}
}

var fade = 1;

function auto_fader() {
	// Player 1 Volume
	var player1_duration = player1.getDuration();
	var player1_current = player1.getCurrentTime();
	
	var player2_duration = player2.getDuration();
	var player2_current = player2.getCurrentTime();
	
	if((player1_duration > 0) && (player1_current != player1_duration)) {
		if((player1_duration - player1_current) < 10) {
			player2.playVideo();
			if(player2.getVolume() == 0 || fade == 1) {
				fade = 1;
				player2.setVolume(100 - (player1_duration - player1_current) * 10);
				player1.setVolume(0 + (player1_duration - player1_current) * 10);
				$('#slider').slider('value', 100 - (player1_duration - player1_current) * 10);
			}
			else {
				fade = 0;
			}
			return;
		}
	}
	
	if((player2_duration > 0) && (player2_current != player2_duration)) {
		if((player2_duration - player2_current) < 10) {
			player1.playVideo();
			if(player1.getVolume() == 0  || fade == 1) {
				fade = 1;
				player1.setVolume(100 - (player2_duration - player2_current) * 10);
				player2.setVolume(0 + (player2_duration - player2_current) * 10);
				$('#slider').slider('value', 0 + (player2_duration - player2_current) * 10);
			}
			else {
				fade = 0;
			}
		}
	}
}

	
	
$(document).ready(function() {
	var that = '';
	
    load_deck_a('liqaApy1kt8'); // Paula Abdul
	load_deck_b('MXNPkhxnyn8'); // Moloko
    $('#slider').slider({
		min: 0,
		max: 100,
		value: 0,
		slide: function(event, ui) {
			fade = 0;
			player1.setVolume(100 - ui.value);
			player2.setVolume(ui.value);
		}
	});
	
	$('input.search_box').focus(function() {
			$(this).val('');
	});
	
	$('input.search_box').blur(function() {
		if($(this).val() == '') {
			$(this).val('Search video');
			$('#' + $(this).attr('name')).html('');
		}
	});
	
	$('input.search_box').keyup(function() {
		var self = $(this);
		var data = '';
		var results = $(this).attr('name');
		if($(this).val() != '') {
			if(that != '') {
				$(that).dequeue();
			}
			$('#' + results).html('');
			$('#' + results).append('<div id="loader_b" class="loader" style="color:#333;">Fetching videos. Please wait...</div>').show();
			
			document.getElementById("ad_left").style.display = "block";
			document.getElementById("ad_right").style.display = "block";			
						
			$.getJSON('http://gdata.youtube.com/feeds/api/videos?q=' + $(this).val().replace(/ /g, '_') + '&max-results=8&v=2&alt=json&callback=?', function(data) {				
				var feed = data['feed'];
				$('#' + results).html('');
				for(var i in feed.entry) {
					$('#' + results).queue(function() {
						
						var adCode = "<div>";
						adCode += "<script type=\"text/javascript\">";
						adCode += "<!--";
						adCode += "google_ad_client = \"ca-pub-4487022179455747\";";
						adCode += "google_ad_slot = \"8580024739\";";
						adCode += "google_ad_width = 468;";
						adCode += "google_ad_height = 60;";
						adCode += "//-->";
						adCode += "</script>";
						adCode += "</div>";						
						
						//alert(adCode);
						
						var entry = feed.entry[i];
						var titleString = entry.media$group.media$title.$t;						
						var trimmedTitleString = titleString.substring(0, 42);	
						var duration = '<b>Duration:</b> ' + Math.floor( entry[ "media$group" ][ "yt$duration" ].seconds / 60 ) + ':' + ( entry[ "media$group" ][ "yt$duration" ].seconds % 60 ) + ' <br/>';
						
						$('#' + results).append('<div class="entry"><div class="image"><div class="overlay"></div><img width=\"90\" height=\"75\" src="' + entry.media$group.media$thumbnail[2].url + '" alt="" /></div><div class="title"><b>' + trimmedTitleString + '</b><br/>' + duration + '<br/><br/><div class="buttons"><a href="#" id="' + entry.media$group.yt$videoid.$t + '" class="play_deck_a" title="' + entry.media$group.media$title.$t + '"><img src="img/play_a.png" alt="" /></a><a href="#" id="' + entry.media$group.yt$videoid.$t + '" class="play_deck_b" title="' + entry.media$group.media$title.$t + '"><img src="img/play_b.png" alt="" /></a></div></div></div><div class="clear"></div>');								
						
						$(this).dequeue();
						that = this;
					});
				}
				$('.play_deck_a').click(function() {
					load_deck_a($(this).attr('id'));
					var trimmedTitleStr1 = $(this).attr('title');
					var trimmedTitleStr2 = trimmedTitleStr1.substring(0, 28);
					$('#title_a').html(trimmedTitleStr2);
					return false;
				});
				$('.play_deck_b').click(function() {
					load_deck_b($(this).attr('id'));
					var trimmedTitleStr1 = $(this).attr('title');
					var trimmedTitleStr2 = trimmedTitleStr1.substring(0, 28);
					$('#title_b').html(trimmedTitleStr2);				
					return false;
				});
			});
		}
		else {
			$('#' + results).html('');
		}
	});
	
});