// JavaScript Document
$(document).ready( function(){	


	$('.slide1, .slide2, .slide3,.slide4,.slide5,.slide6,.slide7,.slide8,.slide9,.slide10').hide();


	$('.slideAll').cycle({ 
	    fx:			'fade', 
    	speed:		800, 
	    timeout:	4000 ,
		before:		onBefore
	});

/*
	
	$('.slide1, .slide2, .slide3,.slide4,.slide5,.slide6,.slide7,.slide8,.slide9,.slide10').cycle({ 
	    fx:			'fade', 
    	speed:		800, 
	    timeout:	7000 ,
		before:		onBefore
	});
	
*/
	
	function onBefore() { 
		$('.button').removeClass('active');
    	var current = $('.slideAll .slide').index(this);
		$($('.buttons-block .button')[current]).addClass('active');		
	}
	
	
	$('.button').each( function(){ 
		$(this).hover( 
			function(){
				var current = $('.buttons-block .button').index(this);
				current++;
				$('.slide'+current).show();
				$('.slideAll').hide();
        		$('.slide'+current).cycle({
					fx:			'fade', 
    				speed:		800, 
				    timeout:	2000 ,
					
				});
				$('.slideAll').cycle('pause');
			},
			function(){	
			var current = $('.buttons-block .button').index(this);
			current++;
			$('.slide'+current).hide();
			$('.slide'+current).cycle('pause');
			$('.slideAll').show();
			$('.slideAll').cycle('resume'); }
		);
	});
	
	
	
});