// Funcion tooltip
this.tooltip = function(){	
		
		// distancia vertical al raton
		xOffset = 150;
		// esta es la distancia horizontal al raton 
		yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		

	$(".celda_calendari").hover(function(e){											  
		this.t = this.title;
		this.title = "";									  
		$("body").append("<div id='tooltip'>"+ $('#' + this.t).html() +"</div>");
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    },
	function(){
		this.title = this.t;		
		$("#tooltip").remove();
    });	
	$(".celda_calendari").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};


// Cuando la estructura del DOM se haya leido ejecutamos ajax para el calendario inicial
$(document).ready(function(){
		
	// averiguamos el idioma
	var idioma = $('#idioma').text();
	
	// leemos el calendario que toca	
	var mes = $('#mes_ski').text();
	var ano = $('#ano_ski').text();
	
	if ( idioma == "0")	{url = './cal_ajax_1.php?language_id=0&month='+mes+'&year='+ano;}
	if ( idioma == "1") {url = './cal_ajax_1.php?language_id=1&month='+mes+'&year='+ano;}
	
	ver_loading();
	// Rellenamos el calendario al iniciarse la estructura del DOM
	$.post( url, function(data){
			
			// Vaciamos todo el contenido
			$('#calendario_ajax').empty();
			// Le insertamos el contenido inicial del calendario
			$('#calendario_ajax').append(data);
			// RE-PONE titulo página
			cambia_titulo();
			// inicializamos enseñar el tooltip del calendario
			tooltip();
			// Ocultamos el div de fortos al principio
			$("#fotos_paso").hide();
			ocultar_loading();		
	});
	
	//menu botones Animate the shutter  
	$(".link").hover(function(){
		$(this).parent().animate({backgroundPosition: '(0px -100px)'}, 900 );
		}, function() {
			$(this).parent().animate({backgroundPosition: '(0px 0px)'}, 600 );
		}); 
	
	// funciones para los links del menu
	$("#salidas").click(function(){
		
		// averiguamos el idioma
		var idioma = $('#idioma').text();
		var mes = $('#mes_ski').text();
		var ano = $('#ano_ski').text();
		
		//alert ('./cal_ajax_1.php?language_id=0&month='+mes+'&year='+ano);
		
		if ( idioma == "0")	{url_lang = './cal_ajax_1.php?language_id=0&month='+mes+'&year='+ano;}
		if ( idioma == "1") {url_lang = './cal_ajax_1.php?language_id=1&month='+mes+'&year='+ano;}
		
		ver_loading();
		// Rellenamos el calendario 
		$.post(url_lang, function(data){
			// Ocultamos el div de los pasos
			$("#hacer_pasos").hide();
			// Ocultamos el div de fotos al principio
			$("#fotos_paso").hide();
			// Enseñamos la tabla de pdf y docs
			$(".ocultar_paso").show();
			// enseñamos  la tabla del medio
			$("#central").show();
			// Vaciamos todo el contenido
			$('#calendario_ajax').empty();
			// Le insertamos el contenido inicial del calendario
			$('#calendario_ajax').html(data);
			//RE-PONEMOS titulo pagina
			cambia_titulo();
			// Enseñamos el contenido
			$('#calendario_ajax').show();
			
			// inicializamos enseñar el tooltip del calendario
			tooltip();
			ocultar_loading();		
		});
		return false;
	});

	

	
});