// JavaScript Document

 $(document).ready(function(){

$(function() {

$("#thumbnails").scrollable();

$(".images img").click(function() {

	// see if same thumb is being clicked
	if ($(this).hasClass("active")) { return; }

	var url = $(this).attr("src").replace("_t", "");

	// get handle to element that wraps the image and make it semi-transparent
	var wrap = $("#fotogrande"); //.fadeTo("medium", 0.5);

	var img = new Image();


	// call this function after it's loaded
	img.onload = function() {

		// make wrapper fully visible
		wrap.fadeTo("fast", 1);

		// change the image
		wrap.find("img").attr("src", url);

	};

	// begin loading the image from www.flickr.com
	img.src = url;

	// activate item
	$(".images img").removeClass("active");
	$(this).addClass("active");

// when page loads simulate a "click" on the first image
}).filter(":first").click();
});

$("#descripcion_in").hide();
$("#descripcion_fr").hide();
$("#descripcion_de").hide();
$("#descripcion_es").show();

$("#index_es").show();
$("#index_in").hide();
$("#index_fr").hide();
$("#index_de").hide();

$("#cambia_es").click(function() {
$("#descripcion_in").hide();
$("#descripcion_fr").hide();
$("#descripcion_de").hide();
$("#descripcion_es").show();
$("#index_in").hide();
$("#index_fr").hide();
$("#index_de").hide();
$("#index_es").show();
$.cookie("idioma", "1");
$("#situacion").html("situación");
$("#entorno").html("entorno");
$("#tarifas").html("precios");
$("#disponibilidad").html("disponibilidad");
$("#idiomes li").removeClass('activo');
$(this).parent().addClass('activo');
});

$("#cambia_in").click(function() {
$("#descripcion_es").hide();
$("#descripcion_de").hide();
$("#descripcion_fr").hide();
$("#descripcion_in").show();
$("#index_es").hide();
$("#index_de").hide();
$("#index_fr").hide();
$("#index_in").show();
$.cookie("idioma", "2");
$("#situacion").html("location");
$("#entorno").html("environment");
$("#tarifas").html("price");
$("#disponibilidad").html("availability");
$("#idiomes li").removeClass('activo');
$(this).parent().addClass('activo');
});

$("#cambia_de").click(function() {
$("#descripcion_es").hide();
$("#descripcion_in").hide();
$("#descripcion_fr").hide();
$("#descripcion_de").show();
$("#index_es").hide();
$("#index_in").hide();
$("#index_fr").hide();
$("#index_de").show();
$.cookie("idioma", "3");
$("#situacion").html("Lage");
$("#entorno").html("Aktivitaten");
$("#tarifas").html("Preis");
$("#disponibilidad").html("Verfügbarkeit");
$("#idiomes li").removeClass('activo');
$(this).parent().addClass('activo');
});

$("#cambia_fr").click(function() {
$("#descripcion_es").hide();
$("#descripcion_in").hide();
$("#descripcion_de").hide();
$("#descripcion_fr").show();
$("#index_es").hide();
$("#index_in").hide();
$("#index_de").hide();
$("#index_fr").show();
$.cookie("idioma", "4");
$("#situacion").html("emplacement");
$("#entorno").html("activités");
$("#tarifas").html("prix");
$("#disponibilidad").html("disponibilité");
$("#idiomes li").removeClass('activo');
$(this).parent().addClass('activo');
});


$(".equipamiento").mouseenter(function(){
$("#listado-equipamientos").show();
$("#listado-equipamientos").load("iconos.php?casa=3");
});
	
$(".equipamiento").mouseleave(function(){
$("#listado-equipamientos").hide();		
});	

$(".equipamiento4").mouseenter(function(){
$("#listado-equipamientos").show();
$("#listado-equipamientos").load("iconos.php?casa=4");
});
	
$(".equipamiento4").mouseleave(function(){
$("#listado-equipamientos").hide();		
});	

$(".equipamiento2").mouseenter(function(){
$("#listado-equipamientos").show();
$("#listado-equipamientos").load("iconos.php?casa=2");
});
	
$(".equipamiento2").mouseleave(function(){
$("#listado-equipamientos").hide();		
});	

$(".equipamiento1").mouseenter(function(){
$("#listado-equipamientos").show();
$("#listado-equipamientos").load("iconos.php?casa=1");
});
	
$(".equipamiento1").mouseleave(function(){
$("#listado-equipamientos").hide();		
});


$("div.externo").bind('mouseenter', function(){
	$(this).find('div').animate({left: '-200'}, 100)									
	});
$("div.externo").bind('mouseleave', function(){
	$(this).find('div').animate({left: '0'}, 100)									
	});

});