var init = true;
function debug (debugValue) {
//	alert(debugValue);
}

String.prototype.trim = function() {
	return this.replace(/^\s+|\s+$/g,"");
}
String.prototype.ltrim = function() {
	return this.replace(/^\s+/,"");
}
String.prototype.rtrim = function() {
	return this.replace(/\s+$/,"");
}

// The SKU item object
function AlternativeImage (name, altText, smallImage, largeImage, hugeImage) {
	this.name = name;
	this.altText = altText;
	this.smallImage = smallImage;
	this.largeImage = largeImage;
	this.hugeImage = hugeImage;
}

AlternativeImage.prototype.getName = function() {return this.name;};
AlternativeImage.prototype.getAltText = function() {return this.altText;};
AlternativeImage.prototype.getLargeImage = function() {return this.largeImage;};
AlternativeImage.prototype.getHugeImage = function() {return this.hugeImage;};
AlternativeImage.prototype.getSmallImage = function() {return this.smallImage;};

function SkuAlternativeImages () {
	this.array = new Array();
}

SkuAlternativeImages.prototype.put = function( alternativeImage ) {
    if( ( typeof alternativeImage != "undefined" ) ) {
        this.array[this.array.length] = alternativeImage;
    }
}

function Price (nowPrice, wasPrice, savingPercentage, savingAmount, showWasPricePercentage, showWasPriceAmount ) {
	this.nowPrice = nowPrice;
	this.wasPrice = wasPrice;
	this.savingAmount = savingAmount;
	this.savingPercentage = savingPercentage;
	this.showWasPricePercentage = showWasPricePercentage;
	this.showWasPriceAmount = showWasPriceAmount;
}

Price.prototype.getNowPrice = function() {return this.nowPrice;};
Price.prototype.getWasPrice = function() {return this.wasPrice;};
Price.prototype.getSavingAmount = function() {return this.savingAmount;};
Price.prototype.getSavingPercentage = function() {return this.savingPercentage;};
Price.prototype.getShowWasPricePercentage = function() {return this.showWasPricePercentage;};
Price.prototype.getShowWasPriceAmount = function() {return this.showWasPriceAmount;};

function SkuSettings (price, alternativeImages) {
	this.alternativeImages = alternativeImages;
	this.price = price;
}

SkuSettings.prototype.getPrice = function() {return this.price;};
SkuSettings.prototype.getAlternativeImages = function() {this.alternativeImages;};

//SkuSettings.prototype.put = function(alternativeImages, prices);

// KeyValue - Defines the keys for our hashmap
function KeyValue( key, value) {
    this.key = key;
    this.value = value;
}

// Map - defines the hash map array
function Map() {
    this.array = new Array();
}

Map.prototype.put = function( key, value ) {
    if( ( typeof key != "undefined" ) && ( typeof value != "undefined" ) ) {
        this.array[this.array.length] = new KeyValue( key, value);
    }
}

Map.prototype.get = function( key ) {

	debug("map.get('" + key + "')");
    for( var k = 0 ; k < this.array.length ; k++ ) {
    	//debug("checking specified key[" + key + "] against stored key[" + this.array[k].key + "]");
        if( this.array[k].key == key ) {
	    	debug("found specified key[" + key + "]");
            return this.array[k].value;
        }
    }
    return "";
}

Map.prototype.length = function() {
    return this.array.length;
}

