	function RolloverImage(strImageName, strImageUrl, strRolloverUrl, element)
	{
		this.On = false;
		this.ImageName = strImageName;
		this.ImageUrl = strImageUrl,
		this.RolloverUrl = strRolloverUrl;
		this.Element = element;
	}

	function RolloverManager() 
	{
		// some private members
		this.images = new Array();
		this.cacheImages = new Array();
		this.cacheRollovers = new Array();
		
		
		// Public methods
		this.AddImage = function(strElementID)
		{
			var elemSelectedControl = document.images[strElementID]; 
			if (elemSelectedControl) 
			{
				var mainImageURL = elemSelectedControl.src;
				var cacheImage = new Image();
				cacheImage.src = mainImageURL;
				this.cacheImages.push(cacheImage);

				var rolloverImageURL = elemSelectedControl.name;
				var splitPoint = mainImageURL.lastIndexOf("/") + 1;
				var context = mainImageURL.substring(0, splitPoint);
				rolloverImageURL = context + rolloverImageURL;
				var cacheRollover = new Image();
				cacheRollover.src = rolloverImageURL;
				this.cacheRollovers.push(cacheRollover);
				elemSelectedControl.onmouseover = function() { 
					elemSelectedControl.src = cacheRollover.src;
				}
				elemSelectedControl.onmouseout = function() {
					elemSelectedControl.src = cacheImage.src;
				}
			} 
			else
			{
				alert("We didn't find " + strElementID);
			}
		}
	}
	

