$(document).ready(function(){

	$(".nav").children("li").each(function() {
    	var current = "nav current-" + ($(this).attr("class"));
   		var parentClass = $(".nav").attr("class");
    	if (parentClass != current) {
        	$(this).children("a").css({backgroundImage:"none"});
    	}
    	attachNavEvents(".nav", "home");
		attachNavEvents(".nav", "about");
		attachNavEvents(".nav", "tour");
		attachNavEvents(".nav", "pricing");
		attachNavEvents(".nav", "faqs");
		attachNavEvents(".nav", "getstarted");
    	function attachNavEvents(parent, myClass) {
		    $(parent + " ." + myClass).mouseover(function() {
		        $(this).before('<div class="nav-' + myClass +
		         '"></div>');
		        $("div.nav-" + myClass).css({display:"none"})
		        .fadeIn(200);
		    }).mouseout(function() {
		        // fade out & destroy pseudo-link
		        $("div.nav-" + myClass).fadeOut(200, function() {
		            $(this).remove();
		        });
		    });
		}
	});

});