// navigation
jQuery.preloadImages = function(){
  for(var i = 0; i<arguments.length; i++){
    jQuery("<img>").attr("src", arguments[i]);
  }
}

var navRollSuffix = "_roll";
var navExt = ".jpg";
var projectsAnimating = false;
var projectsSpeed = 500;
jQuery(document).ready(function(){
	jQuery("#nav a").hover(
		function(){
			if(jQuery(this).hasClass("selected")) return; // current section
			var imgSrc = jQuery("img", this).attr("src");
			jQuery("img", this).attr("src", imgSrc.substr(0, imgSrc.length - navExt.length) + navRollSuffix + navExt);
		},
		function(){
			if(jQuery(this).hasClass("selected")) return; // current section
			var imgSrc = jQuery("img", this).attr("src");
			jQuery("img", this).attr("src", imgSrc.substr(0, imgSrc.length - (navRollSuffix.length + navExt.length)) + navExt);
			
			/*
			if(jQuery(this).attr("id") == "projects"){
				projectsAnimating = true;
				jQuery("#project_nav").slideUp(projectsSpeed, function(){ projectsAnimating=false; });
			}
			*/
		}
	);
	
	jQuery("#nav #projects").click(function(){
		projectsAnimating = true;
		jQuery("#project_nav").slideDown(projectsSpeed, function(){ projectsAnimating=false; });
		jQuery("#nav #projects").blur();
		return false;
	});
	
	jQuery("#project_nav").hover(
		function(){
			if(projectsAnimating) return;
			projectsAnimating = true;
			jQuery("#project_nav").slideDown(projectsSpeed, function(){ projectsAnimating=false; });
		},
		function(){
			if(projectsAnimating) return;
			projectsAnimating = true;
			jQuery("#project_nav").slideUp(projectsSpeed, function(){ projectsAnimating=false; });
		}
	);
	
	// preload
	jQuery("#nav img").each(function(i){
		var imgSrc = jQuery(this).attr("src");
		if(imgSrc.indexOf(navRollSuffix) != -1) return; // current section
		jQuery.preloadImages( imgSrc.substr(0, imgSrc.length - navExt.length) + navRollSuffix + navExt );
	});
});