// Pestanas grupos
function tabs(){
	$('div.grupo').hide();
	$('div.grupo:first').show();
	$('#pestanas li:first a').addClass('bton');
	$('#pestanas li a').click(function(){
		$('#pestanas li a').removeClass('bton');
		$(this).addClass('bton');
		var currentTab = $(this).attr('href');
		$('div.grupo').hide();
		$(currentTab).show();
		return false;
	});
}

// Tip
function tipinfo(){	
		xOffset = 20;
		yOffset = 20;
	$('.producto').mouseover(function(e){
		$('body').append('<div id="tip">'+$(this).find('.producto_info').html()+'</div>');
		$('#tip')
			.css({'left':(e.pageX + xOffset) + 'px', 'top':(e.pageY - yOffset) + 'px'})
			.fadeIn('fast');
	});
	$('.producto').mouseout(function(e){
			$('#tip').remove();
		}
	);	
	$('.producto').mousemove(function(e){
		$('#tip').css({'left':(e.pageX + xOffset) + 'px', 'top':(e.pageY - yOffset) + 'px'});
	});
};


$(document).ready(function(){
	tabs();
	tipinfo();
});