/*
window.onpopstate = function(event) {
	var page = "";
	if (event.state){
		page = event.state.page;
		
		if (page != ""){
			var el =  $("#pages-nav a[href*='"+page+"']");
			var n = $("#pages-nav a").index(el);
			slide( n )
		} else {
			slide( 0 )
		}			
	} else {
		slide( 0 )
	}
};


*/

$(function(){

/*
  $(window).hashchange( function(){
		var hash = location.hash;
     	hash = hash.slice(1)
		var el =  $("#pages-nav a[href*='"+hash+"']");
		if($(el).length != 0){
			var n = $("#pages-nav a").index(el);
			if (n == -1) n = 0;
			slide( n )
		}
  })
*/
});



$(window).load(function(){
	/* Page opened directly, making Menu pic active */
	var url  = $("link[rel='canonical']").attr("href");
	var page = lastUrl(url);
	var hash = location.hash;
	
	

	
	if ($(".sliding-page").length == 0){

		$("#pages-nav a[href*='"+page+"']").addClass("actv");
		
	}
	 if ( $(".sliding-page").length > 0 && hash != ""){
		 hash = hash.slice(1)
		 if ($("#pages-nav a[href*='"+hash+"']").length != 0){
		 	$("#pages-nav a[href*='"+hash+"']").click()
		 }
		 else {
		 	$("#pages-nav a:first").click()
		 }
	 }	else if ($(".sliding-page").length > 0 && !location.hash){ 
		$("#pages-nav a:first").addClass("actv");
		var height  = $(".sliding-page:first").height()+50;	
		$("#product_container").animate({"height": height});
	}
});

function slidePage( n ){

	$("#slide-pages").stop(true,true);
	$("#product_container").stop(true,true);
	
	if ($(".sliding-page").length < 2){
		return true;
	}
	
	var item = $("#pages-nav a:eq("+n+")");
	
	slide(n);
	document.title = $(".sliding-page:nth-child("+(n+1)+")").attr("title")
	var hash = $(item).attr("href");
	var sanitized_hash = lastUrl(hash);

/*
	if (history.pushState){
		history.pushState({page: sanitized_hash}, "", hash);
		var act = $(document).find("form").attr("action",hash)
		
	} else {
*/
		location.hash = sanitized_hash;
/*
	}
*/
	
	return false;
}

function slide(n){

	$("#pages-nav").find("a").removeClass("actv");

	var left = ( n * 967 ) * -1;
	var height  = $(".sliding-page:eq("+n+")").height()+50;
	var item = $("#pages-nav a:eq("+n+")");
	
	$(item).addClass("actv");
	$("#slide-pages").animate({"left": left + "px"}, "slow");
	$("#product_container").animate({"height": height});
}

function lastUrl(url){
	var str = "" + url;
	var arr = str.split("/")
	var new_arr = arr.filter(Boolean);
	return new_arr[new_arr.length-1];
}