// Slide por Zesak 2011
$(document).ready(function(){
categs();
if($('#slideZsk').length){slide();fadeImgsHome(4000)}
if($('#slideZsk2').length){slideInt();
}

function categs(){
	var cat = $('ul#listCategs');
	cat.css({'height':'40px'});
	cat.find('li').filter(':gt(0)').hide();
	cat.hover(
						function(){
							$(this).css({'height':'auto'});
							$(this).find('li').show();
						},
						function(){
							$(this).css({'height':40+'px'});
							$(this).find('li').filter(':gt(0)').hide();
						}
	);
	cat.find('li a').filter(':first').addClass('radiusUp');
	cat.find('li a').filter(':last').addClass('radiusDown');
}


function slide(){
	var actualPos = 0;
	var itemsVisibles = 5;
	var anchoSlide = 206;
	var slides = $('#slideZsk .slide');
	var totSlides = slides.length;
	pausa = 2000;
	
	
	$('#slideZsk').append('<span id="izq">IZQ</span><span id="der">DER</span>');
	
	$('#slideZsk #cont-slides').css('overflow', 'hidden');
	slides.wrapAll('<div id="slideDinamico"></div>').css({'float' : 'left','width' : anchoSlide});
	var slideDinamico = $('#slideDinamico');
	slideDinamico.css('width', anchoSlide * totSlides);
	slideDinamico.hover(
		function(){clearInterval(temporizador);},
		function(){clearInterval(temporizador);temporizador = setInterval(anima,pausa);}
	);
	

	var cIzq = $('#slideZsk #izq');
	cIzq.hide();
	cIzq.bind('click',function(){
		clearInterval(temporizador);
		actualPos--;
		haceSlide(500);
	});
	var cDer = $('#slideZsk #der');
	cDer.bind('click',function(){
		clearInterval(temporizador);
		actualPos++;
		haceSlide(500);
	});
	

	function controla(){
			if(actualPos <= 0){
				cIzq.hide();
			}else{
				cIzq.show();
			}
			if(actualPos >= (totSlides-itemsVisibles)){
				cDer.hide();
			}else{
				cDer.show();
			}
	};
	
	
	function anima(){
		actualPos++;
		if(actualPos >= (totSlides-(itemsVisibles-1))){
			actualPos = 0;
		}
		haceSlide(500);
	};
	
	function haceSlide(vel){
		slideDinamico.animate({'marginLeft' : anchoSlide*(-actualPos)},vel); 
		controla();
	}	
	
	var temporizador = setInterval(anima,pausa);
};


function slideInt(){
	var actualPos = 0;
	var itemsVisibles = 9;
	var anchoSlide = 96;
	pausa = 2000;
	
	var slides = $('#slideZsk2 .slide');
	
	var totSlides = slides.length;

	$('#slideZsk2').append('<span id="izq">IZQ</span><span id="der">DER</span>');
	
	$('#slideZsk2 #cont-slides').css('overflow', 'hidden');

	slides.wrapAll('<div id="slideDinamico"></div>').css({'float' : 'left','width' : anchoSlide,'height':'147px'});
	var slideDinamico = $('#slideZsk2 #slideDinamico');
	slideDinamico.css('width', anchoSlide * totSlides);
	
	

	slideDinamico.hover(
		function(){clearInterval(temporizador2);},
		function(){clearInterval(temporizador2);temporizador2 = setInterval(anima,pausa);}
	);
	

	var cIzq = $('#slideZsk2 #izq');
	cIzq.hide();
	cIzq.bind('click',function(){
		clearInterval(temporizador2);
		actualPos--;
		haceSlide(500);
	});
	var cDer = $('#slideZsk2 #der');
	cDer.bind('click',function(){
		clearInterval(temporizador2);
		actualPos++;
		haceSlide(500);
	});
	function controla(){
			if(actualPos <= 0){
				cIzq.hide();
			}else{
				cIzq.show();
			}
			if(actualPos >= (totSlides-itemsVisibles)){
				cDer.hide();
			}else{
				cDer.show();
			}
	};

	function anima(){
		actualPos++;
		if(actualPos >= (totSlides-(itemsVisibles-1))){
			actualPos = 0;
		}
		haceSlide(500);
	};

	function haceSlide(vel){
		slideDinamico.animate({'marginLeft' : anchoSlide*(-actualPos)},vel); 
		controla();
	}
	
	var temporizador2 = setInterval(anima,pausa);
};

});

function fadeImgsHome(pausaFade){
	$('#wrap2').append('<div id="imgsPie"></div>');
	var img = $('#imgsPie');
	var cadena = '';
	var actual = 0;
	var total = 4;
	for(k=1;k<=total;k++){
		cadena+=('<img src="imgs/imgpie_'+k+'.png"/>');
	}
	img.append(cadena);
	img = $('#imgsPie img');
	img.filter(':gt(0)').hide();	
	tempoImgs = setInterval(function(){
		img.filter(':eq('+actual+')').fadeOut(1000);
		if(actual >= (total-1)){
			actual = 0;
		}else{
			actual++;
		};
		img.filter(':eq('+actual+')').fadeIn(1000);
		
	},pausaFade);

};