var producto;
var vineta;
	
function init(){
	$('#productos, div.producto').hide();
	$('#vinetas').jcarousel({
		scroll: 9
	});
	$('#cuerpo').css('overflow', 'hidden');
	$('#listado').css('visibility', 'hidden');
	$('#portada a').click(function(){
		$('#listado').css('visibility', 'visible').hide().slideDown(500, function(){
			producto = $('div.producto:first').show();
	  	$('#productos').fadeIn();	
		});
		$('#portada').hide();
		return false;
	});
	$('#vinetas li a').each(function(){
		$(this).click(function(){
			producto.hide();
			if(vineta != undefined) vineta.find('img.vinon').remove();
			var ancla = $(this).attr('href');
			$('div'+ancla).fadeIn();
			$(this).append('<img class="vinon" src="img/vinon.png">');
			producto = $('div'+ancla);
			vineta = $(this)
			return false;
		});
	});
	//enlaces externos
	$('a[href*="http"]').click(function(){
		window.open($(this).attr('href'), 'blank');
		return false;
	});
	//enlace www.exito.com
	$('#pie a[href*="www.exito.com"]').html('<img src="img/exitocom.png" width="107" height="15" style="vertical-align:text-bottom;">');
}

function initTooltip(){
	var $enlace = $('#vinetas li a');
	var xOffset;
	var yOffset = 28;
	$enlace.find('span').hide();
	$enlace.find('br').remove();
	$enlace.mouseover(function(e){
		$('body').append('<div id="tooltip">'+$(this).find('span').text()+'</div>');
		xOffset = -$('#tooltip').width()/2;
		$('#tooltip')
			.css({'left':(e.pageX + xOffset) + 'px', 'top':(e.pageY - yOffset) + 'px'})
			.fadeIn('fast');
		$(this).find('img').removeAttr('alt');
	});
	$enlace.mousemove(function(e){
		$('#tooltip').css({'left':(e.pageX + xOffset) + 'px', 'top':(e.pageY - yOffset) + 'px'});
	});
	$enlace.mouseout(function(e){
			$('#tooltip').remove();
		}
	);	
}

function initLinks(){
	$('div.info ul, div.info ol').before('<h4>Sigue los enlaces para más información y comprar</h4>');
	$('div.info ul li').addClass('n');
	$('div.info li a')
		.mouseover(function(){
			$(this).append('<span> »</span>');
		})
		.mouseout(function(){
			$(this).find('span').remove();
		});
}

$(document).ready(function() {
	init();
	initTooltip();
	initLinks();
});