$(document).ready(function(){

	$(".nav_menu li a").each(function() {
		var text = $(this).html();
	//	alert(text);

		var current = "nav_menu current-" + ($(this).parent().attr("class"));
	//	alert(current);
		var parentClass = $(".nav_menu").attr("class");
	//	alert(parentClass);
	
		if (parentClass != current) {
			$(this).html("<span class='color_1'>" + text + "</span><span class='color_2'>" + text + "</span>");
			$(".nav_menu li a .color_2").css("opacity",0);
		} else {
			$(this).css("color", "#6674b7");
		}
		
	});
	/*
	$(".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"});
			}
		});
	*/	
	attachNavEvents(".nav_menu", "home");
	attachNavEvents(".nav_menu", "lockbee");
	attachNavEvents(".nav_menu", "support");
	attachNavEvents(".nav_menu", "my_pages");
//	attachNavEvents(".nav", "about");
//	attachNavEvents(".nav", "reseller");
	attachNavEvents(".nav_menu", "orderMenu");
	attachNavEvents(".nav_menu", "download");
//	attachNavEvents(".nav", "referenser");

});

function attachNavEvents(parent, myClass) {
			$(parent + " ." + myClass).mouseover(function() {
			//	$(this).append('<div class="nav-' + myClass + '"></div>');
			//	$(parent + " ." + myClass + " a").css({color: "#6674b7"}).fadeIn(1800);
				$(parent + " ." + myClass + " a .color_1").fadeTo("fast", 0);
				$(parent + " ." + myClass + " a .color_2").fadeTo("fast", 1);
			}).mouseout(function() {
				$(parent + " ." + myClass + " a .color_1").fadeTo("fast", 1);
				$(parent + " ." + myClass + " a .color_2").fadeTo("fast", 0);
			//	$(parent + " ." + myClass + " a .color_1").css({opacity: "1"}).fadeIn(800);
			//	$(parent + " ." + myClass + " a .color_2").css({opacity: "0"}).fadeIn(800);
			}).mousedown(function() {
				$("div.nav-" + myClass).attr("class", "nav-" + myClass + "-click");
			}).mouseup(function() {
				$("div.nav-" + myClass + "-click").attr("class", "nav-" + myClass);
			});
}
