//nav functions
$(document).ready(function(){

    $(".navList").children("li").each(function() {
    var current =  "navList " + ($(this).attr("class")) + "On";
    var parentClass = $(".navList").attr("class");
    if (parentClass != current) {
        $(this).children("a").css({backgroundImage:"none"});
    }
	
	});

	attachNavEvents(".navList", "navHome");
	attachNavEvents(".navList", "navServices");
	attachNavEvents(".navList", "navCorp");
	attachNavEvents(".navList", "navContact");
		
function attachNavEvents(parent, myClass) {
    $(parent + " ." + myClass).mouseover(function() {
        $(this).before('<div class="' + myClass + 'Effect"></div>');
        $("div." + myClass + "Effect").css({display:"none"}).fadeIn(300);
    }).mouseout(function() {
        $("div." + myClass + "Effect").fadeOut(300, function() {
            $(this).remove();
        });
    }).mousedown(function() {
        $("div." + myClass + "Effect").attr("class", myClass + "Click");
    }).mouseup(function() {
        $("div." + myClass + "Click").attr("class", myClass + "On");
    });
}

});