var navBarAnim = {

	prevStyleClass: null,
	
	swapImg: function(imgObj, imgState)
	{
		imgSrc = imgObj.src;
		switch(imgState)
		{
			case 'over':
				//store current image state before swapping
				this.imgSrc = imgObj.src;
				imgSrc=imgSrc.replace(/On.gif|Off.gif/,"Over.gif");
				break;

			case 'out':
				if(this.imgSrc !=null && this.imgSrc.indexOf('On.gif')>-1)
				{
					imgSrc=imgSrc.replace(/Over.gif/,"On.gif");
				}
				else
				{
					imgSrc=imgSrc.replace(/Over.gif/,"Off.gif");
				}
				break;
		}
		imgObj.src = imgSrc;
	},
	
	swapStyleClass: function(htmlObjId, styleClass)
	{
		var htmlObj = document.getElementById(htmlObjId);							
		var currentStyleClass = htmlObj.className;
		
		switch(styleClass)
		{
			case 'over':
				//store current styleClass state before swapping
				this.prevStyleClass = htmlObj.className;
				currentStyleClass=currentStyleClass.replace(/Highlight|Off/,"Over");
				break;

			case 'out':
				if(this.prevStyleClass !=null && this.prevStyleClass.indexOf('Highlight')>-1)
				{
					currentStyleClass=currentStyleClass.replace(/Over/,"Highlight");
				}
				else
				{
					currentStyleClass=currentStyleClass.replace(/Over/,"Off");
				}
				break;
		}
		htmlObj.className = currentStyleClass;
	},
	
	showDiv: function(divObjId)
	{
		$(divObjId).style.visibility="visible";
	},

	hideDiv: function(divObjId)
	{
		$(divObjId).style.visibility="hidden";
	}

}