// JScript File

/*
Author: E.Post
Created: 7/8/08
Purpose: In product page, "Photos" buttons need different styling for on/off positions.
This function first loops through all buttons, turning them off and then explicitly sets ony the "btnOn" button to "On" via CSS class.
*/

function changeBtnClass(btnOn, btnCount) {

    //Loop through all buttons and set css to off.
    for (i = 0; i < btnCount; i++) {
        document.getElementById('ctl00_cph_content_btn' + (i + 1)).className = 'photosbtn_off';
    }

    //Set on buttons CSS class.
    document.getElementById(btnOn).className = 'photosbtn_on';
}

/*
Author: E.Post
Created: 7/22/08
Purpose: Used by "Step 1" selections to change "Dimensions" image.
*/

function ChangeDisplay(pmid, img, control1, control2) {
    document.getElementById(img).src = '';

}

/*
Author: E.Post
Created: 7/29/08
Purpose: Used by "Step 2" color selections to change color swatch.
*/

function ChangeLabelColor(lbl, fieldName, color) {
    document.getElementById(lbl).innerHTML = fieldName + "<span class='fieldlabel'>" + color + "</span>";
}

/*
Author: E.Post
Created: 7/29/08
Purpose: Used by "Step 2" to change the flash image
*/

function ChangeFlashColor(mColor, mHex, cName, mName) {
    var flashMovie = getFlashMovieObject("colorConcept");
    //alert(flashMovie);
    var red, drkred, lghtred, offsetred;
    var green, drkgreen, lghtgreen, offsetgreen;
    var blue, drkblue, lghtblue, offsetblue;
    red = hextorgb(mHex, "R");
    green = hextorgb(mHex, "G");
    blue = hextorgb(mHex, "B");

    //now make the offset rgb for the corners etc....
    if (red - 75 > 0) {
        offsetred = red - 75;
    }
    else {
        offsetred = 0;
    }
    //green
    if (green - 75 > 0) {
        offsetgreen = green - 75;
    }
    else {
        offsetgreen = 0;
    }
    //blue
    if (blue - 75 > 0) {
        offsetblue = blue - 75;
    }
    else {
        offsetblue = 0;
    }
    //alert("name: " + mName);
    flashMovie.SetVariable("/:metalTubeColor", mColor);
    flashMovie.SetVariable("/:modelName", mName);
    flashMovie.SetVariable("/:rOffsetMetal", offsetred);
    flashMovie.SetVariable("/:gOffsetMetal", offsetgreen);
    flashMovie.SetVariable("/:bOffsetMetal", offsetblue);
}

//hex and RGB formatting and reformatting
function hextorgb(hexdec, clr) {
    n1 = replacevals(hexdec.charAt(0));
    n2 = replacevals(hexdec.charAt(1));
    n3 = replacevals(hexdec.charAt(2));
    n4 = replacevals(hexdec.charAt(3));
    n5 = replacevals(hexdec.charAt(4));
    n6 = replacevals(hexdec.charAt(5));

    var returnval = ((16 * n1) + (1 * n2));
    var returnval1 = 16 * n3 + n4;
    var returnval2 = 16 * n5 + n6;

    if (clr == "R") {
        return ((16 * n1) + (1 * n2))
    }

    if (clr == "G") {
        return ((16 * n3) + (1 * n4))
    }

    if (clr == "B") {
        return ((16 * n5) + (1 * n6))
    }

    //return ((16 * n1) + (1 * n2))+","+((16 * n3) + (1 * n4))+","+((16 * n5) + (1 * n6));
}

function replacevals(n) {
    if (n == "a" || n == "A") { n = "10"; }
    if (n == "b" || n == "B") { n = "11"; }
    if (n == "c" || n == "C") { n = "12"; }
    if (n == "d" || n == "D") { n = "13"; }
    if (n == "e" || n == "E") { n = "14"; }
    if (n == "f" || n == "F") { n = "15"; }

    return n
}

/*
Author: E.Post
Created: 1/12/09
Purpose: Used by "Step 1" to change dimension image
*/

function ChangeDimensionImg_AnthroBench(rb1, rb2, rb3, img1, img2, hid1, hid2) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {

            rb1SelValue = rb1[i].value;
        }
    }

    //Retrieve selected value from rb2
    rbLen = rb2.length;
    rb2SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb2[i].checked) {
            rb2SelValue = rb2[i].value;
        }
    }

    prefixImg1 = "B";
    if (rb2SelValue == "28") {
        prefixImg1 = "S";
    }

    //Retrieve selected value from rb2
    rbLen = rb3.length;
    rb3SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb3[i].checked) {
            rb3SelValue = rb3[i].value;
        }
    }

    img1.src = "images/lineart/" + prefixImg1 + rb1SelValue + rb3SelValue + ".gif";
    hid1.value = img1.src;
    img2.src = "images/lineart/SPerspective_" + rb3SelValue + ".gif";
    hid2.value = img2.src;
}

