// INIT
var page, url, currentPic, totalPics, finalY, initY, titulo;
jQuery.easing.def = "easeInOutCirc"; 


//$('.nav ol').hide()
//$('.nav > li > a:first').next().slideDown(700)

$('.nav > li > a:not(:last)').click(mainNavControl)
$('.nav ol li a').click(selectSection)





// FUNCTIONS

	
$.history.init(function(hash){

	if(hash == "")
	{
			$('#content').load('/exhibitions/future-nature/ .loadedContent', checkStatus);
	} 
	else
	{
			assignTitle(hash)
			$('#content *').remove();
			$('#content').load(hash+' .loadedContent', checkStatus);
	}
	
},{ unescape: "/" });



function assignTitle(cadena)
{
	titulo = "BERNARDO RIVAVELARDE ";
	var cadenaTemp = cadena.substr(0, cadena.length-1);
	var feature = " | " +cadenaTemp.substr(cadenaTemp.lastIndexOf("/")+1).toUpperCase();
	var section = cadenaTemp.substr(1,cadenaTemp.lastIndexOf("/")-1).toUpperCase();
	if(section.length>0){
		section = " | " +section;
	}
	titulo = titulo+section+feature;
	$('title').text(titulo)
	
}



function checkStatus()
{
	var isGallery = $('body').find('.galleryNav').css('visibility');
	
	if (isGallery == "hidden") {
		$('.galleryNav').css({visibility:"visible"});
		$('.maskGallery').css({overflow:"hidden"});
		currentPic = 0;
		initY = 0;
		totalPics = $('#media ul li').length;

		var firstPic = $('#media ul li img:first').attr("src");
		$('#media ul').append('<li><span><img src="'+firstPic+'" /></span></li>');
		
		addNavigation()
	}
	
		$('.me ul li a').click(showMeContent)
		$('#me_content div').hide();
	
		initSlideShow()
}



function initSlideShow()
{
	$('.maskSlideshow img').animate({marginLeft: "-8547px"}, 40000, "linear", returnSlideShow);
}



function returnSlideShow()
{
	$('.maskSlideshow img').delay(400).animate({marginLeft: "0px"}, 40000, "linear", initSlideShow);
}



function showMeContent()
{
	var meSection = $(this).attr('href');
	$('#me_content div').hide();
	$(meSection).css({ marginTop:"10px"}).fadeTo(0,0).animate({ marginTop:"0px", opacity:1 },700);
	return false;
}



function addNavigation()
{
	$('.next').bind('click',nextPic)
	$('.prev').bind('click',prevPic)
}



function removeNavigation()
{
	$('.next').unbind('click')
	$('.prev').unbind('click')
}




function nextPic()
{
	(currentPic < totalPics-1) ? currentPic++ : currentPic=0;
	changePic()
}



function prevPic()
{
	(currentPic > 0) ? currentPic-- : currentPic = totalPics-1;
	changePic()
}

function changePic()
{
	finalY = currentPic * 700;
	$('#media ul').css({marginTop: -finalY+"px" });
}

function fadeOutPic()
{
	removeNavigation()
	finalY = currentPic * 700;
	$('#media ul').animate({marginTop: (initY+14)+"px", opacity:0 },400, fadeInPic);
}



function fadeInPic()
{
	$('#media ul').css({marginTop: -(finalY+14)+"px"}).animate({marginTop: -finalY+"px",opacity:1},400);
	initY = -finalY;
	addNavigation()
}




function selectSection()
{
	convertURL($(this).attr('href'));
	return false;
}




function convertURL(ruta)
{
	page = ruta;
	window.location = '#'+page;
}



function mainNavControl()
{
	// BG IMAGES MENU 
	var bgPos;
	$('.nav > li > a').each(function (){
	  bgPos = $(this).css("background-position");
	  $(this).css("background-position",bgPos.replace("-88px","0px"));
	})
	bgPos = $(this).css("background-position");
	$(this).css("background-position",bgPos.replace("0px","-88px"));
	
	// SLIDES MENU	
	if ($(this).hasClass('sm')){
	/*
	  if($(this).next().css("display") == "none" ){
	     $('.nav ol').slideUp(700)
	      $(this).next().slideDown(700)
	  }
	  */
	}else{
	   // $('.nav ol').slideUp(700)
			convertURL($(this).attr('href'));
	}
	
	return false;
}