function mycarousel_initCallback(carousel)
{
	//numeros
		
	 jQuery('.jcarousel-control a').bind('click', function() {
		if(jQuery(this).text() == 1)
			irA="uno";
		else
			if(jQuery(this).text() == 2)
				irA="cuatro";
			else	
			if(jQuery(this).text() == 3)	
				irA="siete";
			else	
				if(jQuery(this).text() == 4)		
					irA="diez";
				else	
					if(jQuery(this).text() == 5)	
						irA="trece";
		//irA = jQuery(this).text();
	//	ir = document.getElementById(irA);
		if (irA=="uno")
			saltar=1;
		else
			if (irA=="cuatro")
				saltar=4;
			else
				if (irA=="siete")
					saltar=7;
				else
					if (irA=="diez")
						saltar=10;
					else
						if (irA=="trece")
							saltar=13;
		
        carousel.scroll(jQuery.jcarousel.intval(saltar));
		carousel.startAuto(0);
		return false;
    });	
		
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};
	function mycarousel_itemFirstOutCallback(carousel, item, idx, state) {
		if(idx == 1)
				{
				document.getElementById("unos").style.background="#221F1F";
				document.getElementById("cuatros").style.background="#BDD5E1";
				document.getElementById("sietes").style.background="#221F1F";
				document.getElementById("diezs").style.background="#221F1F";
				document.getElementById("treces").style.background="#221F1F";
				}
			else
				if(idx == 4)
					{
					document.getElementById("unos").style.background="#221F1F";
					document.getElementById("cuatros").style.background="#221F1F";
					document.getElementById("sietes").style.background="#BDD5E1";
					document.getElementById("diezs").style.background="#221F1F";
					document.getElementById("treces").style.background="#221F1F";
					}
				else
					if(idx == 7)
							{
							document.getElementById("unos").style.background="#221F1F";
							document.getElementById("cuatros").style.background="#221F1F";
							document.getElementById("sietes").style.background="#221F1F";
							document.getElementById("diezs").style.background="#BDD5E1";
							document.getElementById("treces").style.background="#221F1F";
							}
					else
						if(idx == 10)
							{
							document.getElementById("unos").style.background="#221F1F";
							document.getElementById("cuatros").style.background="#221F1F";
							document.getElementById("sietes").style.background="#221F1F";
							document.getElementById("diezs").style.background="#221F1F";
							document.getElementById("treces").style.background="#BDD5E1";
							}
						else
								{
								document.getElementById("unos").style.background="#BDD5E1";
								document.getElementById("cuatros").style.background="#221F1F";
								document.getElementById("sietes").style.background="#221F1F";
								document.getElementById("diezs").style.background="#221F1F";
								document.getElementById("treces").style.background="#221F1F";
								}
   	
		
};

jQuery(document).ready(function() {
    jQuery('#micarousel').jcarousel({
        auto: 4,
        wrap: 'last',
		scroll:3,
		initCallback: mycarousel_initCallback,
		itemFirstOutCallback: mycarousel_itemFirstOutCallback

    });
	

});