function ChangeDimensionImg_UtilityBench(rb1, img1, img2, hid1, hid2) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;
    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {

            rb1SelValue = rb1[i].value;
        }
    }

    img1.src = "images/lineart/UB" + rb1SelValue + "35.gif";
    hid1.value = img1.src;
    hid2.value = img2.src;
}

function ChangeDimensionImg_AnthroCart36(rb1, img1, img2, hid1, hid2) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {

            rb1SelValue = rb1[i].value;
        }
    }

    appendImg1 = "";
    if (rb1SelValue == "Non Recessed") {
        appendImg1 = "NR";
    }

    img1.src = "images/lineart/GT16" + appendImg1 + ".gif";
    hid1.value = img1.src;
    hid2.value = img2.src;
}

function ChangeDimensionImg_PrinterCart(rb1, img1, hid1) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {

            rb1SelValue = rb1[i].value;
        }
    }

    switch (rb1SelValue) {
        case "24w X 28h":
            imgSrc = "030";
            break;
        case "24w X 20h":
            imgSrc = "035";
            break;
        case "36w X 28h":
            imgSrc = "080";
            break;
        case "36w X 20h":
            imgSrc = "085";
            break;
    }

    img1.src = "images/lineart/" + imgSrc + ".gif";
    hid1.value = img1.src;
}

function ChangeDimensionImg_IdeaCart(rb1, img1, hid1) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {
            rb1SelValue = rb1[i].value;
        }
    }

    imgSrc = "AA02";
    if (rb1SelValue == "25-30") {
        imgSrc = "AA03";
    }

    img1.src = "images/lineart/" + imgSrc + ".gif";
    hid1.value = img1.src;
}

function ChangeDimensionImg_ElevateSingleSurface(rb1, img1, img2, hid1, hid2) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {
            rb1SelValue = rb1[i].value;
        }
    }

    img1.src = "images/lineart/ELTA1" + rb1SelValue + ".gif";
    hid1.value = img1.src;
    hid2.value = img2.src;
}

function ChangeDimensionImg_ElevateAdjusta(rb1, img1, img2, hid1, hid2) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {
            rb1SelValue = rb1[i].value;
        }
    }

    img1.src = "images/lineart/ELTAD" + rb1SelValue + ".gif";
    hid1.value = img1.src;
    hid2.value = img2.src;
}

function ChangeDimensionImg_FitSystemStandardUnit(rb1, img1, img2, hid1, hid2) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {
            rb1SelValue = rb1[i].value;
        }
    }

    img1.src = "images/lineart/F" + rb1SelValue + "29.gif";
    hid1.value = img1.src;
    hid2.value = img2.src;
}

function ChangeDimensionImg_FitSystemAdjustaUnit(rb1, img1, img2, hid1, hid2) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {
            rb1SelValue = rb1[i].value;
        }
    }

    img1.src = "images/lineart/FAJ" + rb1SelValue + ".gif";
    hid1.value = img1.src;
    hid2.value = img2.src;
}

function ChangeDimensionImg_FitSystemUtilityUnit(rb1, img1, img2, hid1, hid2) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {
            rb1SelValue = rb1[i].value;
        }
    }

    img1.src = "images/lineart/FY" + rb1SelValue + "29.gif";
    hid1.value = img1.src;
    hid2.value = img2.src;
}

function ChangeDimensionImg_FitSystemSideTable(rb1, img1, img2, hid1, hid2) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {
            rb1SelValue = rb1[i].value;
        }
    }

    img1.src = "images/lineart/FST" + rb1SelValue + ".gif";
    hid1.value = img1.src;
    hid2.value = img2.src;
}

function ChangeDimensionImg_USSecurityCart(rb1, img1, img2, hid1, hid2) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {
            rb1SelValue = rb1[i].value;
        }
    }

    img1.src = "images/lineart/SEC" + rb1SelValue + ".gif";
    hid1.value = img1.src;
    hid2.value = img2.src;
}

function ChangeDimensionImg_USLaptopStorageCart(rb1, img1, hid1) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {
            rb1SelValue = rb1[i].value;
        }
    }

    imgSrc = "20";
    if (rb1SelValue == "30 unit") {
        imgSrc = "30";
    }

    img1.src = "images/lineart/LTSC" + imgSrc + ".gif";
    hid1.value = img1.src;
}

function ChangeDimensionImg_USConvoi(rb1, rb2, img1, hid1) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {
            rb1SelValue = rb1[i].value;
        }
    }

    rbLen = rb2.length;
    rb2SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb2[i].checked) {
            rb2SelValue = rb2[i].value;
        }
    }

    switch (rb2SelValue) {
        case "30":
            rb2SelValue = "ST";
            break;
        case "36":
            rb2SelValue = "TL";
            break;
        case "42":
            rb2SelValue = "XT";
            break;
    }

    img1.src = "images/lineart/BU" + rb1SelValue + rb2SelValue + ".gif";
    hid1.value = img1.src;
}

