/**
 * We use the initCallback callback
 * to assign functionality to the controls
 */
function mycarousel_initCallback(carousel) {
    
    jQuery('#jcontrol1').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(1));
        return false;
    });
	
    jQuery('#jcontrol2').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(2));
        return false;
    });
	
    jQuery('#jcontrol3').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(3));
        return false;
    });
	
	jQuery('#jcontrol4').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(4));
        return false;
    });
	
	jQuery('#jcontrol5').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(5));
        return false;
    });
	
	jQuery('#jcontrol6').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(6));
        return false;
    });
	
	jQuery('#jcontrol7').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(7));
        return false;
    });
    
    jQuery('#jcontrol8').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(8));
        return false;
    });
	
    jQuery('#jcontrol9').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(9));
        return false;
    });
	
    jQuery('#jcontrol10').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(10));
        return false;
    });
    jQuery('#jcontrol11').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(11));
        return false;
    });
	
    jQuery('#jcontrol12').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(12));
        return false;
    });
	
    jQuery('#jcontrol13').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(13));
        return false;
    });
	
	jQuery('#jcontrol14').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(14));
        return false;
    });
	
	jQuery('#jcontrol15').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(15));
        return false;
    });
	
	jQuery('#jcontrol16').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(16));
        return false;
    });
	
	jQuery('#jcontrol17').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(17));
        return false;
    });
    
    jQuery('#jcontrol18').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(18));
        return false;
    });
	
    jQuery('#jcontrol19').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(19));
        return false;
    });
	
    jQuery('#jcontrol20').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(20));
        return false;
    });
};

$(document).ready(function(){
	$("#im1,#im2,#im3,#im4,#im5,#im6,").css("opacity","0");
	
	$("#m1").hover(
	   function () {
	   		$("#menu_descr").empty();
	   		$("#menu_descr").append("Miel");
			$("#im1").animate({"opacity": 1},"fast");
		  }, 
	      function () {
		  	$("#menu_descr").empty();
			$("#menu_descr").append("Otros");
			
	   		$("#im1").animate({"opacity": 0},"normal");

	      }
	);
	$("#m2").hover(

	   function () {
	   		$("#menu_descr").empty();
	   		$("#menu_descr").append("Dulces");
			 $("#im2").animate({"opacity": 1},"fast");
					
		  }, 
	      function () {
	        $("#im2").animate({"opacity": 0},"normal");
			$("#menu_descr").empty();
	   		$("#menu_descr").append("Otros");
			
	      }
	);
	$("#m3").hover(
	   function () {
	   		$("#menu_descr").empty();
	   		$("#menu_descr").append("Derivados");
			$("#im3").animate({"opacity": 1},"fast");
					
		  }, 
	      function () {
	        $("#im3").animate({"opacity": 0},"normal");
			$("#menu_descr").empty();
	   		$("#menu_descr").append("Otros");
			
	      }
	);

	$("#m4").hover(
	   function () {
	   		$("#menu_descr").empty();
	   		$("#menu_descr").append("Cosmeticos");
			$("#im4").animate({"opacity": 1},"fast");
					
		  }, 
	      function () {
	        $("#im4").animate({"opacity": 0},"normal");
			$("#menu_descr").empty();
	   		$("#menu_descr").append("Otros");
			
	      }
	);

	$("#m5").hover(
	   function () {
	   		$("#menu_descr").empty();
	   		$("#menu_descr").append("Licores");
			$("#im5").animate({"opacity": 1},"fast");
					
		  }, 
	      function () {
	        $("#menu_descr").empty();
	   		$("#menu_descr").append("Otros");
			$("#im5").animate({"opacity": 0},"normal");

	      }
	);

	$("#m6").hover(
	   function () {
	   		$("#menu_descr").empty();
	   		$("#menu_descr").append("Otros");
			$("#im6").animate({"opacity": 1},"fast");
					
		  }, 
	      function () {
	        $("#menu_descr").empty();
	   		$("#menu_descr").append("Otros");
			$("#im6").animate({"opacity": 0},"normal");

	      }
	);

    jQuery("#mycarousel").jcarousel({
        scroll: 1,
        vertical: true,
        initCallback: mycarousel_initCallback,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null
    });
    $(".lightbox").lightbox();
});