var myDynImages;
var myVisibleDynImage;
var myIconImages;

function getDynamicImages() {
	var docContainer = document.getElementById("dynamicImageRight");
	if(docContainer!="") {
		myDynImages = docContainer.getElementsByTagName("IMG");
		myVisibleDynImage = myDynImages[0];
		for(i=0;i<myDynImages.length;i++) {
			myDynImages[i].id = "dynamicImage"+i;
			if(i>0) {
				myDynImages[i].className+=" dynamicImageHidden";
			}
		}
	}
}

function getImagesInSelector() {
	var iconContainer = document.getElementById("dynamicImageSelector");
	myIconImages = iconContainer.getElementsByTagName("IMG");
	for(i=0;i<myIconImages.length;i++) {
		myIconImages[i].id = "icon"+i;
		myIconImages[i].className+=" dynamicIcon";
		myIconImages[i].onmousedown = selectDynImage;
		myIconImages[i].onmouseover = hoverDynImage;
		myIconImages[i].onmouseout = mouseoutDynImage;
		
	}

}

function hideAllDynImages()  {
	var docContainer = document.getElementById("dynamicImageRight");
	if(docContainer!="") {
		myDynImages = docContainer.getElementsByTagName("IMG");
		myVisibleDynImage = myDynImages[0];
		for(i=0;i<myDynImages.length;i++) {
			myDynImages[i].id = "dynamicImage"+i;
			myDynImages[i].className+=" dynamicImageHidden";
		}
	}
}

function resetAllSelectorImages()  {
	var docContainer = document.getElementById("dynamicImageSelector");
	if(docContainer!="") {
		myDynIcons = docContainer.getElementsByTagName("IMG");
		for(i=0;i<myDynIcons.length;i++) {
			myDynIcons[i].className="contentImage dynamicIcon";
		}
	}
	
}

function hoverDynImage() {
	if(this.className.indexOf("dynamicIconChosen")==-1) {
		this.className="contentImage dynamicIconOver";
	}
}

function mouseoutDynImage() {
	if(this.className.indexOf("dynamicIconChosen")==-1) {
		this.className="contentImage dynamicIcon";
	}
}


function selectDynImage() {
	hideAllDynImages();
	resetAllSelectorImages();
	this.className="contentImage dynamicIconChosen";
	selectedImageId = this.id;
	selectedImageId = selectedImageId.substring(4); 
	if(selectedImageId<=myDynImages.length) {
		myDynImages[selectedImageId].className = "contentImage";
	}
}