$(document).ready(function() {
	$("#slides").css("overflow", "hidden");
	
	$("#thumbnail-slides").css("overflow", "hidden");
	
	$("#slides").cycle({
		 startingSlide: 0,
		 	timeout:	   3000,  // milliseconds between slide transitions (0 to disable auto advance)
			timeoutFn:     null,// callback for determining per-slide timeout value:  function(currSlideElement, nextSlideElement, options, forwardFlag)
			pager:  '.page',
			continuous:	   0,	  // true to start next transition immediately after current one completes
			speed:		   800,
			activePagerClass: 'activeSlide', // class name used for the active pager link
			updateActivePagerLink: null // callback fn invoked to update the active pager link (adds/removes activePagerClass style)
	});
	
	
	$(".pageLink .pageLink1").hover(function(){
		$("#slides").cycle(0);
		$("#slides").cycle('pause');
	});
	$(".pageLink .pageLink2").hover(function(){
		$("#slides").cycle(1);
		$("#slides").cycle('pause');
	});
	
	$(".pageLink .pageLink3").hover(function(){
		$("#slides").cycle(2);
		$("#slides").cycle('pause');
	});
	
	$('#page').bind('mouseenter', function() {
		//$('#pause').trigger('click');
		$("#slides").cycle('pause');
	});
		
	$('#page').bind('mouseleave', function() {
		//$('#play').trigger('click');
		$("#slides").cycle('resume');
	});

});