$(document).ready(function(){

    // everything goes here
    $("#nav").children("li").each(function() {
    	var current = "current-" + ($(this).attr("class"));
        var parentClass = $("#nav").attr("class");
        if (parentClass != current) {
            $(this).children("a").css({backgroundImage:"none"});
        }
    });  

	// create events for each nav item
	attachNavEvents("#nav", "home");
	attachNavEvents("#nav", "about");
	attachNavEvents("#nav", "wwd");
	attachNavEvents("#nav", "refs");
	attachNavEvents("#nav", "foundation");
	attachNavEvents("#nav", "contact");

	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() {
	        $("div.nav-" + myClass).fadeOut(200, function() {
	            $(this).remove();
	        });
	    }).mousedown(function() {
	        $("div.nav-" + myClass).attr("class", "nav-" + myClass + "-click");
	    }).mouseup(function() {
	        $("div.nav-" + myClass + "-click").attr("class", "nav-" + myClass);
	    });
	}
	
	
	
	
	// Preload all rollovers
	$("input.button").each(function() {
		// Set the original src
		rollsrc = $(this).attr("src");
		rollON = rollsrc.replace(/.png$/ig,"_over.png");
		$("<img>").attr("src", rollON);
	});
	
	$("input.button").mouseover(function(){
		imgsrc = $(this).attr("src");
		matches = imgsrc.match(/_over/);
		
		if (!matches) {
			imgsrcON = imgsrc.replace(/.png$/ig,"_over.png");
			$(this).attr("src", imgsrcON);
		}
		
	});

	$("input.button").mouseout(function(){
		$(this).attr("src", imgsrc);
	});
    
});