//disjointed rollover function starting point

function overLi(color,object, curSelected){
	//make a variable and assign the hovered id to it
	var elid = $(object).attr('id');
	$(object).prev("li").css({'border-bottom':'1px dotted ' + color });
	if(curSelected != ''){$("div#featureClick a").removeClass("cur");}
	$("#" + elid + " a").addClass("cur");
	if(elid != "featureVer-5" && elid != "featureHor-5"){$(object).css({'border-bottom':'1px dotted ' + color });}	
	switch(elid){
		case "featureHor-1":
			elid="featureHor-1a";
		break
		case "featureHor-2":
			elid="featureHor-2b";
		break
		case "featureHor-3":
			elid="featureHor-3c";
		break
		case "featureHor-4":
			elid="featureHor-4d";
		break
		case "featureHor-5":
			elid="featureHor-5e";
		break
		case "featureVer-1":
			elid="featureVer-1a";
		break
		case "featureVer-2":
			elid="featureVer-2b";
		break
		case "featureVer-3":
			elid="featureVer-3c";
		break
		case "featureVer-4":
			elid="featureVer-4d";
		break
		case "featureVer-5":
			elid="featureVer-5e";
		break
	}
	//hide the image currently there
	$("div#bannerImages div").hide();
	//fade in the image with the same id as the selected buttom
	$("div#bannerImages div#" + elid + "").fadeIn("slow");
}

function offLi(color, object,curSelected){
	var elid = $(object).attr('id');
	if(curSelected != ''){$("#"+curSelected + " a").addClass("cur");}
//	if(elid != curSelected){
//		$("#" + elid + " a").removeClass("cur");
//	}
	$(object).prev("li").css({'border-bottom':'1px dotted ' + color });
	if(elid != "featureHor-5" && elid != "featureVer-5"){$(object).css({'border-bottom':'1px dotted ' + color });}
}