// JavaScript Document

$(function() {
						   
	var hash = window.location.hash.substr(1);
	var href = $('#menu a').each(function(){
		var href = $(this).attr('href');
		if(hash==href.substr(0,href.length-5)){
			var toLoad = hash+'.html #video';
			$('#video').load(toLoad)
		}											
	});

	$('#menu a').click(function(){
								  
		var toLoad = $(this).attr('href')+' #content';
		$('#video').fadeOut('fast',loadContent);
		$('#load').remove();
		$('#wrapper').append('<span id="load">LOADING...</span>');
		$('#load').fadeIn('normal');
		window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-4);
		function loadContent() {
			$('#video').load(toLoad,'',showNewContent());
		}
		function showNewContent(data) {
			$('#video').html(data);
			$('#video').fadeIn('normal',hideLoader());

		}
		function hideLoader() {
			$('#load').fadeOut('normal');	
		}
		return false;
		
	});
	
	// Eventos para elementos que se cargan en el #video
	$("#botonfichatecnica").live("click", function(){
      $("#otros").hide();
      $("#sinopsis").hide();
      $("#fichatecnica").toggle();
    });
	
	$("#botonfichatecnica2").live("click", function(){
      $("#otros").hide();
      $("#sinopsis").hide();
      $("#fichatecnica").toggle();
    });
	
	$("#botonsinopsis").live("click", function(){
      $("#otros").hide();
      $("#fichatecnica").hide();
      $("#sinopsis").toggle();
    });
	
	$("#botonpremios").live("click", function(){
      $("#sinopsis").hide();
      $("#fichatecnica").hide();
      $("#otros").toggle();
    });

	
	$("#test1").click(function(){
		Cufon.replace('#bio #texto p',  {fontFamily: 'BureauGrotesque'} ); 
	});
	

	
});