$(document).ready(function(){
    
     //onclick 
 	 $("a.watchClip").live("click",function(){
 	 
 	 		//update css of pseudo-link on click. 	 
 	 	$("a.watchClip").css("background-color","transparent");
 	 	$(this).css("background-color","#a3cea6");
 	 	
		
		//player update
	 	$.ajax({
  			type: "GET",
  			url: "./getclip.php",
  			data: "clip="+$(this).attr("name"),
  			success: function(msg){
  				$("div#player").html(msg);
			}
		});
			
		//episode info	
	 	$.ajax({
  			type: "GET",
  			url: "./getclip.php",
  			data: "getInfo="+$(this).attr("name"),
  			success: function(msg){
  				$("div.episodeInformation").html(msg);
			}	
 		});

	 
	 //download link
	 	$.ajax({
  			type: "GET",
  			url: "./getclip.php",
  			data: "download="+$(this).attr("name"),
  			success: function(msg){
  				$("div#download").html(msg);
			}
		}); 		
 	
 		
	 });
	//END on click playlist item
	 
	 
	 //does not need to be live, as it updates ony on page refresh and is top menu
	 $('div.episodeListBlock').click(function(){
		var ename = $(this).attr("name");
		$.ajax({
  			type: "GET",
  			url: "./getclip.php",
  			data: "getInfoFull="+ename,
  			success: function(msg){
  			var stringSplit = msg.split("||||")
  			
  				$("div#currentInfo").html(stringSplit[0]);
  				$("div.episodeInformation").html(stringSplit[1]);
  				$("div#availableClips").html(stringSplit[2]);
				$("div#download").html(stringSplit[3]);  				
  				
			}
		
 		});
 		
 		//update just the player
	 	$.ajax({
  			type: "GET",
  			url: "./getclip.php",
  			data: "full="+$(this).attr("name"),
  			success: function(msg){
  				$("div#player").html(msg);
			}		
		
 		});
 		
 		
	 });
	//end episode click

//end doc ready
});