var ytplayer = [];

function onYouTubePlayerReady (playerId) {
	ytplayer.push(document.getElementById(playerId));
};

jQuery.fn.videorotate = function(settings) {
	settings = jQuery.extend({
				width: 425,
				height: 349
			}, settings);
	
	var addevents = function($obj) {
		if (ytplayer) {
			for (var i = 0; i < ytplayer.length; i++) {
				if (ytplayer[i].getPlayerState() == 1)
					ytplayer[i].pauseVideo();
			}
		}
		
		$('.youtubevideo').each(function(i) {
			if ($obj.attr('id') != i)
				$(this).css({visibility:'hidden'});
		});
		
		var $clicked = $('#' + $obj.attr('className'));
		$clicked.css({display:'block', visibility:'visible'});
	};
	
	$(this).each(function(i) {
		var $downloadflash = $('<a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"></a>');
		var $video;
		
		if ($.browser.msie)
			$video = $('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  width="' + settings.width + '" height="' + settings.height + '" id="ytplayer' + i + '"><param name="movie" value="http://www.youtube.com/e/' + $(this).attr('id') + '?enablejsapi=1&version=3&playerapiid=ytplayer' + i + '" /><param name="wmode" value="transparent"/><param name="allowScriptAccess" value="always"/>');
		else
			$video = $('<object id="ytplayer' + i + '" type="application/x-shockwave-flash" data="http://www.youtube.com/e/' + $(this).attr('id') + '?enablejsapi=1&version=3&playerapiid=ytplayer' + i + '" width="' + settings.width + '" height="' + settings.height + '" allowscriptaccess="always" wmode="transparent"></object>');
		
		//display the first youtube video
		if (i == 0)
			$(this).css({display:'block'});
		else
			$(this).css({display:'block', visibility:'hidden', position:'absolute', top:'0', height:'0'});
		
		$(this).append($video);
		//$(this).append($downloadflash);
		
		//thumbnail
		var $thumb = $('<div id="' + i + '" class="' + $(this).attr('id') + '" style="margin-bottom:30px; cursor:pointer; width:120px; height:90px; border:3px solid #FFFFFF;"></div>');
		var $hover = $('<img id="play" src="../img/smallplay.png" style="position:absolute; z-index:0;" />');
		var $img = $('<img src="' + $.jYoutube($(this).attr('id')) + '" style="position:relative; z-index:1;" />');
		var data = $(this).attr('data').split('|');
		var $desc = $('<span style="position:absolute; left:130px;"><h4>' + data[0] + '</h4><p>' + data[1] + '</p></span>');
		
		$thumb.bind('click', function() {
			addevents($(this));
		});
		
		$thumb.append($hover);
		$thumb.append($img);
		$thumb.append($desc);
		
		$thumb.hover(
			function() {
				$(this).css({borderColor:'#99CCFF'});
				$(this).find('#play').css({zIndex:2});
			},
			function() {
				//$(this).css({borderColor:'#3F89C3'});
				$(this).css({borderColor:'#FFFFFF'});
				$(this).find('#play').css({zIndex:0});
			}
		);
		
		$("#thumbnails").append($thumb);
	});
};//videorotate

jQuery.extend({
	jYoutube: function(url, size) {
		if (url === null)
			return '';
		
		size = (typeof(size) === 'undefined') ? 'small' : size;
		var op = {big: '0', small: '2'};
		var results = url.match("[\\?&]v=([^&#]*)");
		var vid = (results === null) ? url : results[1];
		
		return 'http://img.youtube.com/vi/' + vid + '/' + op[size] + '.jpg';
	}
});//jYoutube