function ChangeDimensionImg_USSpacePal(rb1, img1) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {
            rb1SelValue = rb1[i].value;
        }
    }

    img1.src = "images/lineart/SP" + rb1SelValue + ".gif";
}

function ChangeDimensionImg_ZidoFixedHeight(rb1, rb2, img1, hid1) {
    imgSrc = "";

    //Retrieve selected value from rb1
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {
            rb1SelValue = rb1[i].value;
        }
    }

    rbLen = rb2.length;
    rb2SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb2[i].checked) {
            rb2SelValue = rb2[i].value;
        }
    }

    img1.src = "images/lineart/ZD" + rb1SelValue + rb2SelValue + ".gif";
    hid1.value = img1.src;
}

function ChangeDimensionImg_ZidoAdjustableHeight(rb1, rb0, img1, img2, hid1, hid2) {
  
    imgSrc = "";

    //Retrieve selected value from rb1: Shelf: Flat, w/Lip
    rbLen = rb1.length;
    rb1SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb1[i].checked) {
            rb1SelValue = rb1[i].value;
        }
    }
    //Translate value.
    rb1SelValue = (rb1SelValue == "Flat" ? "A" : "L");  
    

    //Retrieve selected value from rb0: Width: 22, 25
    rbLen = rb0.length;
    rb0SelValue = 0;

    for (i = 0; i < rbLen; i++) {
        if (rb0[i].checked) {
            rb0SelValue = rb0[i].value;
        }
    }

    img1.src = "images/lineart/Z" + rb1SelValue + "h" + rb0SelValue + ".gif";
    //alert(img1.src);
    hid1.value = img1.src;
    hid2.value = img2.src;
}

/* Display Accessory window vertically and horizontally centered */
function showAccessoryWindow(divid) {
    if (document.getElementById && !document.all) {
        //FF & Safari
        var IpopTop = (window.innerHeight - document.getElementById("ctl00_cph_content_pnl_accessory").offsetHeight) / 2;
        var IpopLeft = (window.innerWidth - document.getElementById("ctl00_cph_content_pnl_accessory").offsetWidth) / 2;

        //Adjust
        IpopTop -= 20;
        IpopLeft -= 180;

        document.getElementById("ctl00_cph_content_pnl_accessory").style.left = IpopLeft + window.pageXOffset + "px";
        document.getElementById("ctl00_cph_content_pnl_accessory").style.top = IpopTop + window.pageYOffset + "px";
    }
    else {
        //IE
        var IpopTop = (document.body.clientHeight - document.getElementById("ctl00_cph_content_pnl_accessory").offsetHeight) / 2;
        var IpopLeft = (document.body.clientWidth - document.getElementById("ctl00_cph_content_pnl_accessory").offsetWidth) / 2;

        //Adjust
        IpopTop += 360;
        IpopLeft -= 180;

        document.getElementById("ctl00_cph_content_pnl_accessory").style.left = IpopLeft + document.body.scrollLeft + "px";
        document.getElementById("ctl00_cph_content_pnl_accessory").style.top = IpopTop + document.body.scrollTop + "px";
    }
}

/* Display Accessory window vertically and horizontally centered */
function showConfiguratorWarning(divid) {
    if (document.getElementById && !document.all) {
        //FF & Safari
        var IpopTop = (window.innerHeight - document.getElementById("ctl00_cph_content_panel_accessorywarning").offsetHeight) / 2;
        var IpopLeft = (window.innerWidth - document.getElementById("ctl00_cph_content_panel_accessorywarning").offsetWidth) / 3;

        //Adjust
        IpopTop += 60;
        /* IpopLeft -= 300; */

        document.getElementById("ctl00_cph_content_panel_accessorywarning").style.left = IpopLeft + window.pageXOffset + "px";
        document.getElementById("ctl00_cph_content_panel_accessorywarning").style.top = IpopTop + window.pageYOffset + "px";
    }
    else {
        //IE
        var IpopTop = (document.body.clientHeight - document.getElementById("ctl00_cph_content_panel_accessorywarning").offsetHeight) / 2;
        var IpopLeft = (document.body.clientWidth - document.getElementById("ctl00_cph_content_panel_accessorywarning").offsetWidth) / 3;

        //Adjust
        IpopTop += 60;
        /* IpopLeft -= 300; */

        document.getElementById("ctl00_cph_content_panel_accessorywarning").style.left = IpopLeft + document.body.scrollLeft + "px";
        document.getElementById("ctl00_cph_content_panel_accessorywarning").style.top = IpopTop + document.body.scrollTop + "px";
    }
}