interactiveNavBar = function(_navID,_rolloverPostFix){
	this.navID = document.getElementById(_navID);
	this.rolloverPostFix = _rolloverPostFix;
	this.elementArray = new Array();
	this.noElements = 0;
	this.elementArray = this.navID.getElementsByTagName("li");
	this.noElements = this.elementArray.length;
	this.setUpElements();
}



interactiveNavBar.prototype.setUpElements = function(){
	for(var i=0;i<this.noElements;i++){
		if(this.elementArray[i].className != "selected")
		{
			var _f = this.elementArray[i].getElementsByTagName("img"); 
			var _chop = _f[0].src.substring(_f[0].src.length,(_f[0].src.length -4)); // this is appended to the end
			_f[0].origSRC = _f[0].src;
			_f[0].targetSRC = _f[0].src.substring(0,(_f[0].src.length -4)) + this.rolloverPostFix + _chop;
			_f[0].onmouseover = function(){
					this.src = this.targetSRC;
			}//end event
			_f[0].onmouseout = function(){
					this.src = this.origSRC;
			}//end event
		}//end if
		}//end for
}//end function



initiateRollovers = function(){
	var navBar = new interactiveNavBar(navID,rolloverPostFix)
}

addLoadEvent(initiateRollovers);