/*==========================================================================================================
== GALERIA
==========================================================================================================*/
$(document).ready(function(){	
	var thumbs = $('#galeria .thumbnail');
	var images = $('#galeria .imagen');
	var name = $('#galeria .nombre');
	var desc = $('#galeria .descripcion');
	var next = $('#galeria a.next');
	var prev = $('#galeria a.prev');
	var total = thumbs.find('a').size();
	var max = 8;
	var pos = 0;
	var step = 90;
	var slider = $('#galeria .slider');
	
	// Ocultar Todas las imagenes
	images.find('img').css('opacity',0);
	
	// Mostrar una imagen
	var view = function(id){
		images.find('.current').removeClass('current').stop().animate({opacity: 0}, 600);
		
		var current = $('#'+id);
		current.addClass('current').stop().animate({opacity:1}, 600);
		name.html(current.data('name'));
		desc.html(current.data('desc'));
	}
	
	// Al hacer click en un thumbnail
	thumbs.find('a').click(function(){
		view($(this).data('id'));
		return false;
	});
	
	next.click(function(){
		if( (total-pos) > max ){
			if( total-pos-max >= 8){
				pos = pos + 8;
				slider.animate({'marginLeft':"-="+(step*8)+"px"}, 500);
			}else{
				var cant = total-pos-max;
				pos = pos + cant;
				slider.animate({'marginLeft':"-="+(step*cant)+"px"}, 500);
			}				
		}
		return false;
	});
	
	prev.click(function(){
		if( pos >= 8 ){
			pos = pos - 8;
			slider.animate({'marginLeft':"+="+(step*8)+"px"}, 500);
		}else if(pos > 0){
			slider.animate({'marginLeft':"+="+(step*pos)+"px"}, 500);
			pos = 0;
		}
		return false;
	});
	
	// Mostrar primer imagen
	thumbs.find('a').first().click();
});

/*==========================================================================================================
== PROMOCIONES
==========================================================================================================*/
$(document).ready(function(){	
	var links = $('#promociones .links');
	var images = $('#promociones .layers');
	var mask = $('#promociones .mask');
	
	// Ocultar Todas las imagenes
	images.find('img').css('opacity',0);
	
	// Mostrar una imagen
	var view = function(id){
		images.find('.current').removeClass('current').stop().animate({opacity: 0}, 600);
		var current = $('#'+id);
		current.addClass('current').stop().animate({opacity:1}, 600);
		mask.attr('href', current.attr('link'));
	}
	
	// Al hacer click en un links
	links.find('a').click(function(){
		view($(this).data('id'));
		links.find('a').not($(this)).removeClass('current');
		$(this).addClass('current');
		return false;
	});
	
	// Al hacer click en la mascara, cancelar si el enlace es '#'
	mask.click(function(){
		if( mask.attr('href') == '#' ){
			return false;
		}
	});
	
	// Mostrar primer imagen
	links.find('a').first().click();
});

var nextpromo = function(){
	var next = $('#promociones .links a.current').parent().next().find('a').click();
	if(next.size() == 0){
		var next = $('#promociones .links a').first().click();
	}
}
setInterval('nextpromo()',5000);

/*==========================================================================================================
== BANNERs
==========================================================================================================*/
$(document).ready(function(){
	$('.banner').each(function(){
		setInterval("nextimg('"+$(this).attr('id')+"')",5000);
	});
});

var nextimg = function(id){
	var imgs = $('#'+id).find('img.current');
	var next = imgs.next().not('img.mask');
	if(next.size() == 0){
		next = $('#'+id).find('img.img').first();
	}
	view(id, next);
}

var view = function(id, img){
	var imgs = $('#'+id).find('img.img');
	imgs.removeClass('current').animate({opacity:0}, 900);
	img.addClass('current').stop().animate({opacity:1}, 900);
}