var productImages = [];
// Preloaded image. ID = 1864
productImages[1864] = new Image();
productImages[1864].src="/image/product/medium/seventy7_black_blue_62-1006.jpg";
productImages[1864].alt = "Otis Seventy7 Black Blue with Cool Grey Lens";
// Preloaded image. ID = 1870
productImages[1870] = new Image();
productImages[1870].src="/image/product/medium/seventy7_black_polarised_62-1008p.jpg";
productImages[1870].alt = "Otis Seventy7 Black with Grey Polarised Lens";
// Preloaded image. ID = 1873
productImages[1873] = new Image();
productImages[1873].src="/image/product/medium/seventy7_black_white_62-1005.jpg";
productImages[1873].alt = "Otis Seventy7 Black White with Cool Grey Lens";
// Preloaded image. ID = 1876
productImages[1876] = new Image();
productImages[1876].src="/image/product/medium/seventy7_black_62-1001.jpg";
productImages[1876].alt = "Otis Seventy7 Black with Cool Grey Lens";
// Preloaded image. ID = 1879
productImages[1879] = new Image();
productImages[1879].src="/image/product/medium/seventy7_amber_fibre_62-1002.jpg";
productImages[1879].alt = "Otis Seventy7 Amber Fibre with Tropical Brown Lens";
// Preloaded image. ID = 1882
productImages[1882] = new Image();
productImages[1882].src="/image/product/medium/seventy7_sahara_62-1004.jpg";
productImages[1882].alt = "Otis Seventy7 Sahara with Tropical Brown Lens";
var productData = [];
var fromPrice = new Array();
var fromMemberPrice = new Array();
productData[2779] = [{19: 1401}, {"price":189.95, "memberPrice":189.95, "exception":'FALSE', "isSpecial":'FALSE', "specialPrice":189.95, "stock":0, "imageId":1873} ];
fromPrice[2779] = 189.95;
fromMemberPrice[2779] = 189.95;
productData[2780] = [{19: 1404}, {"price":189.95, "memberPrice":189.95, "exception":'FALSE', "isSpecial":'FALSE', "specialPrice":189.95, "stock":0, "imageId":1876} ];
fromPrice[2780] = 189.95;
fromMemberPrice[2780] = 189.95;
productData[2781] = [{19: 1771}, {"price":299.95, "memberPrice":299.95, "exception":'FALSE', "isSpecial":'FALSE', "specialPrice":299.95, "stock":0, "imageId":1870} ];
fromPrice[2781] = 299.95;
fromMemberPrice[2781] = 299.95;
productData[2782] = [{19: 1774}, {"price":189.95, "memberPrice":189.95, "exception":'FALSE', "isSpecial":'FALSE', "specialPrice":189.95, "stock":0, "imageId":1879} ];
fromPrice[2782] = 189.95;
fromMemberPrice[2782] = 189.95;
productData[2784] = [{19: 1779}, {"price":189.95, "memberPrice":189.95, "exception":'FALSE', "isSpecial":'FALSE', "specialPrice":189.95, "stock":0, "imageId":1882} ];
fromPrice[2784] = 189.95;
fromMemberPrice[2784] = 189.95;
productData[2785] = [{19: 1780}, {"price":189.95, "memberPrice":189.95, "exception":'FALSE', "isSpecial":'FALSE', "specialPrice":189.95, "stock":0, "imageId":1864} ];
fromPrice[2785] = 189.95;
fromMemberPrice[2785] = 189.95;
var attribSets = [19];
// 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").disabled = true; }
else { document.getElementById("submitButton").disabled = false; }
}
function specialRowEnabled(enable) {
if (enable==false) {
document.getElementById("specialRow").style.display="none";
document.getElementById("memberPriceRow").style.display="block";
}
else {
document.getElementById("specialRow").style.display="block";
document.getElementById("memberPriceRow").style.display="none";
}
}
// Display stock indicator
function displayStock() {
// Don't show stock
return true;
// Get the selected variant.
variant = findVariant();
if (variant["stock"] < 0) {
stockString = "Made upon ordering";
}
else if (variant["stock"] ==0) {
stockString = "Out of stock";
}
else if (variant["stock"] > 0) {
stockString = "In stock & ready to ship";
}
document.getElementById("stock").innerHTML = stockString;
}
// This is the function that gets called when the user changes the selection.
function changeVariant() {
var member = false;
// Get the selected variant.
variant = findVariant();
// Not a variant, show a from price and disable add to cart
if(!variant) {
var toprice = getToPrice();
var fromprice = getFromPrice();
if(toprice == fromprice)
{
document.getElementById("price").innerHTML = "RRP from AUD$ " + fromprice;
}
else
{
document.getElementById("price").innerHTML = "RRP from AUD$ " + fromprice + " to AUD$ " + toprice;
}
if(member) {
document.getElementById("memberPrice").innerHTML = "";
}
submitButtonEnable(false);
specialRowEnabled(false);
}
// Check if it is an exception.
else 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 = "RRP: AUD$ " + variant["price"].toFixed(2) + "";
document.getElementById("specialPrice").innerHTML = variant["specialPrice"].toFixed(2) + getDiscountPercentage(variant["price"], variant["specialPrice"]);
specialRowEnabled(true);
} // Just show the normal price.
else
{
if(member) {
document.getElementById("price").innerHTML = "RRP: AUD$ " + variant["price"].toFixed(2) + "";
}
else {
document.getElementById("price").innerHTML = "RRP: AUD$ " + variant["price"].toFixed(2);
}
specialRowEnabled(false);
}
if(member) {
document.getElementById("memberPrice").innerHTML = "Member's Price: AUD$ " + variant["memberPrice"].toFixed(2) + getDiscountPercentage(variant["price"], variant["memberPrice"]);
}
// Stock
displayStock();
if (variant["imageId"]!=0)
{
// Swapping image was confusing the users
//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 = "Not Available";
document.getElementById("memberPrice").innerHTML = "";
submitButtonEnable(false);
specialRowEnabled(false);
}
}
function swapImage(image) {
document.prodImageMain.src = productImages[image].src;
document.getElementById("prodImageMainAlt").innerHTML = productImages[image].alt;
}
/**
* Sort the prices for the product
* @return lowest price
*/
function getFromPrice() {
fromPrice.sort(function(a,b){return a - b});
return fromPrice[0].toFixed(2);
}
/**
* Sort the prices for the product
* @return highest price
*/
function getToPrice() {
fromPrice.sort(function(a,b){return b - a});
return fromPrice[0].toFixed(2);
}
/**
* Percentage off
* @param price Original product price
* @param specialPrice on special/sale price
* @return Str Text string displaying percentage if percentage is greater than 0%
*/
function getDiscountPercentage(price, specialPrice) {
var discount;
// Make sure there is a difference in price
if(price - specialPrice <= 0) {
return ' (No Discount)';
}
discount = ((price - specialPrice)/price)*100;
discount = Math.round(discount);
if(discount > 0) {
return ' (' + discount + '% off)'
}
return '';
}