/*-------------------------------------------------------
	Funciones para generar laa linea de tiempo
-------------------------------------------------------*/
var carouselGlobal = "";
	
$(document).ready(function(){

	$("#mycarousel").jcarousel({
		scroll			: 5,
		visible			: 5,
		initCallback	: inicializarCarrusel,
		buttonNextHTML	: null,
		buttonPrevHTML	: null,
		itemLoadCallback: tooltip
	}).css({'visibility':'visible'});
	
	var w = 0;
	
	$('.jcarousel-paginador').find('a.paginaItem').each(function(){
		w = w + $(this).innerWidth();
	});
	
	$('.jcarousel-paginador').css({
		'width': w + 100
	});
	
});

function inicializarCarrusel(carouselHistoria){
	
	carouselGlobal = carouselHistoria;
	
    $('<div id="jcarousel-tooltip"></div>').insertBefore($('.jcarousel-clip'));
    
	var nro = redondear($('li.jcarousel-item').size().toFixed(1)/5);
	var paginador = new Array();
	var aux = 0;
	for (i = 1; i <= nro; i++){
		if (i == 1){
			paginador.push('<a href="#" class="paginaItem seleccionado" rel="1"></a>');
		}
		else{
			paginador.push('<a href="#" class="paginaItem" rel="' + (aux + 5) + '"></a>');
			aux = aux + 5;
		}
	}
	var paginadorContenido = paginador.join("");
	$(paginadorContenido).insertAfter($('#mycarousel-prev'));
	
	$('.paginaItem').click(function(){
		var num = parseInt($(this).attr('rel'));
		$('.paginaItem').removeClass('seleccionado');
		$(this).addClass('seleccionado');
		if (num != 1){
			carouselGlobal.scroll(num+1);
		}
		else{
			carouselGlobal.scroll(num);
		}
		return false;
	});
    
    $('#mycarousel-next').bind('click', function(){
		moverPaginadorHistoria('next');
		carouselHistoria.options.scroll = $.jcarousel.intval(5);
        carouselHistoria.next();
        return false;
    });
    
    $('#mycarousel-prev').bind('click', function(){
		moverPaginadorHistoria('prev');
		carouselHistoria.options.scroll = $.jcarousel.intval(5);
        carouselHistoria.prev();
        return false;
    });
    
    $('li.jcarousel-item').each(function(){
        var titulo = $(this).find('img:first').attr('alt');
        $('<span>' + titulo + '</span>').insertAfter($(this).find('img:first'));
    });
	
	//mostrarTooltip($('li.jcarousel-item').eq(0).find('div:first'));
    
};

function tooltip(){
    $('li.jcarousel-item').each(function(){
        $(this).find('div:first').hover(function(){
			$(this).find('span:first').css({'font-weight' : 'bold'});
            mostrarTooltip($(this));
        }, function(){
			$(this).find('span:first').css({'font-weight' : 'normal'});
            removerTooltip();
        });
    });
}

function mostrarTooltip(posicion){
    var tooltipContenido = posicion.find('.tooltipContenido:first').find('p');
    if (tooltipContenido.length > 0) {
        var imagen = tooltipContenido.eq(0).text();
        var contenido = tooltipContenido.eq(1).text();
        
		var offsetCarrusel = $('#carrusel').offset();
		var leftCarrusel = offsetCarrusel.left;
		 
        var offset = posicion.offset();
        var left = offset.left;
		//var left = posicion.css('left');
		
		if (($(window).width() - left) < 460) {
			var tooltip = '<div id="tooltip"><div class="clearfix" style="position:relative"><img width="146" height="111" src="' + imagen + '" alt="" /><p>' + contenido + '</p><div class="flecha_der pngfix"></div></div></div>';
			$('#jcarousel-tooltip').append(tooltip);
			$('#tooltip').css({
            	'left': (left - leftCarrusel) - 410
        	}).fadeIn(200);
		}
		else {
			var tooltip = '<div id="tooltip"><div class="clearfix" style="position:relative"><img width="146" height="111" src="' + imagen + '" alt="" /><p>' + contenido + '</p><div class="flecha pngfix"></div></div></div>';
			$('#jcarousel-tooltip').append(tooltip);
			$('#tooltip').css({
            	'left': (left - leftCarrusel) + 30
        	}).fadeIn(200);
		}
    }
    return false;
}

function removerTooltip(){
    $('#tooltip').fadeOut(200).remove();
    
    return false;
}

function moverPaginadorHistoria(opcion){
	var pagina = $('.jcarousel-paginador').find('a.seleccionado');

	if (opcion == 'prev'){
		if ( (pagina.prev().attr('id') != "mycarousel-prev") && (pagina.prev().length == 1) ){
			pagina.removeClass('seleccionado');
			pagina.prev().addClass('seleccionado');
		}
	}
	if (opcion == 'next'){
		if ( (pagina.next().attr('id') != "mycarousel-next") && (pagina.next().length == 1) ){
			pagina.removeClass('seleccionado');
			pagina.next().addClass('seleccionado');
		}
	}
}

function redondear(num){
    var entero = num.toString().split('.')[0];
    var decimal = parseInt(num.toString().split('.')[1]);
    if (decimal && decimal > 0){
        entero++;
    }
    return parseInt(entero);
}