//funcion para fade en home

function slideSwitch() {
    var $active = $('.carouselPhotos li.active');

    if ( $active.length == 0 ) $active = $('.carouselPhotos li:last');

    var $next =  $active.next().length ? $active.next()
        : $('.carouselPhotos li:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}
function slideSwitchBack() {
    var $active = $('.carouselPhotos li.active');

    if ( $active.length == 0 ) $active = $('.carouselPhotos li:last');

    var $prev =  $active.prev().length ? $active.prev()
        : $('.carouselPhotos li:first');

    $active.addClass('last-active');

    $prev.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

//funciones de los carruseles
$(document).ready(function() {
	
	 setInterval( "slideSwitch()", 10000 );
	  
    $(".carruselRecetas").jCarouselLite({
		btnNext: ".navRecetas .next",
		btnPrev: ".navRecetas .prev",
		auto: 5000,
		speed: 1000
	});
    $(".carruselPromociones").jCarouselLite({
		btnNext: ".navPromociones .next",
		btnPrev: ".navPromociones .prev",
		auto: 5000,
		speed: 1000
	});
	$(".carrusel").jCarouselLite({
		btnNext: ".navRecetas .next",
		btnPrev: ".navRecetas .prev",
		auto: 5000,
		speed: 1000
	});
	
	$(".navPhotos li .next").click(function() {
	  slideSwitchBack();
	});
	
	$(".navPhotos li .prev").click(function() {
	  slideSwitch();
	});
	
	var h = $(window).height();
	$('.bkgOndas').css('height',h);
	
	$(".mapaParmalat #canada").easyTooltip({
		tooltipId: "tooltip",
		content: ' <div class="infoRegion"><h1>Parmalat Canada</h1><p>Donec consectetur ipsum urna, a congue tellus. Maecenas vulputate massa sed tellus pretium porttitor. Maecenas vulputate massa sed tellus pretium porttitor.</p></div>'
	});
	
	$(".mapaParmalat #colombia").easyTooltip({
		tooltipId: "tooltip",
		content: ' <div class="infoRegion"><h1>Parmalat Colombia</h1><p>Donec consectetur ipsum urna, a congue tellus. Maecenas vulputate massa sed tellus pretium porttitor. Maecenas vulputate massa sed tellus pretium porttitor.</p></div>'
	});
	
	$(".mapaParmalat #italia").easyTooltip({
		tooltipId: "tooltip",
		content: ' <div class="infoRegion"><h1>Parmalat Italia</h1><p>Donec consectetur ipsum urna, a congue tellus. Maecenas vulputate massa sed tellus pretium porttitor. Maecenas vulputate massa sed tellus pretium porttitor.</p></div>'
	});
	
	$(".mapaParmalat #sudafrica").easyTooltip({
		tooltipId: "tooltip",
		content: ' <div class="infoRegion"><h1>Parmalat Sudafrica</h1><p>Donec consectetur ipsum urna, a congue tellus. Maecenas vulputate massa sed tellus pretium porttitor. Maecenas vulputate massa sed tellus pretium porttitor.</p></div>'
	});
	
	$(".mapaParmalat #australia").easyTooltip({
		tooltipId: "tooltip",
		content: ' <div class="infoRegion"><h1>Parmalat Australia</h1><p>Donec consectetur ipsum urna, a congue tellus. Maecenas vulputate massa sed tellus pretium porttitor. Maecenas vulputate massa sed tellus pretium porttitor.</p></div>'
	});
});