var vars = {};
	
	var params =
	{
		bgcolor: '#FFFFFF',
		menu: 'false',
		allowScriptAccess: "always" 
	};

		// swfobject.embedSWF(swfUrlStr, replaceElemIdStr, widthStr, heightStr, swfVersionStr, xiSwfUrlStr, flashvarsObj, parObj, attObj)
		// &fmt=18		load in igh quality, if available
				
	var attributes = { id:'player1', name:'player1' };
	swfobject.embedSWF
	(
	 	'http://www.youtube.com/apiplayer?enablejsapi=1&disablekb=1&egm=0&rel=0&autoplay=0&fmt=18&playerapiid=player1',
		"player1_container", "464", "261", "8",	null, vars, params,	attributes
	);


	var attributes = { id:'player2', name:'player2' };
	swfobject.embedSWF
	(
	 	'http://www.youtube.com/apiplayer?enablejsapi=1&disablekb=1&egm=0&rel=0&autoplay=0&fmt=18&playerapiid=player2', 
		"player2_container", "464", "261", "8", null, vars, params,	attributes
	);






function showMyVideos(data)
{
	var feed = data.feed;
	var entries = feed.entry || [];
	
	
	
	// removes already listed thumbnails so they can get replaced by the new ones
	$("#searchResultList").children().remove();

	
	
	// fills the search results list with each entry
	for (var i = 0; i < entries.length; i++)
	{
		var entry = entries[i];
		var title = entry.title.$t.substr(0, 20);
		var titleFull = entry.title.$t;
		var thumbnailUrl = entries[i].media$group.media$thumbnail[0].url;
		var duration = entries[i].media$group.media$content[0].duration;

		var minutes = "";
		var seconds = "";


		if (duration >= 60)
		{
			minutes = Math.floor(duration / 60);
			seconds = Math.round(duration % 60);
		}
		else
		{
			minutes = 0;
			seconds = Math.round(duration);
		}
	
		// parse url to get video id e.g. http://gdata.youtube.com/feeds/api/videos/VWDc9oyBj5Q
		// could be done better by just using the unique video id from the api... but dcouldn't figure out where to find it
		var feedUrl = entries[i].id.$t; 
		var videoIds = feedUrl.split("http://gdata.youtube.com/feeds/api/videos/");
		var videoId = videoIds[1];
		
		
		$("#searchResultList").append("<li class='searchResultEntry'id='" + videoId + "' title='" + titleFull + " (" + minutes + ":" + seconds + ")'><img src='" + thumbnailUrl + "' class='searchResultThumbnail' alt='" + titleFull + " (" + minutes + ":" + seconds + ")'/></li>");
				
	}
	
	
	
	
	/*
		DRAG & DROP SEARCH RESULTS
	*/
	// Makes the search results draggable + adds the video's title to search info box
	$(".searchResultEntry").draggable(
	{ 
		revert: true,
		helper: "clone",
		opacity: 0.40,
	});
	
	// if result gets dropped on video1 than load video with the dropped video id
	$(".video1").droppable(
	{
		accept: ".searchResultEntry", 
		hoverClass: "videoDropHover", 
		drop: function(ev, ui)
		{
			var droppedId = ui.draggable.attr("id");
			loadVideo("player1", droppedId);
		}
	});
	// if result gets dropped on video2 than load video with the dropped video id
	$(".video2").droppable(
	{
		accept: ".searchResultEntry", 
		hoverClass: "videoDropHover", 
		drop: function(ev, ui)
		{
			var droppedId = ui.draggable.attr("id");
			loadVideo("player2", droppedId);
		}
	});			
}


function onYouTubePlayerReady(playerId)
{
	switch(playerId)
	{
		case "player1":
			player1 = document.getElementById("player1");
			player1.cueVideoById("wGsAma5H108", 0); 								// Load Video into Player	cueVideoById(videoId:String, startSeconds:Number):Void
			player1.addEventListener("onStateChange", "onPlayer1StateChange");		// Add Event Listener									
			break;
		case "player2":
			player2 = document.getElementById("player2");
			player2.cueVideoById("AdA5IcjWcIs", 0); 								// Load Video into Player	cueVideoById(videoId:String, startSeconds:Number):Void
			player2.addEventListener("onStateChange", "onPlayer2StateChange");		// Add Event Listener
			break;
	}
}


/*
	CONTROLBAR
	Event Listener to the State of the Player will change
		* if video is buffering than hide the control bar
	 	* if video is playing than show stop button and inverse
*/
function onPlayer1StateChange(newState)
{
	switch (newState)
	{
		case -1:
			$(".playPausebutton1").fadeIn("slow");
			$(".slider1").fadeIn("slow");
			$(".playPausebutton1").attr({ src: "img/play.png", alt: "Play" });
			break;
		case 0:
			$(".playPausebutton1").fadeIn("slow");
			$(".slider1").fadeIn("slow");
			$(".playPausebutton1").attr({ src: "img/play.png", alt: "Play" });
			break;
		case 1:
			$(".playPausebutton1").fadeIn("slow");
			$(".slider1").fadeIn("slow");
			$(".playPausebutton1").attr({ src: "img/pause.png", alt: "Pause" });
			break;
		case 2:
			$(".playPausebutton1").fadeIn("slow");
			$(".slider1").fadeIn("slow");
			$(".playPausebutton1").attr({ src: "img/play.png", alt: "Play" });
			break;
		case 3:
			$(".playPausebutton1").fadeOut("slow");
			$(".slider1").fadeOut("slow");
			$(".playPausebutton1").attr({ src: "img/pause.png", alt: "Pause" });
			break;
		case 5:
			$(".playPausebutton1").fadeIn("slow");
			$(".slider1").fadeIn("slow");
			$(".playPausebutton2").attr({ src: "img/play.png", alt: "Play" });
			break;
	}
}

function onPlayer2StateChange(newState)
{
	switch (newState)
	{
		case -1:
			$(".playPausebutton2").fadeIn("slow");
			$(".slider2").fadeIn("slow");
			$(".playPausebutton1").attr({ src: "img/play.png", alt: "Play" });
			break;
		case 0:
			$(".playPausebutton2").fadeIn("slow");
			$(".slider2").fadeIn("slow");
			$(".playPausebutton2").attr({ src: "img/play.png", alt: "Play" });
			break;
		case 1:
			$(".playPausebutton2").fadeIn("slow");
			$(".slider2").fadeIn("slow");
			$(".playPausebutton2").attr({ src: "img/pause.png", alt: "Pause" });
			break;
		case 2:
			$(".playPausebutton2").fadeIn("slow");
			$(".slider2").fadeIn("slow");
			$(".playPausebutton2").attr({ src: "img/play.png", alt: "Play" });
			break;
		case 3:
			$(".playPausebutton2").fadeOut("slow");
			$(".slider2").fadeOut("slow");
			$(".playPausebutton2").attr({ src: "img/pause.png", alt: "Pause" });
			break;
		case 5:
			$(".playPausebutton2").fadeIn("slow");
			$(".slider2").fadeIn("slow");
			$(".playPausebutton2").attr({ src: "img/play.png", alt: "Play" });
			break;
	}
}