function initSelect(selectField)
{
	var theSelect = document.getElementById(selectField);
	theSelect.changed = false;
	theSelect.onfocus = selectFocussed;
	theSelect.onchange = selectChanged;
	theSelect.onkeydown = selectKeyed;
	theSelect.onclick = selectClicked;
	
	return true;
}




function selectChanged(theElement)
{
	var theSelect;
	
	if (theElement && theElement.value)
	{
		theSelect = theElement;
	}
	else
	{
		theSelect = this;
	}
	
	if (!theSelect.changed)
	{
		return false;
	}

	ChangeProdImage(img[theSelect.options[theSelect.selectedIndex].value], theSelect.options[theSelect.selectedIndex].value);
	
	return true;
}




function selectClicked()
{
	this.changed = true;
}




function selectFocussed()
{
	this.initValue = this.value;
	
	return true;
}




function selectKeyed(e)
{
	var theEvent;
	var keyCodeTab = "9";
	var keyCodeEnter = "13";
	var keyCodeEsc = "27";
	
	if (e)
	{
		theEvent = e;
	}
	else
	{
		theEvent = event;
	}

	if ((theEvent.keyCode == keyCodeEnter || theEvent.keyCode == keyCodeTab) && this.value != this.initValue)
	{
		this.changed = true;
		selectChanged(this);
	}
	else if (theEvent.keyCode == keyCodeEsc)
	{
		this.value = this.initValue;
	}
	else
	{
		this.changed = false;
	}
	
	return true;
}

function ChangeProdImage(smallImageURL,idOption){

	if (imageURL == undefined){
		return false;
	}

	if (smallImageURL == undefined){
		return false;
	}

	var smallImage		= document.getElementById("smallImage")
	var imageHref		= document.getElementById("imageHref")
	var zoomLayer		= document.getElementById("zoomLayer")

	if (document.getElementById)
		{ // DOM3 = IE5, NS6
		smallImage = document.getElementById("smallImage");
		imageHref = document.getElementById("imageHref");
		zoomLayer = document.getElementById("zoomLayer");
		}
	else
		{
		if (document.layers)
			{ // Netscape 4
			smallImage = document.smallImage;
			imageHref = document.imageHref;
			zoomLayer = document.zoomLayer;
			}
		else
			{ // IE 4
			smallImage = document.all.smallImage;
			imageHref = document.all.imageHref;
			zoomLayer = document.all.zoomLayer;
			}
		}

	smallImage.src = '../ProdImages/' + smallImageURL;
	imageHref.href = 'javascript:openWindow("largeImage.asp?idOption=' + idOption + '")';
	zoomLayer.style.visibility = 'visible';
	largeImage = '../ProdImages/' + imageURL;
}


function onImgLoad(){
document.getElementById("myTest").src = document.getElementById("prodImage").src
}


function changeColor(strNewColor, strImageValue){
	var mySelect = document.getElementsByName("OPTidOption8")(0)
	
	for(i=0; i<mySelect.length; i++){
		//alert(mySelect.options(i).value)
		if (mySelect.options(i).value == strNewColor){
			mySelect.selectedIndex = i
		}
	}
	
	ChangeProdImage('2', strImageValue)	
}


function changeHeight(strNewHeight, strImageValue){
	var mySelect = document.getElementsByName("OPTidOption7")(0)

	for(i=0; i<mySelect.length; i++){
		//alert(mySelect.options(i).value)
		if (mySelect.options(i).value == strNewHeight){
			mySelect.selectedIndex = i
		}
	}
	
	ChangeProdImage('1', strImageValue)	
}



function changeTop(strNewTop, strImageValue){
	var mySelect = document.getElementsByName("OPTidOption6")(0)

	for(i=0; i<mySelect.length; i++){
		//alert(mySelect.options(i).value)
		if (mySelect.options(i).value == strNewTop){
			mySelect.selectedIndex = i
		}
	}
	
	ChangeProdImage('3', strImageValue)	
}