var bg = "#logorail";
var navi = "#navigation";
var bgYloc = 15;
var naviYloc = 203;

$(document).ready(function(){
	setNaviHeight();
	$(bg)
		.css( {backgroundPosition: "50 15"} )
	$(window).scroll(function(){
			scrollBg();
			scrollNavi();
		});
	$(window).resize(function(){
		setNaviHeight();
	});
	//TODO:create home-link on logo
	/*$("<a id='homelink' href='#home'>&nbsp;</a>")
		.css( {position:absolute} )
		.appendTo("#main");*/
	
	//Set target _blank for external links for standard comliance
	$("a[href][rel='external']").attr("target","_blank");
});
function scrollBg(){
	var offset = bgYloc+$(document).scrollTop()+"px";
	$(bg).animate({backgroundPosition:"(50 "+offset+")"}, {duration:1500,queue:false,easing: "backinout"});
}
function scrollNavi(){
	var offset = naviYloc+$(document).scrollTop()+"px";
	$(navi).animate({top:offset},{duration:1000,queue:false,easing: "backinout"});
}
function setNaviHeight(){
	//Narrower Navigation for small screen resolution
	//writealert("window height: " + $(window).height());
	if($(window).height()<555){
		$(navi+' li').css( {height: "2.3em"} );
		naviYloc = 170;
	} else if($(window).height()<672 && $(window).height()>555){
		$(navi+' li').css( {height: "4em"} );
		naviYloc = 203;
	} else {
		$(navi+' li').css( {height: "5.5em"} );
		naviYloc = 203;
	}
	scrollNavi();
}