//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 });
	}
}