pic1= new Image(112,24); 
pic1.src="images/communities-on.gif"; 

pic2= new Image(136,24); 
pic2.src="images/community-map-on.gif"; 

pic3= new Image(178,24); 
pic3.src="images/community-newsletter-on.gif"; 

pic4= new Image(94,24); 
pic4.src="images/contact-us-on.gif"; 

pic5= new Image(62,24); 
pic5.src="images/home-on.gif"; 

pic6= new Image(145,24); 
pic6.src="images/map-and-directions-on.gif"; 

pic7= new Image(106,24); 
pic7.src="images/our-mission-on.gif"; 

pic8= new Image(148,24); 
pic8.src="images/printable-brochure-on.gif"; 

pic9= new Image(150,24); 
pic9.src="images/resident-resources-on.gif"; 




function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
//		homenav = newImage("images/home-on.jpg");
//		mapdirections = newImage("images/map-and-directions-on.jpg");
		preloadFlag = true;
	}
}

function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
   var obj = document.layers ? document.layers[szDivID] :
   document.getElementById ?  document.getElementById(szDivID).style :
   document.all[szDivID].style;
   obj.visibility = document.layers ? (iState ? "show" : "hide") :
   (iState ? "visible" : "hidden");
}

function toggle1(id) {
document.getElementById(id).style.border="solid 1px #f6f57a";
document.getElementById(id).style.background="url(images/input_bg_focus.gif)";
}
function toggle2(id) {
document.getElementById(id).style.border="solid 1px #7a3273";
document.getElementById(id).style.background="url(images/input_bg.gif)";
}

function requiredOn(i) {
toggle1(i);
if(this.value=='(required)')this.value='';this.style.color='#000';
}
function requiredOff(i) {
toggle2(i);
if(this.value=='(required)')this.value='';this.style.color='#000';
}