// On initial load we re move the options from the sub-options until user has selected previous option
function initOptions(multipleProducts) {

	// reset the diouble click variable
	
	// If this is a page with multiple products then we need to ensure we set all possible dropdowns
	var maxNoOfProducts = 1;
	var maxNoOfOptions = 10;
	var displayPriceLabel  = true;
	if (multipleProducts) {
		maxNoOfProducts = 10;
		displayPriceLabel  = false;
	}

	// Iterate through each product on the page (Assumes max of 10 for say a bundle/quick shop page)
	for (prodIdx = 0; prodIdx < maxNoOfProducts; prodIdx++) {
		var productPrefix = "";
		if (maxNoOfProducts > 1) {
			productPrefix = "p" + prodIdx;
		}

		var lastSelectedId  = "";	
		var lastSelectedElement  = "";	
		var lastSelectedOptionNo = 0;
		
		var selectedElementArry = new Array();	 
		var selectedElementValueArry = new Array();	 
		
		var previousSelected = false;
		// Iterate through each drop down box and check if it has a selected option
		for (initIdx = 1; initIdx <= maxNoOfOptions; initIdx++) {
			var elementId = productPrefix + "attrValue" + (initIdx);		
			
			if (document.getElementById(elementId)) {
				var definingOption = document.getElementById(elementId);
				if (definingOption != "undefined") {
					// If the dropdown is selected then we need to ensure it is sorted
					var selIndex = definingOption.selectedIndex;

					//alert("init opts selValue=" + selValue);
					if (selIndex > 0) {
						
						var selValue = definingOption.options[selIndex].value;
						//sortSelect(definingOption, true);
						previousSelected = true;						
						lastSelectedId = productPrefix;
						lastSelectedElement = definingOption;
						lastSelectedOptionNo = initIdx;
						
						// Ensure the correct option is still selected
					    for (var loop=1; loop<definingOption.options.length; loop++) {
					    	if (selValue === definingOption.options[loop].value) {
					    		definingOption.selectedIndex = loop;
								// Due to how the browser renders this on a refresh, we have encode the values back again
								definingOption.options[loop].value = definingOption.options[loop].value.replace(/&/gi,'&amp;');
								//alert("in init:"+definingOption.options[loop].value);		
								selectedElementArry[initIdx] = lastSelectedElement;
								selectedElementValueArry[initIdx] = selValue;						
					        }
					    }
					} else {
						if (initIdx==1 || previousSelected) {
							// Lets sort the current drop down 
							//sortSelect(definingOption, true);
						} else {
						//	definingOption.length = 1; // We always leave the default option around
							//	definingOption.disabled="true";				
							//$(definingOption).children().attr('disabled', 'disabled');
							
						}
						previousSelected = false; // This option has not been selected yet so preven tsubsequent options from being enabled
					}
				}
			} else {
				//debug ("Reached end of attributes");
				initIdx = maxNoOfOptions + 1;
			}		

		}

		// Save the default price details for use later
		var priceElementId = 'priceelement' + productPrefix;	
		if (document.getElementById(priceElementId)) {
			defaultPriceDetails.put(priceElementId.toUpperCase(), document.getElementById(priceElementId).innerHTML);
		}

		// Now that we have reselected all required options we need to ensure the correct price is shown using the last selected options
		// but only if a option selected
		
		if (previousSelected) {
			for(ii=1; ii < selectedElementArry.length +1; ii++){
				if(selectedElementArry[ii] != null){
					var element1 = selectedElementArry[ii]
					if(element1 != null){
			    		switchSkuSettings(document.OrderItemAddForm, element1, lastSelectedId, ii, true);
			    		for(j=ii+1; j< selectedElementArry.length +1; j++){
			    			var element = selectedElementArry[j];
			    			if(element != null){
				    			for(k=0; k<element.options.length; k++){
				    				if(element.options[k].value == selectedElementValueArry[j]){
				    					element.options[k].selected = true;
				    				}
				    			}
			    			}
			    		}
		    		}
		    	}
		    }
		}
		
		

	}
	
	init = false;
}

