var bgRat = 1280/820;

$(document).ready(function(){
	$("#menu li a").click(menuHandler);
	//$("#contentbg").click(handleClose);
	handleResize();
	window.onorientationchange = handleResize;
	$(window).resize(handleResize);
	$(window).bind('hashchange', function(){
		changePage(location.hash);
	});
	$(window).trigger('hashchange');
});

function changePage(hash){
	hash = hash.replace("#", "");
	if(hash.length > 0){
		var page = hash+"index.html";
		$("#contentloader").load(page, function(){
			$("#contentbg").html('<div id="content"><div id="contentinner">' + $("#contentloader").html() + '</div><div id="close"><img src="img/close.png" alt="Close" /></div><div>');
			$("#contentbg a").click(menuHandler);
			$("#close").click(handleClose);
			$("#contentbg").fadeIn();
			$("#content").scrollTop(0);
			fleXenv.fleXcrollMain("contentinner");
		});
	} else {
		$("#contentbg").fadeOut();
	}
}

function handleResize() {
	var width = ($(window).width()>1024)? $(window).width() : 1024;
	var height = ($(window).height()>820)? $(window).height() : 820;
	var winRat = width/height;
	
	if(winRat>bgRat) {
		$("#bgimg").width(width);
		$("#bgimg").height(width/bgRat);
		/*var top = Math.floor(($(window).height()-$("#bgimg").height())/2);
		var toppx = top+"px";
		$("#debug").html("top = "+toppx);
		$("#bgimg").css("margin-top", toppx);*/
		$("#bgimg").css("margin-left", "0px");
	} else {
		$("#bgimg").height(height);
		$("#bgimg").width(height*bgRat);
		var left = Math.floor((width-$("#bgimg").width())/2);
		var leftpx = left+"px";
		//$("#debug").html("left = "+leftpx);
		$("#bgimg").css("margin-top", "0px");
		$("#bgimg").css("margin-left", leftpx);
	}
	//$("#debug").html($("#debug").html()+" bgRat = "+bgRat);
}

function menuHandler(event){
	if(!$(event.target).attr("target")){
		event.preventDefault();
		window.location.hash = $(event.target).attr("href");
	}
}

function handleClose(){
	$("#contentbg").fadeOut();
	var locArr = window.location.href.split("#");
	window.location.href = locArr[0];
}