$(document).ready(function(){
	//para el colorbox del carrusel de imagenes
	$("a[rel='carruselimagenes']").colorbox({slideshow:true, slideshowSpeed:3000, slideshowStop:"parar carrusel", slideshowStart:"activar carrusel"});	
	$("a[rel^='galeria-']").colorbox({slideshow:true, slideshowSpeed:3000, slideshowStop:"parar carrusel", slideshowStart:"activar carrusel"});
	
	//Hacemos las noticias visibles
	$('#cabeceras').css('display','block');
	
	//http://www.webinventif.fr/wslide-plugin/
	//instanciamos el objeto wslide
	$("#cabeceras").wslide({
		width: 960,
		height: 150,
		horiz: true,
		duration: 1000,
		autolink: true,
		effect: 'none',
		fade: true
	});
	
	//variables para la animación automática
	posicion4 = 1;
	tiempo4 = 9000;
	total4 = $("a[href^='#cabeceras-']").size();
	go4 = window.setInterval( '$(document).autoslide4()', tiempo4 );
	
	//animación automática
	$.fn.autoslide4 = function() {
		posicion4++;
		if(posicion4>total4) posicion4 = 1;
		$("a[href='#cabeceras-" + posicion4 + "']").trigger('click');
	};
	
	//cuando posamos el cursor sobre el wslide se para la animacion automática
	$('#cabeceras').hover(  
        function() { clearInterval(go4); },   
        function() { go4 = window.setInterval('$(document).autoslide4()', tiempo4); }  
    );
	
	//cuando se hace click o se activa por programación un enlace del menu de slides, se guarda su posicion
	$("a[href^='#cabeceras-']").click(function() {
		enlace4 = this.href;
		enlace4 = enlace4.substring(enlace4.length-1);
		posicion4 = enlace4;
	});
	
	//Hacemos las promociones visibles
	$('#promociones').css('display','block');
	
	//http://www.webinventif.fr/wslide-plugin/
	//instanciamos el objeto wslide
	$("#promociones").wslide({
		width: 460,
		height: 240,
		horiz: true,
		duration: 500,
		autolink: true
	});

	//cuando posamos el cursor sobre el wslide se para la animacion automática
	$('#promociones').hover(  
        function() { clearInterval(go); },   
        function() { go = window.setInterval('$(document).autoslide1()', tiempo); }  
    );
	
	//variables para la animación automática
	posicion = 1;
	tiempo = 6000;
	total = $("a[href^='#promociones-']").size();
	go = window.setInterval( '$(document).autoslide1()', tiempo );
	
	//animación automática
	$.fn.autoslide1 = function() {
		posicion++;
		if(posicion>total) posicion = 1;
		$("a[href='#promociones-" + posicion + "']").trigger('click');
	};
	
	//cuando se hace click o se activa por programación un enlace del menu de slides, se guarda su posicion
	$("a[href^='#promociones-']").click(function() {
		enlace = this.href;
		enlace = enlace.substring(enlace.length-1);
		posicion = enlace;
	});
	
	//cuando se hace click en anterior vamos a la posicion anterior
	$("a[href='#anterior']").click(function() {
		posicion--;
		if(posicion<1) posicion = total;
		$("a[href='#promociones-" + posicion + "']").trigger('click');
	});
	
	//cuando se hace click en siguiente vamos a la posicion siguiente
	$("a[href='#siguiente']").click(function() {
		posicion++;
		if(posicion>total) posicion = 1;
		$("a[href='#promociones-" + posicion + "']").trigger('click');
	});
	
	//Hacemos las noticias visibles
	$('#notDestacadas').css('display','block');
	
	//http://www.webinventif.fr/wslide-plugin/
	//instanciamos el objeto wslide
	$("#notDestacadas").wslide({
		width: 220,
		height: 380,
		horiz: false,
		duration: 1000,
		autolink: true,
		effect: 'none',
		fade: true
	});
	
	//variables para la animación automática
	posicion2 = 1;
	tiempo2 = 8000;
	total2 = $("a[href^='#notDestacadas-']").size();
	go2 = window.setInterval( '$(document).autoslide2()', tiempo2 );
	
	//animación automática
	$.fn.autoslide2 = function() {
		posicion2++;
		if(posicion2>total2) posicion2 = 1;
		$("a[href='#notDestacadas-" + posicion2 + "']").trigger('click');
	};
	
	//cuando posamos el cursor sobre el wslide se para la animacion automática
	$('#notDestacadas').hover(  
        function() { clearInterval(go2); },   
        function() { go2 = window.setInterval('$(document).autoslide2()', tiempo2); }  
    );
	
	//cuando se hace click o se activa por programación un enlace del menu de slides, se guarda su posicion
	$("a[href^='#notDestacadas-']").click(function() {
		enlace2 = this.href;
		enlace2 = enlace2.substring(enlace2.length-1);
		posicion2 = enlace2;
	});
	/*
	//http://www.webinventif.fr/wslide-plugin/
	//instanciamos el objeto wslide
	$("#logosProveedores").wslide({
		width: 240,
		height: 250,
		horiz: false,
		duration: 1,
		autolink: true
	});
	
	//variables para la animación automática
	posicion3 = 1;
	tiempo3 = 2000;
	total3 = $("a[href^='#logosProveedores-']").size();
	go3 = window.setInterval( '$(document).autoslide3()', tiempo3 );
	
	//animación automática
	$.fn.autoslide3 = function() {
		var rango_superior = total3;   
		var rango_inferior = 1;   
		var aleatorio = Math.floor(Math.random()*(rango_superior-(rango_inferior-1))) + rango_inferior;
		posicion3 = aleatorio;
		$("a[href='#logosProveedores-" + posicion3 + "']").trigger('click');
	};
	
	//cuando posamos el cursor sobre el wslide se para la animacion automática
	$('#logosProveedores').hover(  
        function() { clearInterval(go3); },   
        function() { go3 = window.setInterval('$(document).autoslide3()', tiempo3); }  
    );
	
	//cuando se hace click o se activa por programación un enlace del menu de slides, se guarda su posicion
	$("a[href^='#logosProveedores-']").click(function() {
		enlace3 = this.href;
		enlace3 = enlace3.substring(enlace3.length-1);
		posicion3 = enlace3;
	});
	
	
	*/
})