var currentImageUrl = null;
var selectedImageUrl = null;
var selectedThumb = null;

function mouseOverImage(url) {
	if(currentImageUrl == url) return;
	document.getElementById("selectedImg").innerHTML="<img width=\"320\" src=\"" + url + "\" />";
	currentImageUrl = url;
}

function mouseOutImage() {
	if(currentImageUrl == null) return;
	currentImageUrl = null;
	if(selectedImageUrl == null) {
		document.getElementById("selectedImg").innerHTML="<span style=\"font-size: 16px; border: 0; line-height: 350px;\">Select an image from the right.</span>";
	}
	else {
		document.getElementById("selectedImg").innerHTML="<img width=\"320\" src=\"" + selectedImageUrl + "\" />";
	}
}

function clickImage(thumbId) {
	if(currentImageUrl == null) return;
	document.getElementById("selectedImg").innerHTML="<img width=\"320\" src=\"" + currentImageUrl + "\" />";
	selectedImageUrl = currentImageUrl;
	document.form1.image.value=currentImageUrl;	
	
	if(selectedThumb != null) {
		selectedThumb.setAttribute("class", "");
		selectedThumb.setAttribute("className", "");
	}
	
	selectedThumb = document.getElementById("img" + thumbId);
	
	selectedThumb.setAttribute("class", "selectedThumb");
	selectedThumb.setAttribute("className", "selectedThumb");  //IE 
	
	document.getElementById("selection_text").innerHTML= getImageName(selectedImageUrl) + " selected.";
	
}

function resetImageSelector() {
	currentImageUrl = null;
	selectedImageUrl = null;
	selectedThumb = null;
}


function getImageName(url) {
	if(url == null) return "";
	
	var name = url;
	var n = url.lastIndexOf("/"); 
	if(n > 0) name = url.substring(n+1);
	
	n = name.lastIndexOf(".");
	if(n > 0) name = name.substring(0, n);
	return name;

}