function validateSelectedOptions (aForm, multipleProducts) {

	var maxNoOfProducts = 1;
	var maxNoOfOptions = 10;
	if (multipleProducts) {
		maxNoOfProducts = 10;
	}
	
	for (prodIdx = 1; prodIdx <= maxNoOfProducts; prodIdx++) {
		var productPrefix = "";
		if (maxNoOfProducts > 1) {
			productPrefix = "p" + prodIdx;
		}

		// Only validate if the add checkbox is present and set or noty present at all 
		var checkBoxId = productPrefix + "_selected";
		var bValidate=true;
		if (document.getElementById(checkBoxId)) {
			var includeProduct = document.getElementById(checkBoxId);
			if (!includeProduct.checked) {
				bValidate=false;
			}
		}
		
		if (bValidate) {
		for (i = 1; i <= maxNoOfOptions; i++) {
				var elementId = productPrefix + "attrValue" + (i);
				if (document.getElementById(elementId)) {
					var definingOption = document.getElementById(elementId);
					if (definingOption !== "undefined") {
						var selIndex = definingOption.selectedIndex;
						var errorText = definingOption.options[0].text + " " + definingOption.options[0].value;
						if (selIndex <= 0) {
							alert(errorText);
							return false;
						}
					}
				} else {
					i = maxNoOfOptions + 1;
				}		
			}		
		}
	}

	return true;
}

function handleSpecialChars(selValue){
	//handle encoded ampersand followed by eol
	var ampIdx=selValue.search(/\&amp;$/g);
	while(ampIdx>=0){
		selValue=insertString(selValue, ampIdx+5, "amp;");
		ampIdx=selValue.search(/\&amp;$/g);
	}
	//handle encoded ampersand followed by whitespace
	ampIdx=selValue.search(/\&amp;[\s\&]/g);
	while(ampIdx>=0){
		selValue=insertString(selValue, ampIdx+5, "amp;");
		ampIdx=selValue.search(/\&amp;[\s\&]/g);
	}						
	//handle non-ampersand special characters
	ampIdx=selValue.search(/\&[^(amp;)].*/g);
	while(ampIdx>=0){
		selValue=insertString(selValue, ampIdx+1, "amp;");
		ampIdx=selValue.search(/\&[^(amp;)]/g);
	}
	return selValue;
}
	
