// JavaScript Document

function homeFeature() {
	
	//Preload feature navigation buttons
	var nav1 = new Image();
	nav1.src = "/maui/images/home/feature/nav1.jpg";
	var nav1_hover = new Image();
	nav1_hover.src = "/maui/images/home/feature/nav1_hover.jpg";
	var nav1_current = new Image();
	nav1_current.src = "/maui/images/home/feature/nav1_current.jpg";
	var nav2 = new Image();
	nav2.src = "/maui/images/home/feature/nav2.jpg";
	var nav2_hover = new Image();
	nav2_hover.src = "/maui/images/home/feature/nav2_hover.jpg";
	var nav2_current = new Image();
	nav2_current.src = "/maui/images/home/feature/nav2_current.jpg";
	var nav3 = new Image();
	nav3.src = "/maui/images/home/feature/nav3.jpg";
	var nav3_hover = new Image();
	nav3_hover.src = "/maui/images/home/feature/nav3_hover.jpg";
	var nav3_current = new Image();
	nav3_current.src = "/maui/images/home/feature/nav3_current.jpg";
	var nav4 = new Image();
	nav4.src = "/maui/images/home/feature/nav4.jpg";
	var nav4_hover = new Image();
	nav4_hover.src = "/maui/images/home/feature/nav4_hover.jpg";
	var nav4_current = new Image();
	nav4_current.src = "/maui/images/home/feature/nav4_current.jpg";
	var nav5 = new Image();
	nav5.src = "/maui/images/home/feature/nav5.jpg";
	var nav5_hover = new Image();
	nav5_hover.src = "/maui/images/home/feature/nav5_hover.jpg";
	var nav5_current = new Image();
	nav5_current.src = "/maui/images/home/feature/nav5_current.jpg";
	
	var learn_more = new Image();
	learn_more.src = "/maui/images/home/feature/learn_more.jpg";
	var learn_more_hover = new Image();
	learn_more_hover.src = "/maui/images/home/feature/learn_more_hover.jpg";
	
	
	$("#navItem1").hover(function() {swapImageNav("#navItem1",nav1_hover);},function() {swapImageNav("#navItem1",nav1);});
	$("#navItem2").hover(function() {swapImageNav("#navItem2",nav2_hover);},function() {swapImageNav("#navItem2",nav2);});
	$("#navItem3").hover(function() {swapImageNav("#navItem3",nav3_hover);},function() {swapImageNav("#navItem3",nav3);});
	$("#navItem4").hover(function() {swapImageNav("#navItem4",nav4_hover);},function() {swapImageNav("#navItem4",nav4);});
	$("#navItem5").hover(function() {swapImageNav("#navItem5",nav5_hover);},function() {swapImageNav("#navItem5",nav5);});
	
	$(".learnMore").hover(function() {swapImage(".learnMore",learn_more_hover);},function() {swapImage(".learnMore",learn_more);});
	
	$("#navItem1").click(function() {showFeature("1");});
	$("#navItem2").click(function() {showFeature("2");});
	$("#navItem3").click(function() {showFeature("3");});
	$("#navItem4").click(function() {showFeature("4");});
	$("#navItem5").click(function() {showFeature("5");});
	
}

function swapImageNav(id,newImage) {
	if(!$(id).hasClass("current")) {
		$(id).find(".preview").attr("src",newImage.src);
	}
}

function swapImage(id,newImage) {
	if(!$(id).hasClass("current")) {
		$(id).attr("src",newImage.src);	
	}
}

function showFeature(num) {

	for(i=1;i<6;i++) 
	{
		if(i!=num) {
			$("#f" + i).css("display","none");
			$("#navItem" + i).find(".preview").attr("src","/maui/images/home/feature/nav" + i + ".jpg");
			$("#navItem" + i).removeClass("current");
			$("#navItem" + i).find(".text").css("color","#1f5281");
		}
		else 
		{
			$("#f" + i).fadeIn("normal");
			$("#navItem" + i).find(".preview").attr("src","/maui/images/home/feature/nav" + i + "_current.jpg");
			$("#navItem" + i).addClass("current");
			$("#navItem" + i).find(".text").css("color","#999999");
		}
	}
	
}