// JavaScript Document

/*
--------------
css sprites 2
nav behaviour
http://www.alistapart.com/articles/sprites2
--------------
*/

function generateSprites(parent, selectedPrefix, setActive, hoverSpeed, style) {
	$(parent).children("li").each(function() {
		var myClass = ($(this).attr("class"));
		attachNavEvents(parent, myClass, setActive, hoverSpeed, style);
		$(this).children("a").css({backgroundImage:"none"});
	});
}


function attachNavEvents(parent, myClass, setActive, hoverSpeed, style) {
	$(parent + " ." + myClass).mouseover(function() {
		$(this).append('<div class="nav-' + myClass + '"></div>');
		if (style == "slide") {
			$("div.nav-" + myClass).css({display:"none"}).slideDown(hoverSpeed);
		} else {
			$("div.nav-" + myClass).css({display:"none"}).fadeIn(hoverSpeed);
		}
	}).mouseout(function() {
		if (style == "slide") {
			$("div.nav-" + myClass).slideUp(hoverSpeed, function() {
				$(this).remove();
			});
		} else {
			$("div.nav-" + myClass).fadeOut(hoverSpeed, function() {
				$(this).remove();
			});
		}
	});

	if (setActive) {
		$(parent + " ." + myClass).mousedown(function() {
			$("div.nav-" + myClass).attr("class", "nav-" + myClass + "-click");
		}).mouseup(function() {
			$("div.nav-" + myClass + "-click").attr("class", "nav-" + myClass);
		});
	}
}

$(document).ready(function(){
	generateSprites("#nav", "current-", false, 400, "fade");
});