var timer;
var tiempo = 12000;

jQuery(document).ready(function(){

$('#slideshow').cycle({
fx:     'none', 
speed:  500, 
timeout: 10
});
	
// BANNER CABECERA
	tab1(); // INICIA EL SLIDESHOW AUTOMATICO EN EL BANNER DE LA HOME
	
	jQuery("#tab1 .banner-boton").click(function(){
	clearTimeout(timer);
	jQuery('.slide-photo').stop().animate({
							 	'left': "0px"
							  },500);
	jQuery('.banner-boton.active').removeClass('active');
	jQuery(this).addClass('active');						  
	/*jQuery('#banner-active').animate({
							 	'top': "0px"
							  },300);*/
	timer = window.setTimeout('tab2()', tiempo);
							  /*return false;*/
	$('#slideshow').cycle('destroy');
	});	

	jQuery("#tab2 .banner-boton").click(function(){
	clearTimeout(timer);
	jQuery('.slide-photo').stop().animate({
							 	'left': "-640px"
							  },500);
	jQuery('.banner-boton.active').removeClass('active');
	jQuery(this).addClass('active');						  
	/*jQuery('#banner-active').animate({
							 	'top': "48px"
							  },300);*/
	timer = window.setTimeout('tab3()', tiempo);
							  /*return false;*/
	$('#slideshow').cycle({
		fx:     'none', 
		speed:  500, 
		timeout: 10
		});
	});
	
	jQuery("#tab3 .banner-boton").click(function(){
	clearTimeout(timer);
	jQuery('.slide-photo').stop().animate({
							 	'left': "-1280px"
							  },500);
	jQuery('.banner-boton.active').removeClass('active');
	jQuery(this).addClass('active');						  
	/*jQuery('#banner-active').animate({
							 	'top': "96px"
							  },300);*/
	timer = window.setTimeout('tab4()', tiempo);
							  /*return false;*/
	$('#slideshow').cycle('destroy');
	});		
	
	jQuery("#tab4 .banner-boton").click(function(){
	clearTimeout(timer);
	jQuery('.slide-photo').stop().animate({
							 	'left': "-1920px"
							  },500);
	jQuery('.banner-boton.active').removeClass('active');
	jQuery(this).addClass('active');						  
	/*jQuery('#banner-active').animate({
							 	'top': "144px"
							  },300);*/
	timer = window.setTimeout('tab5()', tiempo);
							  /*return false;*/
	$('#slideshow').cycle('destroy');
	});		
	
	
	
	jQuery("#tab5 .banner-boton").click(function(){
	clearTimeout(timer);
	jQuery('.slide-photo').stop().animate({
							 	'left': "-2560px"
							  },500);
	jQuery('.banner-boton.active').removeClass('active');
	jQuery(this).addClass('active');
	/*jQuery('#banner-active').animate({
							 	'top': "192px"
							  },300);*/
	timer = window.setTimeout('tab6()', tiempo);
							  /*return false;*/
	$('#slideshow').cycle('destroy');
	});
	
	jQuery("#tab6 .banner-boton").click(function(){
	clearTimeout(timer);
	jQuery('.slide-photo').stop().animate({
							 	'left': "-3200px"
							  },500);
	jQuery('.banner-boton.active').removeClass('active');
	jQuery(this).addClass('active');
	/*jQuery('#banner-active').animate({
							 	'top': "192px"
							  },300);*/
	timer = window.setTimeout('tab1()', tiempo);
							  /*return false;*/
	$('#slideshow').cycle('destroy');
	});	
	
	
	
	jQuery('.slide-item').hover(function(){
		jQuery(this).stop().fadeTo(100, 0.7);	
	},function(){
		jQuery(this).stop().fadeTo(100, 1.0);

	});	
	
	
jQuery('.banner-boton span').css('display', 'block');

/*jQuery('.banner-boton span').stop().fadeTo(100, 0.0);	
jQuery('.banner-boton span').css('display', 'block');
jQuery('.banner-boton span').stop().fadeTo(500, 1.0);*/	
});	

// BANNER CABECERA AUTOMATICO
function tab1(){
clearTimeout(timer);
jQuery('.slide-photo').stop().animate({
							 	'left': "0px"
							  },500);
jQuery('.banner-boton.active').removeClass('active');
jQuery('#tab1 .banner-boton').addClass('active');	
/*jQuery('#banner-active').stop().animate({
							 	'top': "0px"
							  },300);*/
timer = window.setTimeout('tab2()', tiempo);
$('#slideshow').cycle('destroy');
}

function tab2(){
clearTimeout(timer);
jQuery('.slide-photo').stop().animate({
							 	'left': "-640px"
							  },500);
jQuery('.banner-boton.active').removeClass('active');
jQuery('#tab2 .banner-boton').addClass('active');	
/*jQuery('#banner-active').stop().animate({
							 	'top': "48px"
							  },300);*/
timer = window.setTimeout('tab3()', tiempo);
$('#slideshow').cycle({
fx:     'none', 
speed:  500, 
timeout: 10
});
}

function tab3(){
clearTimeout(timer);
jQuery('.slide-photo').stop().animate({
							 	'left': "-1280px"
							  },500);
jQuery('.banner-boton.active').removeClass('active');
jQuery('#tab3 .banner-boton').addClass('active');								  
/*jQuery('#banner-active').stop().animate({
							 	'top': "96px"
							  },300);*/
timer = window.setTimeout('tab4()', tiempo);
$('#slideshow').cycle('destroy');
}

function tab4(){
clearTimeout(timer);
jQuery('.slide-photo').stop().animate({
							 	'left': "-1920px"
							  },500);
jQuery('.banner-boton.active').removeClass('active');
jQuery('#tab4 .banner-boton').addClass('active');								  
/*jQuery('#banner-active').stop().animate({
							 	'top': "144px"
							  },300);*/
timer = window.setTimeout('tab5()', tiempo);
$('#slideshow').cycle('destroy');
}

function tab5(){
clearTimeout(timer);
jQuery('.slide-photo').stop().animate({
							 	'left': "-2560px"
							  },500);
jQuery('.banner-boton.active').removeClass('active');
jQuery('#tab5 .banner-boton').addClass('active');								  
/*jQuery('#banner-active').stop().animate({
							 	'top': "192px"
							  },300);*/
timer = window.setTimeout('tab6()', tiempo);
$('#slideshow').cycle('destroy');
}

function tab6(){
clearTimeout(timer);
jQuery('.slide-photo').stop().animate({
							 	'left': "-3200px"
							  },500);
jQuery('.banner-boton.active').removeClass('active');
jQuery('#tab5 .banner-boton').addClass('active');								  
/*jQuery('#banner-active').stop().animate({
							 	'top': "192px"
							  },300);*/
timer = window.setTimeout('tab1()', tiempo);
$('#slideshow').cycle('destroy');
}
