$(document).ready(function() 
{	
    $("#rotate").css({'display' : 'block'}); 
    $(".btnActionsHolder").css({'display': 'block'});
    
    var shadowOpts = { // Drop Shadow options
           left: 0,
           top: 0,
           blur: 1,
           opacity: 1,
           color: '#000000',
           swap: 0
	};

	function setSelectedIndex(index)
	{
    	//$(".btnRight").find("img").attr({"src":"images/slideShow/btnDeSelected.png", "alt":"not selected"});
       	//$(".btnRight").find("img").eq(index).attr({"src":"images/slideShow/btnSelected.png", "alt":"selected"});
       	$("#currSlideValue").attr("value", index);
	}
	function startHeroArea()
	{
		var currslide = parseInt($("#currSlideValue").attr("value"));		
		$('#rotate').cycle({ 
		fx:     'fade',		
		speed:  'slow', 
		timeout: 4000,
		pager:  '#nav',
		prev:   '#dimLeft', 
		next:   '#dimRight',
		startingSlide:currslide,
		prevNextClick: onPrevNextClick,
		after: onAfter,
		before: onBefore
		});
	}

	$("#currSlideValue").attr("value", 0);
	$("#isRight").attr("value", 1);
	startHeroArea();
  
  	function onBefore(curr, next, opts,fwd) 
	{
		index  = parseInt(next.id.split('_')[0]); // current div index
		var currentDiv = "text-shadow"+index; // curent div id
		$("#"+currentDiv+" span").removeShadow(); // remove shadow current text
	}
	
	function onAfter(curr, next, opts,fwd) 
	{
    	index  = parseInt(next.id.split('_')[0]);
	    setSelectedIndex(index);	
	    
		var currentDiv = "text-shadow"+index;
		$("#"+currentDiv+" span").dropShadow(shadowOpts);
	}
	
	function onPrevNextClick(isNext, zeroBasedSlideIndex, slideElement)
	{
		if(isNext==true)
		{
			$("#isRight").attr("value", 1);
		}
		else
		{
			$("#isRight").attr("value", 0);
		}		
	}
	
	$('#btnPause').click(function() 
	{
		if($("#btnPause").find("img").attr("title")=="Pause")
		{
			$('#rotate').cycle('pause');    
			$("#btnPause").find("img").attr("title","Resume");
			$("#btnPause").find("img").attr("alt","Resume");    	
			$("#pause").attr("src","images/slideShow/btnPlay.png");    	
		}
		else
		{  
			$("#btnPause").find("img").attr("title","Pause");
			$("#btnPause").find("img").attr("alt","Pause");  
			$("#pause").attr("src","images/slideShow/btnPause.png");			
			$('#rotate').cycle('resume');
		}
	});
})