// JavaScript Document

var posicion = '';
var idioma = '';
var element = '';
var idm = '';

function cambiaOrdenIdioma(idioma, cambio){
	alert('Cookie: '+$.cookie('idioma')+' / Variable: '+idioma+ ' / Cambio: '+cambio);
	switch (idioma){
		case 'es':
			$("#idiomas").html('<div id="tit-idioma"><p>Idiomas:</p></div><div id="es" class="idioma idioma-activo"><a id="espanol" class="idioma-activo tooltip" href="#" id="espanol" title="Espa&ntilde;ol"></a></div><div id="en" class="idioma"><a id="ingles" href="#" id="ingles" title="English"></a></div><div id="fr" class="idioma"><a id="frances" href="#" id="frances" title="Fran&ccedil;ais"></a></div><div id="de" class="idioma"><a id="aleman" href="#" id="aleman" title="Deutsch"></a></div>');
		break;
		case 'en':
			$("#idiomas").html('<div id="tit-idioma"><p>Idiomas:</p></div><div id="en" class="idioma-activo idioma"><a id="ingles" class="idioma-activo" href="#" title="English"></a></div><div id="es" class="idioma"><a id="espanol" href="#" title="Espa&ntilde;ol"></a></div><div id="fr" class="idioma"><a id="frances" href="#" title="Fran&ccedil;ais"></a></div><div id="de" class="idioma"><a id="aleman" href="#" title="Deutsch"></a></div>');
		break;
		case 'fr':
			$("#idiomas").html('<div id="tit-idioma"><p>Idiomas:</p></div><div id="fr" class="idioma-activo idioma"><a id="frances" class="idioma-activo" href="#" title="Fran&ccedil;ais"></a></div><div id="es" class="idioma"><a id="espanol" href="#" title="Espa&ntilde;ol"></a></div><div id="en" class="idioma"><a  id="ingles" href="#" title="English"></a></div><div id="de" class="idioma"><a id="aleman" href="#" title="Deutsch"></a></div>');
		break;
		case 'de':
			$("#idiomas").html('<div id="tit-idioma"><p>Idiomas:</p></div><div id="de" class="idioma idioma-activo"><a id="aleman" class="idioma-activo" href="#" title="Deutsch"></a></div><div id="es" class="idioma"><a id="espanol" href="#" title="Espa&ntilde;ol"></a></div><div id="en" class="idioma"><a id="ingles" href="#" title="English"></a></div><div id="fr" class="idioma"><a id="frances" href="#" title="Fran&ccedil;ais"></a></div>');
		break;
	};
	$.cookie('idioma', idioma);
	if (cambio == 1){
		cambiaPosIdioma();
	};
	initLinks("#idiomas");
};

function cambiaPosIdioma(){
	$("#idiomas").toggleClass("idioma-hide");
	posicion = $("#idiomas").attr("class"); //clase del div idiomas
	
	if (posicion == "idioma-hide"){
		$("#idiomas").animate({"right": "-=45px"}, "slow");
		$("#btn-idioma").html('<img src="images/abre-idioma.png" title="Abrir barra de idiomas" />');
	}else{
		$("#idiomas").animate({"right": "+=45px"}, "slow");
		$("#btn-idioma").html('<img src="images/cierra-idioma.png" title="Cerrar barra de idiomas" />');
	};
};

function cambiaPosCopy(){
	$("#copy").toggleClass("copy-hide");
	posCopy = $("#copy").attr("class"); // Posicion del div idiomas
	
	if (posCopy == "copy-hide"){
		$("#copy a").css("background","#454545");
		$("#btn-copy").attr('title','Esconder copyright');
		
		/********/
		
		$("#btn-copy").hover(function(e){											  
			this.t = this.title;	  
			$("body").append("<p id='tooltip'>"+ this.t +"</p>");
			$("#tooltip")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px")
				.fadeIn("fast");		
    	},
		function(){
			$("#tooltip").remove();
    	});	
		$("#btn-copy").mousemove(function(e){
			$("#tooltip")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px");
		});
		
		/*****/
		
		$("#copy").animate({"right": "+=370px"}, "slow");
	}else{
		$("#copy a").css("background","none");
		$("#btn-copy").attr('title','Ver copyright');
		
		/********/
		
		$("#btn-copy").hover(function(e){											  
			this.t = this.title;			  
			$("body").append("<p id='tooltip'>"+this.t+"</p>");
			$("#tooltip")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px")
				.fadeIn("fast");		
    	},
		function(){
			$("#tooltip").remove();
    	});	
		$("#btn-copy").mousemove(function(e){
			$("#tooltip")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px");
		});
		
		/*****/
		
		$("#copy").animate({"right": "-=370px"}, "slow");
	};
};

function detectaIdioma(){
	
	if(!$.cookie('idioma')){
	
		var navegador = navigator.appName;
		if (navegador == "Microsoft Internet Explorer"){
			var language = navigator.userLanguage;
		}else if (navegador == "Netscape" || navegador == "Opera"){
			var language = navigator.language;
		};
		
		language = language.substring(0,2);
		
		if(language == 'es'){
			$.cookie('idioma', language);
		}else if(language == 'fr'){
			$.cookie('idioma', language);
		}else if(language == 'en'){
			$.cookie('idioma', language);
		}else if(language == 'de'){
			$.cookie('idioma', language);
		};
		
	}else{
		language = $.cookie('idioma');
	};
	cambiaOrdenIdioma(language, 0);
};

function initLinks(context){
	
	// Tabs
	$('#tabs', context).tabs();
	
	//Al pasar por encima de las secciones las resaltamos aņadiendo la clase activa...
	$('.seccion', context).hover(
		function () {
			$(this).addClass("activa");
		}, 
		function () {
			$(this).removeClass("activa");	
		}
	);
	
	$('#copy', context).click(function(){
		cambiaPosCopy();
	});
	
	$('#btn-idioma', context).click(function(){
		cambiaPosIdioma();
	});
	
	/*
	
	if (context == '#idiomasEn'){
		$('.idioma', context).click(function(){
			cambiaOrdenIdioma(this.id, 1);
			$.cookie('idioma', this.id);
		});
	}else if (context == '#idiomas'){
		$('.idioma', context).click(function(){
			cambiaOrdenIdioma(this.id, 1);
			$.cookie('idioma', this.id);
		});
	}else{
		$('.idioma', context).click(function(){
			cambiaOrdenIdioma(this.id, 0);
		});
	};	*/
};