$(document).ready(function(){
		
	function loadContent(menu) {
			//if menu being loaded for first time, fade in menu container and show div
					TimerID = setTimeout( function() {
						$('div#hnflyout div').hide();
						$('div#hnflyout div#' + $(menu).attr('id') +'flyout').show();
					}, 75);
	}
	
	var TimerId;
	var mainwrap = $('#mainwrap');
	var coordinates = mainwrap.offset();
	var inprogress = 0;

    var leftBorder = coordinates.left + 25;
    var topBorder = coordinates.top - 15;
    var bottomBorder = coordinates.top + mainwrap.height() + 10;
    var rightBorder = coordinates.left + mainwrap.width() + 25;

	$().mousemove(function(e){
		if((e.pageY < topBorder || e.pageY > bottomBorder)) {
			if($('div#hnflyout').hasClass('selected') && (!($('ul#hn li').hasClass('selected')))) {
				$('div#hnflyout div').hide().parent().hide().removeClass('selected');
			}
		}
	}); 
	
	// hide menu content container and divs			
	$('div#hnflyout div').hide();
	$('div#hnflyout').hide();
	
	// on "hover in" call function to mark div as selected and display content
	$('ul#hn li a').hover(
      function () {
      	if(!$('div#hnflyout').hasClass('selected')) {
      		$('div#hnflyout').addClass('selected').css("display","block");
      	}
      	loadContent($(this).parent());
      }, 
      function () {
        // off hover
        return false;
      }
    );
		
});