var productImages = []; // Preloaded image. ID = 1503 productImages[1503] = new Image(); productImages[1503].src="/image/product/medium/cosmopolitan2_ap.jpg"; productImages[1503].alt = ""; // Preloaded image. ID = 1504 productImages[1504] = new Image(); productImages[1504].src="/image/product/medium/cosmopolitan2_stool_wenge.jpg"; productImages[1504].alt = ""; // Preloaded image. ID = 1505 productImages[1505] = new Image(); productImages[1505].src="/image/product/medium/cosmopolitan2_stool_upholstered.jpg"; productImages[1505].alt = ""; // Preloaded image. ID = 1506 productImages[1506] = new Image(); productImages[1506].src="/image/product/medium/cosmopiltan_stool_underside.jpg"; productImages[1506].alt = ""; // Preloaded image. ID = 1507 productImages[1507] = new Image(); productImages[1507].src="/image/product/medium/cosmopolitan2_foot_rail_stool.jpg"; productImages[1507].alt = ""; // Preloaded image. ID = 1508 productImages[1508] = new Image(); productImages[1508].src="/image/product/medium/cosmopolitan2_close_seat.jpg"; productImages[1508].alt = ""; // Preloaded image. ID = 1509 productImages[1509] = new Image(); productImages[1509].src="/image/product/medium/396_lrg_20113110150536_img.jpg"; productImages[1509].alt = ""; var productData = []; productData[3561] = [{1: 12, 2: 382}, {"price":120.00, "exception":'FALSE', "isSpecial":'FALSE', "specialPrice":120.00, "stock":0, "imageId":1505} ]; productData[3562] = [{1: 12, 2: 395}, {"price":120.00, "exception":'FALSE', "isSpecial":'FALSE', "specialPrice":120.00, "stock":0, "imageId":1504} ]; productData[3563] = [{1: 143, 2: 382}, {"price":120.00, "exception":'FALSE', "isSpecial":'FALSE', "specialPrice":120.00, "stock":0, "imageId":0} ]; productData[3564] = [{1: 143, 2: 395}, {"price":120.00, "exception":'FALSE', "isSpecial":'FALSE', "specialPrice":120.00, "stock":0, "imageId":1503} ]; var attribSets = [1, 2]; // Find the variant selected. function findVariant() { found = false; // Found flag. variantIndex = 0; // The index of the found variant element. // This just scans for a match and if found it sets the flags and breaks. // If one mismatch is detected it just breaks the loop. for (variant in productData) // Loop through the variant array, called 'productData'. { for (set in attribSets) // Now loop through the sets. { // Get a refference to a attribute set select box. attrib = document.getElementById("attributes"+attribSets[set]); // Check to see if the value of that attribute select box is in the productData attribute array. if (productData[variant][0][attribSets[set]]==attrib.value) { found = true; } else { found = false; break; } } if (found==true) { variantIndex = variant; break; } } if (variantIndex!=0) { var data = productData[variantIndex][1]; data["var_id"] = variantIndex; return data; } else { return false; } } // This enables and disables the submit button. function submitButtonEnable(enabled) { if(enabled==false) { document.getElementById("submitButton").style.display="none"; // document.getElementById("submitButton").disabled = true; } else { document.getElementById("submitButton").style.display="block"; // document.getElementById("submitButton").disabled = false; } } function specialRowEnabled(enable) { var browserName=navigator.appName; if (enable==false) { document.getElementById("specialRow").style.display="none"; } else { // Use block for IE because table-row doesn't work if (browserName=="Microsoft Internet Explorer") { document.getElementById("specialRow").style.display="block"; } else { document.getElementById("specialRow").style.display="table-row"; } } } // This is the function that gets called when the user changes the selection. function changeVariant() { // Get the selected variant. variant = findVariant(); // Sort out the stock //displayStock(); // Check if it is an exception. if (variant["exception"]=="FALSE") { // See if it is on special. if (variant["isSpecial"]=="TRUE") { // Display the special price with the old price with strike through font. document.getElementById("price").innerHTML = "AU$" + variant["price"].toFixed(2) + ""; document.getElementById("specialPrice").innerHTML = "AU$" + variant["specialPrice"].toFixed(2); specialRowEnabled(true); } // Just show the normal price. else { if(variant["price"] == 0) { document.getElementById("price").innerHTML = "POA"; specialRowEnabled(false); } else { document.getElementById("price").innerHTML = "AU$" + variant["price"].toFixed(2); specialRowEnabled(false); } } if (variant["imageId"]!=0) { swapImage(variant["imageId"]); } submitButtonEnable(true); // Enable the submit button. } else { // Variant must be an exception so display some text and disable the submit button. document.getElementById("price").innerHTML = "Product combination is not available"; submitButtonEnable(false); specialRowEnabled(false); } } function swapImage(image) { document.prodImageMain.src = productImages[image].src; }