window.onload = setupNav;

function setupNav() {

	if (document.images) {

  		aboutpic = new Image(87,28); 
  		aboutpic.src = "/images/nav/aboutglow.gif"; 

  		servicespic = new Image(114,28); 
  		servicespic.src = "/images/nav/servicesglow.gif"; 

		approachpic = new Image(128,28);
                approachpic.src = "/images/nav/approachglow.gif";

		clientspic = new Image(106,28);
                clientspic.src = "/images/nav/clientsglow.gif";

		contactpic = new Image(104,28);
                contactpic.src = "/images/nav/contactglow.gif";
	}


	navsections = Array('about','services','approach','clients','contact');

	for (i=0; i < navsections.length; i++) {
		this_section = navsections[i];
		document.getElementById(this_section).onmouseover = rollOver;
		document.getElementById(this_section).onmouseout = clearRollOver;
	}
}

function rollOver() {

	navname = this.id;
	imagepath = '/images/nav/';
	imageurl = imagepath + navname + 'glow.gif';
	this.style.backgroundImage = "url(" + imageurl + ")";

}

function clearRollOver() {

        navname = this.id;
        imagepath = '/images/nav/';
        imageurl = imagepath + navname + 'normal.gif';
        this.style.backgroundImage = "url(" + imageurl + ")";

}