function insertString(origString, insertPos, insertStr) {
	var firstPart=origString.substring(0, insertPos);
	firstPart=firstPart+insertStr;
	var secondPart=origString.substring(insertPos);
	return firstPart+secondPart;
}
function getRightKeyValue(keyValue,optionNumber){
   if(keyValue=="undefined" || keyValue==null || keyValue ==""){
       return "";
   }
   var testMap = map;
   //if try to retrieve the data for the first option, we should retrieve the data from optionMap
   if(optionNumber == 1){
      testMap = optionValueMap;
   }
   var skuSettingsTmp = testMap.get(keyValue);
   if(skuSettingsTmp != "undefined" && skuSettingsTmp != null && skuSettingsTmp!=""){
       return keyValue;
   }
   var keyValue1 = keyValue.replace(/"/gi,'&#034;');
   keyValue1 = keyValue1.replace(/'/gi,"&#039;");		   
   skuSettingsTmp = testMap.get(keyValue1);
   if(skuSettingsTmp != "undefined" && skuSettingsTmp != null && skuSettingsTmp!=""){       
       return keyValue1;			           			       
   }
   var keyValue2 = handleSpecialChars(keyValue);
   skuSettingsTmp = testMap.get(keyValue2);
   if(skuSettingsTmp != "undefined" && skuSettingsTmp != null && skuSettingsTmp!=""){
       return keyValue2;			           			       
   }
   return keyValue;
}
// Thios function changes the images and prices
// based upon the selected options
function switchSkuSettings( aForm, aField, keyPrefix, optionNumber, displayPriceLabel) {
	//debug ("In switchSkuSettings....");
	//alert("element3 _prodtype=" + document.OrderItemAddForm._prodtype.value);	
	
	// We build up a key value based upon all the definining attributes selected
	// TODO We assume max of 10 defining attributes at this stage, need to make this more generic
	var keyValue = "";
	var allOptionsSelected = true;
	var previousOptionSelected = true;
	var firstOptionValue = "";
	var prodtype = document.OrderItemAddForm._prodtype.value;
	//alert(prodtype);
	// For the current product on the page (support Product Display/ Bundle and Quick Shop so may be more thasn 1 product)
	// Check if all the options are selected and chaneg the price and image for the selected sku as necessary
	// We locate each select field named attrValue for the current product on the page and check if they are all selected
	for (i = 0; i <= 10; i++) {
		var elementId = keyPrefix + "attrValue" + (i+1);
		//debug("checking for element:" + elementId);
		
		if (document.getElementById(elementId)) {
			var definingOption = document.getElementById(elementId);
			if (definingOption !== "undefined") {
				//debug ("found attribute " + elementId);
		
				if (eval((i+1) > optionNumber)) {
					// We have gone past the options that was selected so we need to reset this option
					definingOption.selectedIndex = 0;
				} 
				var selIndex = definingOption.selectedIndex;
				var selValue = definingOption.options[selIndex].value;
				
				//alert("selectedIndex:" + selIndex + " selValue=" + selValue);			
				if (selIndex <= 0) {
					allOptionsSelected = false;
				} else {
					var selValue = definingOption.options[selIndex].value;
					//var dealedSelValue="";
					// Since the browser will render the values in the drop down by decoded we have to reencode the & character before we look it up
					// We dont reencode if this is called from the initOptions method as the valules will at this point be correct
					if (!init) {
						//alert("init=" + init + " selValue:" + selValue);
						//ampersands need special handling. pad &amp; with another amp;
						//add by Michael Zhou 05/09/08
						//Have no need to do handleSpecialChars(..), because in DynamicProductJavaScriptSetup.jspf
						//The rendered js code just looks like-
						//  map.put("Men&#039;s_Yes", skuSettings);
						//  optionValueMap.put("Men&#039;s", optionValues);
						//there they just use '..&#039;..' as a key. 
						//When did handleSpecialChars(selValue), the key has been changed into '..&amp;#039;..'
						//We must use a consistent key to retrieve the data. I disable the function handleSpecialChars.
					    //add end MZ
					    //need to try more times

						//selValue=handleSpecialChars(selValue);
						//selValue = selValue.replace(/&/gi,'&amp;');
						//dealedSelValue = handleSpecialChars(selValue);
						//alert("selValue:"+selValue +"***dealedSelValue:" +dealedSelValue);
					}
					//alert("selValue=" + selValue);
					//selValue = selValue.replace(/\"/g,'&#034;').replace(/&quot;/gi,'&amp;quot;');
					//selValue = selValue.replace(/\"/g,'&#034;');
					//selValue = selValue.replace(/&amp;/gi,'&amp;amp;');
					//selValue = selValue.replace(/&quot;/gi,'&amp;quot;');
					if (i === 0) {
						firstOptionValue = selValue.rtrim();
					}
					
					if (selValue == "") {
						allOptionsSelected = false;
					} else {
						if (keyValue != "") {
							keyValue = keyValue + "_";
						} else {
							keyValue = keyPrefix;
						}
						keyValue = keyValue + selValue.rtrim();					
						//alert("keyValue=:" + keyValue);
					}
				}
				
                keyValue = getRightKeyValue(keyValue,optionNumber);
                
				// We change the options for the next set of dropdowns if this is the one that has changed
				//debug("About to check " + (i+1) + " > " + optionNumber);
				if (eval((i+1) > optionNumber)) {
					//debug("Lets update the sub options for keyValue:" + keyValue);
					
					if (previousOptionSelected) {
						var subOptions = optionValueMap.get(keyValue);	
						if (subOptions !== "undefined" && subOptions !== null && subOptions != "") {
							//debug("Found sub options");
							definingOption.disabled="";
							//debug("Settings length to " + (subOptions.length+1));
							definingOption.length = subOptions.length+1;
							for (var subIdx = 0; subIdx < subOptions.length ; subIdx++ ) {
							
								currOptText = subOptions[subIdx];
								// replace &amp; twice to cope with the double escaped, "&amp;amp;" situation...
								// NB. this code does not yet cope with &apos; - may need to be added later.
								//currOptText = currOptText.replace(/&amp;/gi, '&');
								//currOptText = currOptText.replace(/&amp;/gi, '&');
								
								//currOptText = currOptText.replace(/&#034;/gi, '"');								
								//currOptText = currOptText.replace(/&quot;/gi,'"');
								
								definingOption.options[subIdx+1].text = currOptText;
								definingOption.options[subIdx+1].value = subOptions[subIdx]; //.replace(/&amp;/gi,'&');
							}							
							//sortSelect(definingOption, true);
						} else {	
							definingOption.length = 1;
							definingOption.disabled="true";
						}
					} else {
						definingOption.length = 1;
						definingOption.disabled="true";
					}
					
					// We are resetting this suboption so we cannot have selected all options
					allOptionsSelected = false;
				}
				
				//debug("current selected index =" + selIndex);
				if (selIndex <= 0) {
					previousOptionSelected = false;
				}
			}
		} else {
			//debug ("Reached end of attributes");
			break;
		}		
	}
	
	var priceElementId = 'priceelement' + keyPrefix;
	
	//alert("switchSkuSettings: looking for priceelement:" + priceElementId + " keyPrefix:" + keyPrefix);
	
	if (allOptionsSelected == true) {
		//alert("tony: switchSkuSettings: Lets find if the images or prices need to be changed using keyValue:" + keyValue);
		var skuSettings = map.get(keyValue);
			
        if (skuSettings === "undefined" || skuSettings === null || skuSettings === "") {
        		// The key values need to be double escaped here such that & -> &amp;amp; and " -> &amp;quot;
        		// NB. there is no functionality for &apos; yet - this may need to be added later.
                //keyValue = keyValue.replace(/&/g,'&amp;');
                //keyValue = keyValue.replace(/&amp;#034;/gi,'&quot;');
                //keyValue = keyValue.replace(/&/g,'&amp;');

				//alert("switchSkuSettings: Lets find if the images or prices need to be changed using converted keyValue:" + keyValue);
				
                skuSettings = map.get(keyValue);
        }
        
        //alert("skuSettings:" + skuSettings);
		if (skuSettings !== "undefined" && skuSettings !== null && skuSettings !== "") {
									
			// default to true if not passed
			if(displayPriceLabel == null) {	
				displayPriceLabel = true; 
			}
			
			// We found the details so let change the price information
			var priceString = "";
			
			var nowLabel = "";
			
				nowLabel = [];
				var selectedAtts = $('li.selectOption.selected label', '#OrderItemAddForm');
				
				if (selectedAtts.length) {
					$('li.selectOption.selected label', '#OrderItemAddForm').each(function(i){
						nowLabel.push($(this).text());
					});
					nowLabel = nowLabel.join(', ');
					
					if (allOptionsSelected) {

					} else {
						nowLabel = nowLabel + ' starts at';
					}
				} 
				
			/*
			if (skuSettings.getPrice().getShowWasPricePercentage() === "true" || skuSettings.getPrice().getShowWasPriceAmount() === "true") {
				nowLabel = "Online&nbsp;Price:";
			}
			*/

			//var isAlwaysHideWasPrice = false;  
			// this is set because the list price range and online price range are the same.
			/*
			if(document.getElementById("alwaysHideWasPrice"))
				isAlwaysHideWasPrice = document.getElementById("alwaysHideWasPrice").value;
			*/
			// zl-20090729 do not always hide - check each item
				
			priceString += '<ul>';
			if (skuSettings.getPrice().getShowWasPricePercentage() === 'true' || skuSettings.getPrice().getShowWasPriceAmount() === 'true' ) {
				// WAS Price
				if (prodtype === 'online'){										
					if(skuSettings.getPrice().getSavingPercentage() > 0 /*&& !isAlwaysHideWasPrice*/){
						priceString += '<li class="productDetailWasPrice wasPrice"><span class="label">List Price:</span><span class="wasprice amount">' + skuSettings.getPrice().getWasPrice() + '</span></li>';
					}
				} else {
					priceString += '<li class="productDetailWasPrice wasPrice"><span class="label">List Price:</span><span class="amount">' + skuSettings.getPrice().getWasPrice() + '</span></li>';
				}
			}
			// add price label if required
			if (prodtype === 'online'){
				priceString += '<li class="productDetailPurchasePrice nowPrice">';
					if(displayPriceLabel) {
						priceString += '<span class="label">' + nowLabel + '</span>';
					} else {
						priceString += '<span class="nowlabel label">' + nowLabel + '</span>';
					}			
					priceString += '<span class="amount">' + skuSettings.getPrice().getNowPrice() + '</span>';
				priceString += '</li>';

				if ((skuSettings.getPrice().getShowWasPricePercentage() === 'true' || skuSettings.getPrice().getShowWasPriceAmount() === 'true') /*&& !isAlwaysHideWasPrice*/) {
					// WAS Price
					//	priceString += '<li class="productDetailWasPrice"><span class="label wasprice">List Price: </span><span class="wasprice amount">' + skuSettings.getPrice().getWasPrice() + '</span></li>';
					// SAVE Percent Price
					if (skuSettings.getPrice().getShowWasPricePercentage() === 'true' ) {
						priceString += '<li class="productDetailSavePercent saving percentage"><span class="label saveuptopercent">You Save: </span><span class="saveuptopercent amount">' + skuSettings.getPrice().getSavingPercentage() + '<sup class="cents">%</sup></span></li>';
					}
					// SAVE Amount Price
					if (skuSettings.getPrice().getShowWasPriceAmount() === 'true' && skuSettings.getPrice().getSavingPercentage() > 0) {					
						priceString += '<li class="productDetailSaveAmount saving"><span class="label saveuptoamount">You Save: </span><span class="saveuptoamount amount">' + skuSettings.getPrice().getSavingAmount() + '</span></li>';
					}
				}
			}
			priceString += '</ul>';
			
			//alert("About to set priceElementId:" + priceElementId + " to " + priceString);
			if (prodtype !== "tempur" && prodtype !== "online"){
				priceString = "";
				if(document.getElementById('priceExist'))
					document.getElementById('priceExist').value="true";				
			}else{
				document.getElementById(priceElementId).innerHTML=priceString;
				document.getElementById(priceElementId).innerHTML=priceString;
				if(document.getElementById('priceExist'))
					document.getElementById('priceExist').value="true";				
			}
		} else {			
			document.getElementById(priceElementId).innerHTML="No price available.";
			if(document.getElementById('priceExist'))
				document.getElementById('priceExist').value="false";
		}
	} else {
		if(document.getElementById('priceExist'))
			document.getElementById('priceExist').value="true";
		document.getElementById(priceElementId).innerHTML=defaultPriceDetails.get(priceElementId.toUpperCase());
	}
	
	// NOw we change the main image if the first option has been selecetd 
	var mainImageElement = document.getElementById("mainimage");
	
	// ID mainimage could be altered by MagicZoom
	var zoomEnabled = false;
	if(mainImageElement==null){
		mainImageElement = document.getElementById("pdlargerimage").childNodes[0];  
		zoomEnabled = true;
		//alert(document.getElementById("pdlargerimage").childNodes[0]);
	}
	
/*	
	if (mainImageElement !== null && mainImageElement !== "undefined") {
        var mainImageLargeLinkElement = document.getElementById("pdlargerimagelink");
        var mainImageLargeImageElement = document.getElementById("pdlargerimage");	
        // For zoom	
        var hugeImageElement = document.getElementById("zoomItemImg")
        if (defaultMainImageSource === "") {
			defaultMainImageSource = mainImageElement.src;
			defaultMainImageAltText = mainImageElement.alt;
			defaultHugeImageSource = hugeImageElement.value;
			//alert(defaultHugeImageSource + "=" + hugeImageElement.value);

			defaultMainImageLargeLinkSource = mainImageLargeLinkElement.href;
			startPos = defaultMainImageLargeLinkSource.indexOf("imageName=");
			defaultMainImageLargeLinkSource = defaultMainImageLargeLinkSource.substring(startPos+10, defaultMainImageLargeLinkSource.length);
			endPos = defaultMainImageLargeLinkSource.indexOf("&");
			defaultMainImageLargeLinkSource = defaultMainImageLargeLinkSource.substring(0, endPos);

		}
		currentMainImageLargeLinkSource = mainImageLargeLinkElement.href;
		startPos = currentMainImageLargeLinkSource.indexOf("imageName=");
		currentMainImageLargeLinkSource = currentMainImageLargeLinkSource.substring(startPos+10, currentMainImageLargeLinkSource.length);
		endPos = currentMainImageLargeLinkSource.indexOf("&");
		currentMainImageLargeLinkSource = currentMainImageLargeLinkSource.substring(0, endPos);
		
		if (firstOptionValue !== "") {
		
// zl-090820			aSkuImage = skuAlternativeImages.get(firstOptionValue)
           aSkuImage = skuAlternativeImages.get(keyValue);
				
           if (aSkuImage !== "undefined" && aSkuImage!== null && aSkuImage !== "") {
                    mainImageElement.src = aSkuImage.getLargeImage();
                    mainImageElement.alt = aSkuImage.getAltText();
                    
                    // For zoom
                    hugeImageElement.src = aSkuImage.getHugeImage();
                    

                    // Set the large image link as well
                    mainImageLargeLinkElement.href = mainImageLargeLinkElement.href.replace(currentMainImageLargeLinkSource, aSkuImage.getHugeImage());
                    mainImageLargeImageElement.href = mainImageLargeImageElement.href.replace(currentMainImageLargeLinkSource, aSkuImage.getHugeImage());

            } else {
                    mainImageElement.src = defaultMainImageSource;
                    mainImageElement.alt = defaultMainImageAltText;
                    mainImageLargeLinkElement.href = mainImageLargeLinkElement.href.replace(currentMainImageLargeLinkSource, defaultMainImageLargeLinkSource);
                    mainImageLargeImageElement.href = mainImageLargeImageElement.href.replace(currentMainImageLargeLinkSource, defaultMainImageLargeLinkSource);
                    hugeImageElement.src = defaultHugeImageSource;
            }

			// Ensure the main image param is set - used to avoid flicker of page when reloading
			document.getElementById("itemImg").value = mainImageElement.src;
			document.getElementById("itemAlt").value = mainImageElement.alt;
			                 
            // For zoom
			document.getElementById("zoomItemImg").value = hugeImageElement.src;

		} else {
			mainImageElement.src = defaultMainImageSource;
			mainImageElement.alt = defaultMainImageAltText;
			
            // For zoom
			hugeImageElement.src = defaultHugeImageSource;
			document.getElementById("zoomItemImg").value = hugeImageElement.src;
			
			// Switch the large image link back to the default
			mainImageLargeLinkElement = mainImageLargeLinkElement.href.replace(currentMainImageLargeLinkSource, defaultMainImageLargeLinkSource);			
			mainImageLargeImageElement.href = mainImageLargeImageElement.href.replace(currentMainImageLargeLinkSource, defaultMainImageLargeLinkSource);
		}
	}
	
	// need to refresh the Magic Zoom 
	if(zoomEnabled && firstOptionValue !== ""){
		//debug("refresh zoom... " + document.getElementById("pdlargerimage").parentNode.innerHTML);
		var ot = null;
		try {
			ot = document.getElementById("pdlargerimage").parentNode.innerHTML;
		}catch(e){
		}
		if(ot==null){
			try {
				ot = document.getElementById("pdlargerimage").outerHTML;
			}catch(e){
			}
		}
		try{
			MagicZoom_stopZooms();
			document.getElementById("productimage").innerHTML = ot;
			setTimeout('MagicZoom_findZooms()', 100); 		
		}catch(e){
		}
	}
	
	
	debug("All options selected = " + allOptionsSelected);
	*/
	
	return allOptionsSelected;
}

// Define page level variables
var skuAlternativeImages = new Map();
var map = new Map();
var skumap = new Map();
var optionValueMap = new Map();		
var defaultPriceDetails = new Map();
var defaultMainImageSource = "";
var defaultMainImageAltText = "";
var defaultHugeImageSource = "";

// Some generic sort functions for select fields
// sort function - ascending (case-insensitive)
function sortFuncAsc(record1, record2) {
    var value1 = record1.optText.toLowerCase();
    var value2 = record2.optText.toLowerCase();
	if (value1 > value2) return(1);
    if (value1 < value2) return(-1);
    return(0);
}

// Some generic sort functions for select fields
// sort function - ascending (case-insensitive)
function sortFuncNumericAsc(record1, record2) {
    return(record1.optText - record2.optText);
}

// sort function - descending (case-insensitive)
function sortFuncDesc(record1, record2) {
    var value1 = record1.optText.toLowerCase();
    var value2 = record2.optText.toLowerCase();
    if (value1 > value2) return(-1);
    if (value1 < value2) return(1);
    return(0);
}

function sortSelect(selectToSort, ascendingOrder) {
    if (arguments.length == 1) ascendingOrder = true;    // default to ascending sort

    // copy options into an array
    // NB We skip first row as this is always 'Please select...'
    var allNumeric = true;
    var myOptions = [];
    for (var loop=1; loop<selectToSort.options.length; loop++) {
        myOptions[loop-1] = { optText:selectToSort.options[loop].text, optValue:selectToSort.options[loop].value };
        if (allNumeric) {
        	allNumeric = (!isNaN(myOptions[loop-1].optText));
        }
    }

    // sort array
    if (ascendingOrder) {
    	if (allNumeric) {
            myOptions.sort(sortFuncNumericAsc);
    	} else {
	        myOptions.sort(sortFuncAsc);
    	}
    } else {
    	if (allNumeric) {
	        myOptions.sort();
       	} else {
	        myOptions.sort(sortFuncDesc);
       	}
    }

    // copy sorted options from array back to select box
    selectToSort.options.length = 1;
    
//  SCO01/04/000014
//  Unencode "double escaped" HTML character entities in the Option texts such that &amp;quot; -> &quot; 
//  and &amp;amp; -> &amp and place them in the Select object.
    for (var loop=0; loop<myOptions.length; loop++) {
        var optObj = document.createElement('option');
        optObj.value = myOptions[loop].optValue;
        
        var beforeConvert = myOptions[loop].optText;
        //it looks like no need to deal with, the value can not contain &amp;amp; add by Michael Zhou 05/09/08
        var afterConvert = beforeConvert.replace(/&amp;/gi,"&");   	

        optObj.innerHTML = afterConvert;
        selectToSort.appendChild(optObj);	
    }
}



//*******************************************************
// Refresh product details page when colour changes
// Only used for clients that do not load colour
// as a defning option
//*******************************************************
function refreshColour (aForm, aField) {

	// Construct url to refresh to
	var selIndex = aField.selectedIndex;
	var url = aField.options[selIndex].value;

	// Now add other field values so that we dont lose selected options
	var maxNoOfOptions = 10;
	for (i = 1; i <= maxNoOfOptions; i++) {
		// Append ant selected options to the url
		var elementId = "attrValue" + (i);		
		if (document.getElementById(elementId)) {
			var definingOption = document.getElementById(elementId);
			if (definingOption != "undefined") {
				var selIndex = definingOption.selectedIndex;
				if (selIndex > 0) {
					var selValue = definingOption.options[selIndex].value;
					var selName = definingOption.name;
					url += "&" + selName + "=" + selValue;
				}
			}
		}
	}
	
	if (document.getElementById("WC_CachedProductOnlyDisplay_FormInput_quantity_In_OrderItemAddForm_1")) {
		var qty = document.getElementById("WC_CachedProductOnlyDisplay_FormInput_quantity_In_OrderItemAddForm_1");
		url += "&" + qty.name + "=" + qty.value;
	}
	
	// TODO Add the current qty and any other selected options to the request
	window.location.href = url;

}