$(document).ready(function() {

/*
	function megaHoverOver(){
		$(this).find(".sub").stop().fadeTo('fast', 1).show();
			
	}
	
	function megaHoverOut(){ 
	  $(this).find(".sub").stop().fadeTo('fast', 0, function() {
		  $(this).hide(); 
	  });
	}

	var config = {    
		 sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)    
		 interval: 100, // number = milliseconds for onMouseOver polling interval    
		 over: megaHoverOver, // function = onMouseOver callback (REQUIRED)    
		 timeout: 500, // number = milliseconds delay before onMouseOut    
		 out: megaHoverOut // function = onMouseOut callback (REQUIRED)    
	};

	$("ul#topnav li .sub").css({'opacity':'0'});
	$("ul#topnav li").hoverIntent(config);
*/

	

	$("ul#topnav li").hover(function() {
		
		$(this).find(".sub").css({'left' : $(this).parent().position().left - $(this).position().left});
		$(this).find(".sub").fadeIn('fast');

	} , function() {
		$(this).find(".sub").fadeOut('fast');
	});


	// make overlay follows page scrolls
	$(window).scroll(function() {
		$('#overlay').animate({top: ( $(window).height() - $('#overlay').height() ) / 2 + $(window).scrollTop() + "px" },{queue: false, duration: 350});
	});

});

function showPane(div) {
	$("#footer div.pane").fadeOut('slow');
	$('#' + div).fadeIn('slow');	
}

function showRetailer(retailerId) {

	showOverlay();

	var ajaxReq = '2011/ajax/store.php?id=' + retailerId;

	// get markup
	$.get(ajaxReq, function(data) {
		populateOverlay(data);
	});

}

function showOverlay(output) {
	
	// reset loading animation
	$('#info').hide();
	$('#loading').show();

	$('#overlay').css("top", ( $(window).height() - $('#overlay').height() ) / 2 + $(window).scrollTop() + "px");
    $('#overlay').css("left", ( $(window).width() - $('#overlay').width() ) / 2 + $(window).scrollLeft() + "px");
	$('#overlay').fadeIn('slow');

}

function populateOverlay(output) {

	$('#info').html(output);

	$('#loading').fadeOut('slow', function() {
		$('#info').fadeIn('slow');
	});

}

function hideOverlay() {

	$('#info').fadeOut('slow', function() {
		$('#overlay').fadeOut('slow');
	});

}