$(document).ready(function(){
	
	swapSections( $("li.dashboardBtn").children("a"), "currentModule" );//set default section
	generateSprites(".nav", "current-", true, 300, "fade");//set up navigation
	
	swapSections( $("li.keyFeaturesBtn").children("a"), "currentInformational" );//set default subsection
	generateSprites(".subnav", "current-", true, 300, "fade");//set up navigation
	
	
	$(".nav #inquiriesBtn").click(function(){
		$(".subnav .inquiriesBtn").click();
		var targetOffset = $(".subnav .inquiriesBtn a").offset().top;
		//alert(targetOffset);
		$('html,body').animate({scrollTop: targetOffset}, {duration: 1000, easing: "easeInOutQuad"});
		return false;
	});
	
});


/*

	-- -- -- -- -- -- --
	css sprites 2
	nav behaviour
	(modified)

	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
*/

function generateSprites(parent, selectedPrefix, setActive, hoverSpeed, style) {
	var parentClass = $(parent).attr("class");
	$(parent).children("li:not(#inquiriesBtn)").each(function() {
		var myClass = ($(this).attr("class"));
		//alert(myClass);
		var current = parent.substring(1) + " current-" + ($(this).attr("class"));
		attachNavEvents(parent, myClass, setActive, hoverSpeed, style);
		
		$(this).children("a").css({backgroundImage:"none"});
		
		//hide content section associated with each li
		var childLink = $(this).children("a");
		var childHREF = $(childLink).attr("href");
		if( $(childHREF).hasClass("currentModule") || $(childHREF).hasClass("currentInformational")  ){
			$(childHREF).css({display:"none"}).fadeIn(500);			  
		}else{
			$(childHREF).css({display:"none"});
		}

	});
}


function attachNavEvents(parent, myClass, setActive, hoverSpeed, style) {
	var parentClass = $(parent).attr("class").split(" ")[0];
	//alert(parentClass);
	$(parent + " ." + myClass).mouseover(function() {
		$(this).append('<div class="' + parentClass + '-' + myClass + '"></div>');
		if (style == "slide") {
			$('div.' + parentClass + '-' + myClass).css({display:"none"}).slideDown(hoverSpeed);
		} else {
			$('div.' + parentClass + '-' + myClass).css({display:"none"}).fadeIn(hoverSpeed);
		}
	}).mouseout(function() {
		if (style == "slide") {
			$('div.' + parentClass + '-' + myClass).slideUp(hoverSpeed, function() {
				$(this).remove();
			});
		} else {
			$('div.' + parentClass + '-' + myClass).fadeOut(hoverSpeed, function() {
				$(this).remove();
			});
		}
	});

	if (setActive) {
		$(parent + " ." + myClass).click(function() {
			$('div.' + parentClass + '-' + myClass + "-click").attr("class", parentClass + '-' + myClass);
			$(parent).attr("class", parentClass + ' current-' + myClass);
			//swapSections( $(this).children("a"), "currentModule"  );
			
			
			if( parentClass == "nav" ){
				swapSections( $(this).children("a"), "currentModule"  );
			}else if( parentClass =="subnav" ){
				swapSections( $(this).children("a"), "currentInformational"  );
			}
			return false;
		});
	}
}


/*

	-- -- -- -- -- -- --
	end css sprites 2
	-- -- -- -- -- -- --
	
*/

function swapSections(theLink,activeClass){
	var linkTarg = $(theLink).attr("href");
	//skip if clicking button that's already active
	if( $(linkTarg).hasClass(activeClass) ) return;
	//first, fade out current module if it exists
	$("." + activeClass).fadeOut(500);
	$("." + activeClass).removeClass(activeClass);
	
	//second, assign new current module and fade it in
	$(linkTarg).addClass(activeClass);
	$(linkTarg).fadeIn(500);
}






