function changeOption(option) {
    var options = option.parentNode.parentNode.getElementsByTagName("a");
    var optionsLength = options.length;
    var section;
    for (var i = 0; i < optionsLength; i++) {
        options[i].className = "";
        section = options[i].id.substr(3);
        document.getElementById("ctl00_cphContent_img" + section).style.display = "none";
        document.getElementById("ctl00_cphContent_pnl" + section).style.display = "none";
    }
    
    option.className = "selected";
    section = option.id.substr(3);
    document.getElementById("ctl00_cphContent_img" + section).style.display = "";
    document.getElementById("ctl00_cphContent_pnl" + section).style.display = "";

//    if (document.getElementById("lnkZoom")) {
//        document.getElementById("lnkZoom").style.display = (section == "Details" ? "" : "none");
//    }
    $('a.zoom').css('display', section == 'Details' ? '' : 'none');
}

function displayFrame(link, frameid, url, name) {
    var frames = document.getElementById('divFrameStyles').getElementsByTagName('a');
    for (n in frames) {
        if (frames[n].className == 'frameOn') {
            frames[n].className = 'frameOff';
        }
    }
    link.className = 'frameOn';

    imgFrame = document.getElementById('ctl00_cphContent_imgFraming')
    imgFrame.src = url;
    imgFrame.alt = name;
    document.getElementById('spnFrameColour').innerHTML = name;
    //document.getElementById('divFrameCopy').innerHTML = objFrameCopy[frameid];
}

function movepic(img_name, index) {
    var length = arrImages.length;
    var i = (index + length) % length;
    var p = (index - 1 + length) % length;
    var n = (index + 1 + length) % length;
    document.getElementById(img_name).src = arrImages[i];
    document.getElementById(img_name).style.width = arrImageWidths[i] + 'px';
    document.getElementById(img_name).style.height = arrImageHeights[i] + 'px';
    document.getElementById(img_name).alt = arrImageCaptions[i].replace(/<.+>/, " ");
    document.getElementById('lblCaption').innerHTML = arrImageCaptions[i];

    document.getElementById('spnPrev').innerHTML = "<a onclick=\"movepic('imgGalleryImage'," + p + ");return false;\" onmouseover=\"imgOver('btnPrev','btnGalleryPrev')\" onmouseout=\"imgOut('btnPrev','btnGalleryPrev')\" href=\"#\"><img id=\"btnGalleryPrev\" src=\"images/buttons/gallery_previous.png\" class=\"png\" alt=\"prev\" /></a>"
    document.getElementById('spnNext').innerHTML = "<a onclick=\"movepic('imgGalleryImage'," + n + ");return false;\" onmouseover=\"imgOver('btnNext','btnGalleryNext')\" onmouseout=\"imgOut('btnNext','btnGalleryNext')\" href=\"#\"><img id=\"btnGalleryNext\" src=\"images/buttons/gallery_next.png\" class=\"png\" alt=\"next\" /></a>"
}
function imgOver(img, btn) {
    if (img == "btnPrev") {
        document.getElementById(btn).src = "images/buttons/gallery_previous_over.png";
    } else if (img == "btnNext") {
        document.getElementById(btn).src = "images/buttons/gallery_next_over.png";
    } else if (img == "btnBuy") {
        document.getElementById(btn).src = "images/buttons/buy_over.png";
    }
}
function imgOut(img, btn) {
    if (img == "btnPrev") {
        document.getElementById(btn).src = "images/buttons/gallery_previous.png";
    } else if (img == "btnNext") {
        document.getElementById(btn).src = "images/buttons/gallery_next.png";
    } else if (img == "btnBuy") {
        document.getElementById(btn).src = "images/buttons/buy.png";
    }
}
function makeSelected(link) {
    var list = link.parentNode.parentNode.getElementsByTagName("a");
    for (i = 0; i < list.length; i++) {
        list[i].className = "";
    }
    link.className = "selected";
}

//Update display
function updateDisplay(container, str) {
    document.getElementById(container).innerHTML = str;
}

//Recommend a friend*/
function showRecommendBox() {
    document.getElementById("recommend_thanks").style.display = "none";
    document.getElementById("recommend").style.display = "";
}
function showRecommendThanksBox() {
    document.getElementById("recommend_thanks").style.display = "";
    document.getElementById("recommend").style.display = "none";
}
function closeRecommend() {
    document.getElementById("recommend_thanks").style.display = "none";
    document.getElementById("recommend").style.display = "none";
}
function recommendFriend() {

    var siteID = document.getElementById("ctl00_cphContent_hidSiteID").value;
    var productID = document.getElementById("ctl00_cphContent_hidProductID").value;
    var yourName = document.getElementById("txtYourName").value;
    var yourEmail = document.getElementById("txtYourEmail").value;
    var friendName = document.getElementById("txtFriendName").value;
    var friendEmail = document.getElementById("txtFriendEmail").value;
    var message = document.getElementById("txtMessage").value;


    var error = document.getElementById("pError");
    error.innerHTML = "";
    if (yourName == "" || friendName == "") {
        error.innerHTML += "Please fill in all fields. "
    }
    if (!isValidEmail(yourEmail) || !isValidEmail(friendEmail)) {
        error.innerHTML += "Email does not appear to be valid. "
    }
    if (error.innerHTML != "") {
        return;
    }

   
    var body = "productid=" + productID + "&" +
        "siteID=" + siteID + "&" +
        "yourname=" + escape(yourName) + "&" +
        "youremail=" + escape(yourEmail) + "&" +
        "friendname=" + escape(friendName) + "&" +
        "friendemail=" + escape(friendEmail) + "&" +
        "message=" + escape(message);

    var oXmlHttp = zXmlHttp.createRequest();
    oXmlHttp.open("post", "get_friend_recommendation.aspx", true);
    oXmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    oXmlHttp.onreadystatechange = function() {
        if (oXmlHttp.readyState == 4) {
            showRecommendThanksBox();
        }
    };
    oXmlHttp.send(body);
}