// JavaScript Document

$j = jQuery.noConflict();

$j(document).ready(function(){
	$j(".mainNav").children("li").each(function() {
		var current = "mainNav current-" + ($j(this).attr("class"));
		var parentClass = $j(".mainNav").attr("class");
		if (parentClass != current) {
			$j(this).children("a").css({backgroundImage:"none"});
		}
	}); 

	function attachNavEvents(parent, myClass) {
		$j(parent + " ." + myClass)
		.mouseover(function() {
			$j(this).before('<div class="mainNav-' + myClass + '"></div>');
			$j("div.mainNav-" + myClass).css({display:"none"}).fadeIn('fast');
		})
		.mouseout(function() {
			$j("div.mainNav-" + myClass + "-click").attr("class", "mainNav-" + myClass);
			$j("div.mainNav-" + myClass).fadeOut(200, function() {
				$j(this).remove();
			});
		})
		.mousedown(function() {
			$j("div.mainNav-" + myClass).attr("class", "mainNav-" + myClass + "-click");
			//changeCssClass('navDiv');
			
		})
		.mouseup(function() {
			$j("div.mainNav-" + myClass + "-click").attr("class", "mainNav-" + myClass);
		});
	}

	if (active_el != "portfolio") attachNavEvents(".mainNav", "portfolio");
	if (active_el != "aboutus") attachNavEvents(".mainNav", "aboutus");
	if (active_el != "services") attachNavEvents(".mainNav", "services");
	if (active_el != "contactus") attachNavEvents(".mainNav", "contactus");
	
	$j(".mainNav ."+active_el).before('<div class="mainNav-' + active_el + '"></div>');
});