$(function(){
		var imgDir = "images/nav/";
		var imgExt = "png";
		var preload=["home", "about", "contact", "references", "amenities"];
		var len = preload.length;
		var nav = {};
		var numTransitions = 3;

		// load handler for first images in nav
		var loaded = 0;
		var imgLoaded = function(){
			if(++loaded < len){
				return;
			}
			$(".nav-link").mouseover(function(){
				var id = this.id;
			
				var current = nav[ id ];
				var next = nav[ id ] = current + 1;
				
				if(next > numTransitions)
					next = nav[ id ]  = 1;
					
				$("."+this.id+current).fadeTo("slow",0.2,function(){
						$(this).toggleClass( id + current )
							.toggleClass( id + next )
							.fadeTo("slow",1);
				});
			}).click(function(){
				var a = $("a",this)[0];
				if(a&& a.href)
					window.location=a.href;
			});						
			var height = $.browser.msie ? 166 : 152;
			$("#nav").animate({height: height},'slow');
		}
		
		for(var i=0; i < numTransitions; i++){
			for(var j=0;j < len; j++){
				var img = new Image();
				if(i==0){
					
					$(img).bind("load", imgLoaded);
					nav[ preload[j] ] = 1;
				}
				img.src=imgDir+ preload[j]+ (i+1)+"."+imgExt;
			}
		}
	});