jQuery.extend(jQuery.browser,{
	SafariMobile : navigator.userAgent.toLowerCase().match(/iP(hone|ad)/i) 
});

var homeSlider = null;//Ref to home page slider


jQuery(document).ready(function($){// -----------------------	DOCUMENT READY

	

// Add anchors to sliders
	var bannerHolder = $('#banner-holder');
	
	var anchorsHolder = $('<div />')
		.attr({
			id: 'anchors-holder'	
		})
		.appendTo(bannerHolder);

	bannerHolder
		.find('.item')
		.each(function($key,$value){
			$('<a />')
				.attr({
					href: '#'	
				})
				.text('item ' + $key	)
				.appendTo(anchorsHolder);
		});	


// Initiate Slider

	homeSlider = $('#banner')
		.Slider({
			duration: 1000,
			interval: 10000,
			effect: 'easeInOutExpo',
			panelsNum: 1,
			orientation: 'horizontal',
			continuous: true,
			repeatable: true,
			playOrder: 'ascending',
			holderQuery: '.items',
			panelsQuery: '.item',
			hasPrevNext: false,
			hasAnchors: true,
			anchorsQuery: '#anchors-holder a',
			preventAnchorsDefault: true,
			anchorsEvent: 'click'
		});





//-- Attach overlay to the page
	var overlay = $('<div />')
		.attr({
			'class': 'overlay',
			id: 'overlay-videos'	
		})
		.html('<div id="youtube"></div>')
		.appendTo(document.body);
		
		
//-- Insert video
	
	if(!$.browser.SafariMobile)//If browser is not mobile safari
	{
		
		swfobject.embedSWF("http://www.youtube.com/v/I27QKiwZzHw?version=3&amp;hl=en_GB&amp;controls=1&amp;showinfo=1&amp;enablejsapi=1&amp;loop=1&amp;","youtube", "560", "349", "8", null, null, params, atts);	
		
	
		$('#videos')//For all anchor tags with teh videos
			.find('a')
			.SimpleOverlay({//Attach the overlay script
				overlayRef: '#overlay-videos',
				closeBtnText: 'x',
				beforeHide: function(){
					ytplayer.pauseVideo();
					homeSlider.play();
				},
				before: function(){
					homeSlider.pause();	
				}
			})
			.click(function($e){//Click event used to load the video into the overlay
				$e.preventDefault();
				var e = $(this);
				//var param = getParam('v',e.attr('href'));
				var param = e.attr('rel');
				if(param)
				{
					videoId = param;
					if(ytplayer && ytplayer.loadVideoById)ytplayer.loadVideoById(param);	
				}
			});
	
	}





});// -------------------------------------------------------	DOCUMENT READY


var params = { allowScriptAccess: "always", allowfullscreen: "true", wmode: 'transparent' };
var atts = { id: "youtube" };

var ytplayer = null;

var videoId = null;

function onYouTubePlayerReady(playerId) 
{
	
		ytplayer = document.getElementById("youtube");
		ytplayer.addEventListener("onStateChange", "onytplayerStateChange");//Attach event listener to player
		ytplayer.loadVideoById(videoId);
	
}


function onytplayerStateChange(newState) {//Listener for video states
   //If video playback has ended
  //if(newState == 0)ytplayer.playVideo();
}

function getParam(str,sUrl)
{
	if(typeof sUrl != 'string' || typeof str != 'string')return null;//If not string return null
	var sLoc = sUrl.split('?');//Get url and split it according to '?'
	if(sLoc.length == 1)return null;//If there are no parameters in url return null
	var params = sLoc[1].split('&');//Get url params array
	for(var i = 0; i < params.length; i++)//Loop through url params
	{
		if(params[i].match(new RegExp(str + '=','gi')) != null)return decodeURIComponent(params[i].split('=')[1]);//If found return it
	}
	return null;//Return null
}