var last_url;
var btnclicked = false;
var animating = false;

function supersizeImage() {
	var imagewidth = 1280;
	var imageheight = 926;
	var browserwidth = $(window).width();
	var browserheight = $(window).height();

	var ratio = imageheight/imagewidth;

	$('img.supersize').each(function(){
		image = $(this);
		if ((browserheight/browserwidth) > ratio){
			$(image).height(browserheight);
			$(image).width(browserheight / ratio);
		} else {
			$(image).width(browserwidth);
			$(image).height(browserwidth * ratio);
		}
		$(image).css('left', (browserwidth - $(image).width())/2);
		$(image).css('top', (browserheight - $(image).height())/2);
	});
}

function updateNav(btnClicked) {
	$('.nav a').each(function(){
		$(this).removeClass('on');
	});
	$(btnClicked).addClass('on');
}

function updateBg(btnClicked,animated){
	if (animated == false) {
		var duration = 0;
	} else {
		var duration = 400;
	}
	var clickedElement = $(btnClicked).attr('rel');
	$('div.content').stop(true,true);
	$('div.content').each(function(){
		if($(this).is(":visible")){
			$(this).fadeOut(duration,function(){
				$('div.'+clickedElement).fadeIn(duration);
			});
		}
	});
}

function updatePage(clickedLink){
	if(animating == false){
		document.location.href=currUrl()+'#'+$(clickedLink).attr('rel');
		btnclicked = true;
		return false;
	}
}

function currUrl(){
	url=document.location.href.split("#");
	return url[0];
}

function deepUrl(){
	url=document.location.href.split("#");
	if(url[1]){ 
		checkurl=url[1].toLowerCase();
		if(checkurl.indexOf('http://')<0 && checkurl.indexOf('https://')<0 && checkurl.indexOf('www.')<0){ 
			if($('.nav li a.'+checkurl)){
				pageSwitch($('.nav li a.'+checkurl+'btn'),btnclicked);
			}
		}
	}
}

function pageSwitch(theButton,clicked) {	
	var rel=theButton.attr('rel');
	if(last_url==rel){
		return;
	}
	else {
		updateNav(theButton);
		updateBg(theButton,btnclicked);
		btnclicked = false;
		last_url=rel;
	}
}

$(window).load(
	function() {
		
		$('.loadingShadow').fadeOut(400);
		//RESIZE - all fullscreen image to be fullscreen
		supersizeImage();
		//LISTENER - in window that will resize, reposition everything
		$(window).bind("resize", supersizeImage);
		
		$('.landingBg').fadeTo(0,0.3);
		$('.landingLink').hover(
			function(){
				var linkedBg = $(this).attr('rel');
				$('.container img.'+linkedBg).fadeTo(150,1);
			}, function(){
				var linkedBg = $(this).attr('rel');
				$('.container img.'+linkedBg).fadeTo(150,0.3);
			}
		);
		
		$('.nav a').click(function(){
			updatePage($(this));
		});
		$('.hyperlinkBtn').click(function(){
			updatePage($(this));
		});
		
		$("a.feed").fancybox({
			'hideOnContentClick': true,
			'showCloseButton': false,
			'overlayColor': '#23160e',
			'overlayOpacity': 0.8,
			'titlePosition': 'inside'
		});
	
		deepUrl();
		setInterval("deepUrl();",100);
	}
);