//-------------------------------------------------
//		youtube playlist jquery plugin
//		Created by dan@geckonm.com
//		www.geckonewmedia.com
//
//		v1.1 - updated to allow fullscreen 
//			 - thanks Ashraf for the request
//-------------------------------------------------

jQuery.fn.ytplaylist = function(options) {
 
  // default settings
  var options = jQuery.extend( {
    holderId: 'ytvideo',
	playerHeight: '300',
	playerWidth: '450',
	addThumbs: false,
	thumbSize: 'small',
	showInline: false,
	autoPlay: true,
	showRelated: true,
	allowFullScreen: false
  },options);
 
  return this.each(function() {
							
   		var selector = $(this);
		
		var autoPlay = "";
		var showRelated = "&rel=0";
		var fullScreen = "";
		if(options.autoPlay) autoPlay = "&autoplay=1"; 
		if(options.showRelated) showRelated = "&rel=1"; 
		if(options.allowFullScreen) fullScreen = "&fs=1"; 
		
		//throw a youtube player in
		function play(id)
		{
		   var html  = '';
	
		   html += '<object height="'+options.playerHeight+'" width="'+options.playerWidth+'">';
		   html += '<param name="movie" value="http://www.youtube.com/v/'+id+autoPlay+showRelated+fullScreen+'"> </param>';
		   html += '<param name="wmode" value="transparent"> </param>';
		   if(options.allowFullScreen) { 
		   		html += '<param name="allowfullscreen" value="true"> </param>'; 
		   }
		   html += '<embed src="http://www.youtube.com/v/'+id+autoPlay+showRelated+fullScreen+'"';
		   if(options.allowFullScreen) { 
		   		html += ' allowfullscreen="true" '; 
		   	}
		   html += 'type="application/x-shockwave-flash" wmode="transparent"  height="'+options.playerHeight+'" width="'+options.playerWidth+'"></embed>';
		   html += '</object>';
			
		   return html;
		   
		};
		
		function play2(url)
		{
		   var html  = '';
   
		   html += '<object height="'+options.playerHeight+'" width="'+options.playerWidth+'">';
		   html += '<param name="movie" value="'+url+'"> </param>';
		   html += '<param name="wmode" value="transparent"> </param>';
		   if(options.allowFullScreen) { 
		   		html += '<param name="allowfullscreen" value="true"> </param>'; 
		   }
		   html += '<embed src="'+url+'"';
		   if(options.allowFullScreen) { 
		   		html += ' allowfullscreen="true" '; 
		   	}
		   html += 'type="application/x-shockwave-flash" wmode="transparent"  height="'+options.playerHeight+'" width="'+options.playerWidth+'"></embed>';
		   html += '</object>';
			
		   return html;
		   
		};
		
		function playflv(url)
		{
			var html  = '';
   
			html += '<object height="'+options.playerHeight+'" width="'+options.playerWidth+'" name="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="player">';
			html += '<param name="movie" value="flv/player.swf"/>';
			html += '<param name="allowscriptaccess" value="always"/>';
			if(options.allowFullScreen) { 
				html += '<param name="allowfullscreen" value="true"> </param>'; 
			}
			html += '<param name="flashvars" value="file='+url+'"/>';
			html += '<embed src="flv/player.swf"';
			if(options.allowFullScreen) { 
				html += ' allowfullscreen="true" '; 
			}
			html += 'flashvars="file='+url+'&amp;stretching=fill" ';
			html += 'type="application/x-shockwave-flash" name="player2" id="player2" height="'+options.playerHeight+'" width="'+options.playerWidth+'"></embed>';
			html += '</object>';
			
			return html;
		
		};
		
		//grab a youtube id from a (clean, no querystring) url (thanks to http://jquery-howto.blogspot.com/2009/05/jyoutube-jquery-youtube-thumbnail.html)
		function youtubeid(url) {
			var ytid = url.match("[\\?&]v=([^&#]*)");
			ytid = ytid[1];
			return ytid;
		};
		
		
		//load inital video
		var firstVid = selector.children("li:first-child").addClass("currentvideo").children("a").attr("href");
		//$("#"+options.holderId+"").html(play(youtubeid(firstVid)));
		
		var firstVid_type = selector.children("li:first-child").attr('id');			
			
			if(firstVid_type == 'flv_type'){
				$("#"+options.holderId+"").html(playflv(firstVid));
			}else{
				$("#"+options.holderId+"").html(play2(firstVid));
			}
		
		//load video on request
		selector.children("li").children("a").click(function() {
			
			// check whether to use flv player or not
			var player_type = $(this).parent("li").attr('id');			
			
			if(player_type == 'flv_type'){
			
				if(options.showInline) {
					$("li.currentvideo").removeClass("currentvideo");
					//$(this).parent("li").addClass("currentvideo").html(play(youtubeid($(this).attr("href"))));
					$(this).parent("li").addClass("currentvideo").html(playflv($(this).attr("href")));
				}
				else {
					//$("#"+options.holderId+"").html(play(youtubeid($(this).attr("href"))));
					$("#"+options.holderId+"").html(playflv($(this).attr("href")));
					$(this).parent().parent("ul").find("li.currentvideo").removeClass("currentvideo");
					$(this).parent("li").addClass("currentvideo");
				}
			
			}else{
				if(options.showInline) {
					$("li.currentvideo").removeClass("currentvideo");
					//$(this).parent("li").addClass("currentvideo").html(play(youtubeid($(this).attr("href"))));
					$(this).parent("li").addClass("currentvideo").html(play2($(this).attr("href")));
				}
				else {
					//$("#"+options.holderId+"").html(play(youtubeid($(this).attr("href"))));
					$("#"+options.holderId+"").html(play2($(this).attr("href")));
					$(this).parent().parent("ul").find("li.currentvideo").removeClass("currentvideo");
					$(this).parent("li").addClass("currentvideo");
				}
			}
															 
			
			
			return false;
		});
		
		//do we want thumns with that?
		/*
		if(options.addThumbs) {
			
			selector.children().each(function(i){
											  
				var replacedText = $(this).text();
				
				if(options.thumbSize == 'small') {
					var thumbUrl = "http://img.youtube.com/vi/"+youtubeid($(this).children("a").attr("href"))+"/2.jpg";
				}
				else {
					var thumbUrl = "http://img.youtube.com/vi/"+youtubeid($(this).children("a").attr("href"))+"/0.jpg";
				}
				
				
				$(this).children("a").empty().html("<img src='"+thumbUrl+"' alt='"+replacedText+"' />"+replacedText).attr("title", replacedText);
				
			});	
			
		}
		*/	
		
   
  });
 
};