// JScript File

$(document).ready(function() 
{	
	function setSelectedIndex(index)
	{
    	$(".btnRight").find("img").attr("src","images/deselected.gif");
       	$(".btnRight").find("img").eq(index).attr("src","images/selected.gif");
       	$("#currSlideValue").attr("value", index);
	}
	function startHeroArea()
	{
		var currslide = parseInt($("#currSlideValue").attr("value"));		
		$('#rotate').cycle({ 
		fx:     'fade',		
		speed:  'slow', 
		timeout: 5000,
		pager:  '#nav',
		prev:   '#dimLeft', 
		next:   '#dimRight',
		startingSlide:0,
		prevNextClick: onPrevNextClick,
		pause:	1,
		pauseOnPagerHover:	1,
		pagerEvent:	'mouseover',
		before: onAfter
		});
	}

	$("#currSlideValue").attr("value", 0);
	$("#isRight").attr("value", 1);
	startHeroArea();
  
	function onAfter(curr, next, opts,fwd) 
	{
    	index  = parseInt(next.id.split('_')[0]);
	    setSelectedIndex(index);		
	}
	
	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');   
			//startHeroArea();
		}
	}
	);	
})