function ToggleExtendedContent(extDivID, extDivLinkID, strCollapse, strExpand) {
    extDiv = document.getElementById(extDivID);
    extLink = document.getElementById(extDivLinkID);
    if (extDiv != null) {
        if (extDiv.style.display == 'none') {
            extDiv.style.display = '';
            if (extLink != null)
                extLink.innerHTML = strCollapse;
        }
        else {
            extDiv.style.display = 'none';
            if (extLink != null)
                extLink.innerHTML = strExpand;
        }
    }

    return false;
}

function AttributeSelected(list, attributeID) {
    var _val = list.options[list.selectedIndex].value;

    if (_val == null || _val == 'NONE' || _val == "")
        return false;

    window.location = window.location + "&AttributeFilter" + attributeID + "=" + _val;
    return true;
}

function TopCatMouseOver(ctl, baseUrl) {
    ctl.style.backgroundImage = 'url(' + baseUrl + '/images/topcatbck-selected.jpg)';
}

function TopCatMouseOut(ctl, baseUrl) {
    ctl.style.backgroundImage = 'url(' + baseUrl + '/images/topcatbck.jpg)';
}

function CleanSearchBox(boxID, strEmptyMsg) {
    box = document.getElementById(boxID);

    if (box != null && box.value == strEmptyMsg) {
        box.value = '';
    }
}

function PrepareSearchBox(boxID, strEmptyMsg) {
    box = document.getElementById(boxID);

    if (box != null && box.value == '') {
        box.value = strEmptyMsg;
    }
}

function CompareProducts(redirectUrl) {
    var checkboxes = document.getElementsByTagName("input");
    var nbSelection = 0;
    var stringParam = "?";

    for (i = 0; i < checkboxes.length; ++i) {
        if (checkboxes[i].name.indexOf("Compare") >= 0 && checkboxes[i].checked) {
            var sku = checkboxes[i].name.substring(checkboxes[i].name.indexOf("Compare") + 7);
            nbSelection++;

            if (nbSelection > 1)
                stringParam += "&";

            stringParam += nbSelection + "=" + sku;
        }
    }

    if (nbSelection >= 2) {
        window.location.href = redirectUrl + stringParam;
    }
    else {
        alert("You need to select at least 2 products to compare.");
    }
}

var LanguageWarningMsgLang1 = 
        "<b>Please note:</b><br /><br />Only Export products and top selling sku’s into Latin and " +
        "South America are accessible in Spanish translation mode. Choosing English will always " +
        "return you to the full product database.";
var LanguageWarningMsgLang2 = 
        "<b>¡Advertencia!</b><br /><br />Sólo los productos de Exportación y artículos más populares " +
        "en América Latina y América del Sur están disponibles en el sitio web en Español. Una vez " +
        "que regrese a Inglés volverá a tener acceso a la base de datos de productos en su totalidad.";
var ContinueBtnLang1 = "Continue";
var ContinueBtnLang2 = "Continuar";
var CancelBtnLang1 = "Cancel";
var CancelBtnLang2 = "Cancelar";
var ShowAgainLangWarningLan1 = "Do not show this again";
var ShowAgainLangWarningLan2 = "No volver a mostrar";
var TranslateMsgBtnLang1 = "View this message in English"
var TranslateMsgBtnLang2 = "Ver este mensaje en Español"

function TranslateLanguageWarningBox(desiredLang, targetLang) {
    prefix = 'ctl00_';
    LanguageWarningMsg = document.getElementById(prefix + 'LanguageWarningMsg');
    if (LanguageWarningMsg == null) { prefix = 'ctl00_ctl00_'; LanguageWarningMsg = document.getElementById(prefix + 'LanguageWarningMsg'); }
    if (LanguageWarningMsg == null) { prefix = 'ctl00_ctl00_ctl00_'; LanguageWarningMsg = document.getElementById(prefix + 'LanguageWarningMsg'); }
    if (LanguageWarningMsg == null) { prefix = 'ctl00_ctl00_ctl00_ctl00_'; LanguageWarningMsg = document.getElementById(prefix + 'LanguageWarningMsg'); }
    if (LanguageWarningMsg == null) return;

    prefixPostBack = prefix;
    while (prefixPostBack.indexOf('_', 0) >= 0) {
        prefixPostBack = prefixPostBack.replace('_', '$');
    }
    
    ContinueBtn = document.getElementById(prefix + 'ContinueBtn');
    CancelBtn = document.getElementById(prefix + 'CancelBtn');
    ShowAgainLangWarning = document.getElementById(prefix + 'ShowAgainLangWarning');
    TranslateMsgBtn = document.getElementById(prefix + 'TranslateMsgBtn');
    var EnglishPostback = "javascript:__doPostBack('" + prefixPostBack + "EnglishLink','')";
    var SpanishPostback = "javascript:__doPostBack('" + prefixPostBack + "SpanishLink','')";

    if (TranslateMsgBtn == null || LanguageWarningMsg == null || ContinueBtn == null ||
        CancelBtn == null || ShowAgainLangWarning == null)
        return;

    if (desiredLang == 1) { // English
        LanguageWarningMsg.innerHTML = LanguageWarningMsgLang1;
        ContinueBtn.innerText = ContinueBtnLang1;
        CancelBtn.innerText = CancelBtnLang1;
        ShowAgainLangWarning.nextSibling.innerHTML = ShowAgainLangWarningLan1;
        TranslateMsgBtn.setAttribute('onclick', 'TranslateLanguageWarningBox(2, ' + targetLang + ');');
        TranslateMsgBtn.innerText = TranslateMsgBtnLang2;
    }
    else if (desiredLang == 2) { // Spanish
        LanguageWarningMsg.innerHTML = LanguageWarningMsgLang2;
        ContinueBtn.innerText = ContinueBtnLang2;
        CancelBtn.innerText = CancelBtnLang2;
        ShowAgainLangWarning.nextSibling.innerHTML = ShowAgainLangWarningLan2;
        TranslateMsgBtn.setAttribute('onclick', 'TranslateLanguageWarningBox(1, ' + targetLang + ');');
        TranslateMsgBtn.innerText = TranslateMsgBtnLang1;
    }

    if (targetLang == 1)
        ContinueBtn.setAttribute("href", EnglishPostback);
    else if (targetLang == 2)
        ContinueBtn.setAttribute("href", SpanishPostback);
}

function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }

    return [curleft, curtop];
}

function PlaceLanguageWarningBox() {
    prefix = 'ctl00_';
    spanishLink = document.getElementById(prefix + 'SpanishLink');
    if (spanishLink == null) { prefix = 'ctl00_ctl00_'; spanishLink = document.getElementById(prefix + 'SpanishLink'); }
    if (spanishLink == null) { prefix = 'ctl00_ctl00_ctl00_'; spanishLink = document.getElementById(prefix + 'SpanishLink'); }
    if (spanishLink == null) { prefix = 'ctl00_ctl00_ctl00_ctl00_'; spanishLink = document.getElementById(prefix + 'SpanishLink'); }
    if (spanishLink == null) return;
        
    langBox = document.getElementById(prefix + 'LanguageWarningBox');

    coords = findPos(spanishLink);
    langBox.style.left = (coords[0] - langBox.offsetWidth) + "px";
    langBox.style.top = coords[1] + "px";
}