$(document).ready(function()
{
	var fv = '';
	var videoPath ='videos/';
	var videoSrc = '';
	var videoTitle ='';
	var imagePath = '/_images/';
	var imageSrc = '';
	var timer;

	/**
	* @description  Checks if target element is an object or embed element	
	*
	* @param 	targetID - the id to check
	*/			
	function isObject(targetID)
	{
		var isFound = false;
		var el = document.getElementById(targetID);

		if(el && (el.nodeName === "OBJECT" || el.nodeName === "EMBED"))
		{
			isFound = true;
		}
		return isFound;
	}
	 
	/**
	* @description  Creates an empty div to replace embedded SWF object
	*
	* @param 	targetID - the ID of the div to replace
	*/		
	function replaceSwfWithEmptyDiv(targetID)
	{
		var el = document.getElementById(targetID);

		if($(el))
		{
			var div = document.createElement("div");
			el.parentNode.insertBefore(div, el);	
			swfobject.removeSWF(targetID);
			div.setAttribute("id", targetID);
			
		}
	}
	
	/**
	* @description Loads a swf
	*
	* @param url - the swf to load
	*
	* @param targetID - the placeholder	
	*/	 
	function loadSWF(targetID)
	{ 
		//$("#videoShowHide").hide();
		var title = targetID.title;
		//alert(title);
		$('#videoList li a').removeClass('active');	
		$('#videoTitle').html('');
		var $videoElement   = $('#htmlPlayer');
		var $playerWrapper = $('#htmlPlayerWrapper');
		$('#videoTitle').html(title);
		
		$.ajax(
		{
			method: "get",
			url: "video_vars.php",
			data: "title=" + title,
			dataType: "xml",
			//beforeSend: function() { $('#main').hide('slow').fadeOut(); },
			//complete: function() { $('#main').show('slow').fadeIn(); },
			success: function(xml)
			{ 
				$(xml).find('video').each(function(){
					videoSrc = $(this).find('url').text();
					//alert(videoSrc);
					//imageSrc = $(this).find('title').text();
				});		
				videoSrc = videoPath + videoSrc;
				fv = 'src=' + videoSrc + '.mov';
			 
				if(isObject("#videoPlayer"))
				{
					replaceSwfWithEmptyDiv("#videoPlayer");
				}
		
			   if (swfobject.hasFlashPlayerVersion("10")) 
			   {
					var swf = { data: "/OddjobPlayer.swf", width:"512", height:"312" };
					var vars = { flashvars:fv , id:"vidPlayer", name: "vidPlayer", allowscriptaccess: "always",  wmode: "transparent", allowFullscreen: "true" };
					var obj = swfobject.createSWF(swf, vars, 'videoPlayer');
					
					$("#videoShowHide").fadeIn('slow');
					$(targetID).addClass('active');	
			   }
			   else
			   {
					if(Modernizr.video)
					{
						if($videoElement.length)
						{
							$videoElement.get(0).pause();
							$videoElement.remove();
							$playerWrapper.remove();
						}	
							
						$playerWrapper = createPlayerWrapper();
						$('#videoPlayer').prepend($playerWrapper);										
						$videoElement =  createNewVideo();
						$($playerWrapper).prepend($videoElement);
						$(targetID).addClass('active');	
						$("#videoShowHide").fadeIn('slow');
						
					}
					else
					{
						if($('#errorContainer').is(':hidden'))
						{		   
							$('#errorContainer').prepend('<p><a href="http://www.adobe.com/go/getflashplayer" target="_blank"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a>');										
							$('#errorContainer').show();		
						}
				   }
			   }
	   		}

		});
	 
	}

	/**
	* @description Create new audio object (html5)
	*	
	*/			
	function createNewVideo()
	{
		var createNewVideo  = $('<video></video>')
								//.hide()
								.attr('id','htmlPlayer')
								.attr('controls', 'controls')
								.attr('autoplay', 'autoplay')
								.attr('width', '512')
								.attr('height', '288')
								.append('<source src="' + videoSrc + '.mov" type="video/mp4" />')
								.append('<source src="' + videoSrc + '.ogv" type="video/ogg" />');
								return createNewVideo;		
	}

	/**
	* @description Create audio object wrapper with title
	*	
	*/	
	function createPlayerWrapper()
	{
		var showHideDiv = 	$('<div id="htmlPlayerWrapper"></div>');
		return showHideDiv;
	}

	/**
	* @description Function for #y-link on CLICK
	*	
	*/		
	$('#videoList li a').click(function(event)
	{	
		event.preventDefault();
		loadSWF(this);
	});	
		
					
});