var matrixElements = new Object();
var onElement = '';
var largeShadeImg = new Image();
var mainForm = null;

function imgOnLoadHandler(oImageName){
	matrixElements[oImageName] = new String(oImageName);
	var thisLayer = null;
	if (!bw.ns4) {
		thisLayer = new elcLayer(oImageName);
	}
	matrixElements[oImageName].layer = thisLayer;
}

function onclickHandler(oLayerName){
	if (!bw.ns4) {
		var borderOnColor = '#b7b6b5';
		var borderOffColor = '#ffffff';
		var onElementName;
		onElementName = matrixElements[onElement];
		if (typeof onElementName == "object" && typeof onElementName.layer == "object"){
			onElementName.layer.css.borderLeftColor='#ffffff';
			onElementName.layer.css.borderRightColor='#ffffff';
			onElementName.layer.css.borderTopColor='#ffffff';
			onElementName.layer.css.borderBottomColor='#ffffff';
		}

		var thisLayerName = matrixElements[oLayerName];
		thisLayerName.layer.css.borderLeftColor='#b7b6b5';
		thisLayerName.layer.css.borderRightColor='#b7b6b5';
		thisLayerName.layer.css.borderTopColor='#b7b6b5';
		thisLayerName.layer.css.borderBottomColor='#b7b6b5';

		onElement = oLayerName;
	}
	shadeSelect(oLayerName);
	return false;
}

function shadeSelect(oLayerName,bForcedLoad){
	var shadeElement = shadeElements[oLayerName];
	var innerHTML = '';
	var debugString = '';

	mainForm = (bw.dom)?document.getElementById('prodform'):(bw.ie4)?document.form['prodform']:(bw.ns4)?window.document.layers.ModuleWrapper.document.prodform:null;

	if (typeof shadeElement == "object") {
		debugString += 'sku_id: ' + shadeElement.skuId + ' shadeName: ' + shadeElement.shadeName + ' image: ' + shadeElement.shadeImageHtml + ' popup url: ' + shadeElement.shadePopupUrl + '\n';
		largeShadeImg.src = shadeElement.largeImagePath;
		var shadeDiv, shadeNameDiv;
		shadeNameDiv = bw.dom?document.getElementById('mainshadename'):bw.ie4?document.all['mainshadename']:bw.ns4?window.document.layers.ModuleWrapper.document.layers.mainshadename:null;
		shadeDiv = bw.dom?document.getElementById('mainshade'):bw.ie4?document.all['mainshade']:bw.ns4?window.document.layers.ModuleWrapper.document.layers.mainshade:null;

		if (bw.ns4) {
			shadeNameDiv.document.open();
			shadeNameDiv.document.write( shadeElement.shadeNameHTML );
			shadeNameDiv.document.close();
			shadeDiv.document.open();
			shadeDiv.document.write( shadeElement.innerHTML );
			shadeDiv.document.close();
		} else {
			shadeNameDiv.innerHTML = shadeElement.shadeNameHTML;
			shadeDiv.innerHTML = shadeElement.innerHTML;
		}

		/* update main form */
		mainForm.product_id.value = shadeElement.productId;
		mainForm.sku_id.value = shadeElement.skuId;
		mainForm.ssid.value = shadeElement.ssId;
/* syndicated? we need quantities */
//		mainForm.qty.value = "";
	}
}

function doAddCart(){
	var mainForm = elcForm('prodform');
	mainForm.submit();
}