var $initialon = null;
var reset_timer = 0;

function navshow($nav, fade) {
	window.clearTimeout(reset_timer);
	
	$('#nav > ul > li.on').removeClass('on');
	$('#navpop').hide();
	
	if ($nav.length == 0) return;
	$nav.addClass('on');
	
	var html = '<ul>';
	if ($nav.find('li.on').length == 0) {
		html += '<li class="on"><a href="' + $nav.find('a:first').attr('href') + '">' + $nav.find('a:first').text() + '</a></li>';
	} else {
		html += '<li><a href="' + $nav.find('a:first').attr('href') + '">' + $nav.find('a:first').text() + '</a></li>';
	}
	if ($nav.find('ul').length) {
		html += $nav.find('ul').html();
	}
	html += '</ul>';
	
	$('#navpop').html(html);
	
	navpos();
	
	if (fade) {
		$('#navpop').fadeIn();
	} else {
		$('#navpop').show();
	}
}

function navpos() {
	var $nav = $('#nav > ul > li.on');
	
	$('#navpop').css('top', $(window).height() - 122 - $('#navpop').height());
	
	if ($nav.attr('id') == 'nav5') {
		$('#navpop').css('left', $nav.offset().left - 84);
	} else {
		$('#navpop').css('left', $nav.offset().left);
	}
}

function navhide() {
	if ($('#nav > ul > li.on').attr('id') == $initialon.attr('id')) return;
	$('#nav > ul > li.on').removeClass('on');
	$('#navpop').fadeOut();
	reset_timer = window.setTimeout('reset()', 1000);
}

function reset() {
	navshow($initialon, true);
}

$(document).ready(function() {
	$(window).resize(function() {
		var w = $(window).width();
		var h = $(window).height();
		
		if (w / 1200 > h / 800) {
			$('#background-img').attr('width', w).removeAttr('height');
		} else {
			$('#background-img').attr('height', h).removeAttr('width');
		}
		
	}).resize();
	
	
	$('body').append('<div id="navpop"></div>');
	$('#navpop').hide();
	
	var timeout = 0;
	$('#nav > ul > li').hover(function() {
		window.clearTimeout(timeout);
		navshow($(this), false);
	}, function() {
		timeout = window.setTimeout('navhide()', 1000);
	});
	
	$('#navpop').hover(function() {
		window.clearTimeout(timeout);
	}, function() {
		timeout = window.setTimeout('navhide()', 1000);
	});
	
	if ($('#nav > ul > li.on').length > 0) {
		$initialon = $('#nav > ul > li.on');
		navshow($initialon, false);
	} else {
		$initialon = $('#wewhjehwjrhwjrh');		// doesn't match anything
	}
	
	$(window).resize(navpos);
});