//
// Simple effects for the navigation
//

/// this version gets stuck in a loop occasionally
/*
	$(document).ready(function() {
		//
		// First function animates in
		// second function animates out
			$ ("#nav").hover (
				function (e) { 
				$ ("#nav_conts").slideDown ("slow");
				$("#nav_menu").css("background-position","135px -22px");
				},
				function (e) { 
				$ ("#nav_conts").slideUp ("slow"); 
				$("#nav_menu").css("background-position","135px -2px");
				}
			);
		//

	});
	*/
	
	
$(document).ready(function() {
  var toggle = function(direction, display) {
    return function() {
      var self = this;
      var ul = $("#nav_conts");
      if( ul.css("display") == display && !self["block" + direction] ) {
        self["block" + direction] = true;
				$("#nav_menu").css("background-position","135px -22px");
        ul["slide" + direction]("slow", function() {
          self["block" + direction] = false;
        });
      }
			if(direction=="Up"){
				$("#nav_menu").css("background-position","135px -2px");
			}
    };
  }

	$("#nav").hover(toggle("Down", "none"), toggle("Up", "block"));
  $("#nav_conts").hide();
		
});