$(document).ready(function(){
			
				// remove link background images since we're re-doing the hover interaction below 
				// (doing it this way retains the CSS default hover states for non-javascript-enabled browsers)
				// we also want to only remove the image on non-selected nav items, so this is a bit more complicated
				$(".nav").children("li").each(function() {
					var current = "nav 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", "services");
				attachNavEvents(".nav", "software");
				attachNavEvents(".nav", "blog");
				attachNavEvents(".nav", "navabout");
				attachNavEvents(".nav", "contact");
			

				function attachNavEvents(parent, myClass) {
					$(parent + " ." + myClass).mouseover(function() {
						$(this).append('<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);
					});
				}

						// below is for accordian
						$(document).ready(function(){
							$("dd:not(:first)").hide();
							//$("dd").hide();
							$("dt a").click(function(){
								$("dd:visible").slideUp("slow");
								$(this).parent().next().slideDown("slow");
								return false;
							});
						});
				
				

			});