//AUTOSTART
var car = {};
var carouselGlobal;

function mycarousel_initCallback(carousel) {	
	carouselGlobal = carousel;

	car.siguiente = function(i) {
		carouselGlobal.options.scroll = jQuery.jcarousel.intval(i);
		carouselGlobal.next();
	}
	car.previo = function(i) {
		carouselGlobal.options.scroll = jQuery.jcarousel.intval(i);
		carouselGlobal.prev();
	}
	
    // 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();
    });
	
};
/*TOOLTIP*/
function tooltip_slider(){
	var exerpt = $('.exerpt_recent_post h1 a');
	var thumb = $('.thum_image');

	var titles = new Array();
	jQuery.each(exerpt, function(i){
		titles.push('<img src="'+thumb.eq(i).attr('src')+'" alt="" />'+'<h3>'+exerpt.eq(i).html()+'</h3>');
	});
	var buttons = $('.btnNavegacion');
	
	jQuery.each(buttons, function(i){
		
		$('.tooltip_box .tooltip_slider').eq(i).html(titles[i]);
		buttons.eq(i).mouseover(function(){
			$('.tooltip_box').eq(i).fadeIn();
		});
		buttons.eq(i).mouseleave(function(){
			$('.tooltip_box').eq(i).hide();
		});
	})
}
function callback1(){
	$('.exerpt_recent_post').fadeOut();
}
function callback2(){
	$('.exerpt_recent_post').slideDown();
	mide();
}
// Ride the carousel...
function carruselHome() {
    jQuery("#mycarousel").jcarousel({
		auto: 5,
		wrap: 'last',
        scroll: 1,
        initCallback: mycarousel_initCallback,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null,
		itemFirstInCallback: {
		  onBeforeAnimation: callback1,
		  onAfterAnimation: callback2
		}
    });
}

var sliderGlobal;
var largoItems = new Array();
///// NAVEGACION ADICIONAL CARRUSEL
$(document).ready(function(){
	var imegenes = new Array();
	var imagenes = $('.imagenCarrusel');
	for(var i = 0; i < imagenes.length; i++){
		$('#navCarrusel').append('<div class="nav_content"><a onmouseover="carouselGlobal.stopAuto();" class="btnNavegacion" href="javascript:;">'+(i+1)+'</a><div class="tooltip_box"><div class="top_tooltip"></div><div class="tooltip_slider clearfix"></div><div class="bottom_tooltip"></div></div></div>');
	}
	$('.btnNavegacion:first').addClass('selected');
	var enlaces = new Array();
	var enlaces = $('.btnNavegacion');
	jQuery.each(enlaces , function(i){
		enlaces[i].onclick = function(){
			carouselGlobal.scroll(i+1);
			carouselGlobal.stopAuto();
		}
	});
	var slider = $('.jcarousel-item')[0].offsetWidth;
	tooltip_slider();
	sliderGlobal = slider;
});


$(document).ready(function(){
	var itemSlider = new Array();
	var itemSlider = $('.jcarousel-item');
	
	for(var i = 0; i < itemSlider.length; i ++){
		var temp = (-(sliderGlobal + 7) * i)+"px";
		largoItems.push(temp);
	}
});

//ESTA FUNCION SE EJECUTA CADA VEZ QUE EL CARRUSEL TERMINA DE MOVERSE
function mide(){
	var slider = new Array();
	var slider = $(".jcarousel-list");
	
	for (var i = 0; i < largoItems.length; i++) {
		var posicion = slider[0].style.left;
		if (posicion == "0px" || !posicion) {
			$('.btnNavegacion').removeClass('selected');
			$(".btnNavegacion:first").addClass('selected');
		}
		else 
			if (posicion == largoItems[i]) {
				$('.btnNavegacion').removeClass('selected');
				$('.btnNavegacion')[i].className = "btnNavegacion selected";
			}
	}
}