$(document).ready(function(){
	
	$('#idiomas ul li a').click(function(event){
		event.preventDefault();
		var idioma = $(this).attr('id');
		$.cookie('idioma', idioma);
		//location.href = location.href;
		//return false;
		if(idioma == 'spanish'){
			//$.cookie('spanish', 'true');
			location.href = location.href;
			//return;
		}
		traducir();
	});
	
	var lng=$.cookie('idioma');
	if(!lng || lng == 'spanish'){
		//$.cookie('spanish', null);
		return;
	}
	
	traducir();
      
});




function traducir(){
	
	var idioma = $.cookie('idioma');
	
	if(!idioma || idioma == 'spanish'){
		//$.cookie('spanish', 'true');
		//location.href = location.href;
		return;
	}
	
	var txt = $('#boxes #dialog p').text();
	var trad = $.translate( 
	   txt,
	   idioma,
	   {
		   complete: function(translation){
		   	     $('#boxes #dialog p').text(translation);
		   	     
		   	     
		   	     //Get the screen height and width  
		         var maskHeight = $(document).height();  
		         var maskWidth = $(window).width();  
		       
		         //Set height and width to mask to fill up the whole screen  
		         $('#mask').css({'width':maskWidth,'height':maskHeight});  
		          
		         //transition effect       
		         //$('#mask').fadeIn(500);      
		         //$('#mask').fadeTo("slow",0.8);    
		       
		         //Get the window height and width  
		         var winH = $(window).height();  
		         var winW = $(window).width();  
		                 
		         //Set the popup window to center  
		         $('#dialog').css('top',  winH/2-$('#dialog').height()/2);  
		         $('#dialog').css('left', winW/2-$('#dialog').width()/2);  
		       
		         //transition effect
		         $('#mask').fadeIn(500, function(){
			         $('#dialog').fadeIn(500, function(){
			         
				         $('body').translate(
						   	       //'spanish', 
						   	       idioma,
						   	       function(){
						   	          //$('body').show();
						   	    	  $('#mask').fadeOut(1000);  
						   	          $('.window').fadeOut(1000);
						   	       }
						 );
			         
			         });
		         });
	       } // fin de complete
	   } // fin de las opciones de translate
	); // fin de translate
	
}
