function ImageContainer(name){
	this.Name = name;
}


function ImageContain_Register(name, src){
	var image = new Image();
	image.src = src;
	if(!this[name])
	{
		this[name] = image;
	}
	else
	{
		alert("Already registered image name " + name);
	}
}


ImageContainer.prototype.Register = ImageContain_Register;

var m_NavImages = new ImageContainer("navigation");

function PreloadImages(){
	if(document.images){
		m_NavImages.Register("home-off",dirLevelModifier + "img/nav-home-off.gif");
		m_NavImages.Register("home-on",dirLevelModifier + "img/nav-home-on.gif");
		m_NavImages.Register("weddings-off",dirLevelModifier + "img/nav-weddings-off.gif");
		m_NavImages.Register("weddings-on",dirLevelModifier + "img/nav-weddings-on.gif");
		m_NavImages.Register("gardens-off",dirLevelModifier + "img/nav-gardens-off.gif");
		m_NavImages.Register("gardens-on",dirLevelModifier + "img/nav-gardens-on.gif");
		m_NavImages.Register("personal-off",dirLevelModifier + "img/nav-personal-off.gif");
		m_NavImages.Register("personal-on",dirLevelModifier + "img/nav-personal-on.gif");
		m_NavImages.Register("info-off",dirLevelModifier + "img/nav-info-off.gif");
		m_NavImages.Register("info-on",dirLevelModifier + "img/nav-info-on.gif");
		m_NavImages.Register("gallery-prev-off",dirLevelModifier + "img/nav-gallery-prev-off.gif");
		m_NavImages.Register("gallery-prev-on",dirLevelModifier + "img/nav-gallery-prev-on.gif");
		m_NavImages.Register("gallery-next-off",dirLevelModifier + "img/nav-gallery-next-off.gif");
		m_NavImages.Register("gallery-next-on",dirLevelModifier + "img/nav-gallery-next-on.gif");
	}
}

function SwapNavImage(cellId,imageId,name){
	var navCell = GetElement(cellId);
	var image = GetElement(imageId);
	if(navCell){
		if(navCell.className == "nav-cell-over"){
			navCell.className = "nav-cell";
		}else{
			navCell.className = "nav-cell-over";
		}
	}
	if(image){		
		if(m_NavImages[name]){
			image.src = m_NavImages[name].src;
		}
	}
	return;
}

function GetElement(id){
	var object = null;
	if(id){
		if( document.layers ) {   
			object = document.layers[id];
		} else if( document.all ) {
			object = document.all[id];
		} else if( document.getElementById ) {
			object = document.getElementById(id);
		}
	}
	return object;
}

PreloadImages();