var timer;
var timeOut = 500;
var windowW;
var windowH;

$(document).ready(function() {
	$(".fancyBox").fancybox();
	$('li#menu').bind('mouseover', showSubNav);
	$('li#menu').bind('mouseout', triggerHide);
	$(window).resize(resizeWindow);
	
	windowW = $(this).width();
	windowH = $(this).height();
	$('#overlayer').width(windowW).height(windowH);
});


function showSubNav(){
	clearTimeout(timer);
	$('ul#subnav').fadeIn();
};
function triggerHide(){
	timer = setTimeout(hideSubNav, timeOut);
};
function hideSubNav(){
	$('ul#subnav').fadeOut();
};

function resizeWindow(){
	var windowW = $(this).width();
	var windowH = $(this).height();
	
	$('#overlayer').width(windowW).height(windowH);
};