﻿function registerTwoPosSlider(sliderId, selectedItem) {
    new Draggable((sliderId + '_slider'), { constraint: 'horizontal', zindex: 0,
        snap: function(x) { if (x < 0) { return [0, 0] } else if (x > 405) { return [405, 0] } else { return [x, 0] } },
        onEnd: function() {
            var x = ($(sliderId + '_slider').style.left.replace('px', '') * 1);
            if (x < 203) {
                $(sliderId + '_slider').style.left = '65px';
                $(sliderId + '_option_1').className = 'upgrade-selected';
                $(sliderId + '_option_2').className = '';
                eval(sliderId + "_callback('1')");
            }
            else {
                $(sliderId + '_slider').style.left = '325px';
                $(sliderId + '_option_1').className = '';
                $(sliderId + '_option_2').className = 'upgrade-selected';
                eval(sliderId + "_callback('2')");
            }
        }
    });
    if (selectedItem == '2') {
        $(sliderId + '_slider').style.left = "325px";
    }
    else {
        $(sliderId + '_slider').style.left = "65px";
    }      
}

function registerThreePosSlider(sliderId, selectedItem) {
    new Draggable((sliderId + '_slider'), { constraint: 'horizontal', zindex: 0,
        snap: function(x) { if (x < 0) { return [0, 0] } else if (x > 405) { return [405, 0] } else { return [x, 0] } },
        onEnd: function() {
            var x = ($(sliderId + '_slider').style.left.replace('px', '') * 1);
            if (x < 110) {
                $(sliderId + '_slider').style.left = '23px';
                $(sliderId + '_option_1').className = 'upgrade-selected';
                $(sliderId + '_option_2').className = '';
                $(sliderId + '_option_3').className = '';
                eval(sliderId + "_callback('1')");
            }
            else if (x < 290) {
                $(sliderId + '_slider').style.left = '199px';
                $(sliderId + '_option_1').className = '';
                $(sliderId + '_option_2').className = 'upgrade-selected';
                $(sliderId + '_option_3').className = '';
                eval(sliderId + "_callback('2')");
            }
            else {
                $(sliderId + '_slider').style.left = '377px';
                $(sliderId + '_option_1').className = '';
                $(sliderId + '_option_2').className = '';
                $(sliderId + '_option_3').className = 'upgrade-selected';
                eval(sliderId + "_callback('3')");
            }
        }
    });
    if (selectedItem == '3') {
        $(sliderId + '_slider').style.left = "377px";
    }
    else if (selectedItem == '2') {
        $(sliderId + '_slider').style.left = "199px";
    }
    else {
        $(sliderId + '_slider').style.left = "23px";
    }
    
}

function registerFourPosSlider(sliderId, selectedItem) {
    new Draggable((sliderId + '_slider'), { constraint: 'horizontal', zindex: 0,
        snap: function(x) { if (x < 0) { return [0, 0] } else if (x > 405) { return [405, 0] } else { return [x, 0] } },
        onEnd: function() {
            var x = ($(sliderId + '_slider').style.left.replace('px', '') * 1);
            if (x < 70) {
                $(sliderId + '_slider').style.left = '1px';
                $(sliderId + '_option_1').className = 'upgrade-selected';
                $(sliderId + '_option_2').className = '';
                $(sliderId + '_option_3').className = '';
                $(sliderId + '_option_4').className = '';
                eval(sliderId + "_callback('1')");
            }
            else if (x >= 70 && x < 200) {
                $(sliderId + '_slider').style.left = '134px';
                $(sliderId + '_option_1').className = '';
                $(sliderId + '_option_2').className = 'upgrade-selected';
                $(sliderId + '_option_3').className = '';
                $(sliderId + '_option_4').className = '';
                eval(sliderId + "_callback('2')");
            }
            else if (x >= 200 && x < 340) {
                $(sliderId + '_slider').style.left = '268px';
                $(sliderId + '_option_1').className = '';
                $(sliderId + '_option_2').className = '';
                $(sliderId + '_option_3').className = 'upgrade-selected';
                $(sliderId + '_option_4').className = '';
                eval(sliderId + "_callback('3')");
            }
            else {
                $(sliderId + '_slider').style.left = '401px';
                $(sliderId + '_option_1').className = '';
                $(sliderId + '_option_2').className = '';
                $(sliderId + '_option_3').className = '';
                $(sliderId + '_option_4').className = 'upgrade-selected';
                eval(sliderId + "_callback('4')");
            }
        }
    });
    if (selectedItem == '4') {
        $(sliderId + '_slider').style.left = "401px";
    }
    else if (selectedItem == '3') {
        $(sliderId + '_slider').style.left = "268px";
    }
    else if (selectedItem == '2') {
        $(sliderId + '_slider').style.left = "134px";
    }
    else {
        $(sliderId + '_slider').style.left = "1px";
    }
}

function registerDifferentialSlider(sliderId) {
    new Draggable(sliderId + '_slider', { constraint: 'horizontal', zindex: 0,
        snap: function(x) {
            var min = $(sliderId + '_min').value * 1;
            var total = $(sliderId + '_total').value * 1;
            total = total - (min * 2);
            var a = ((x * total) / 342);
            var b = (total - a);
            a = a + min;
            b = b + min;
            var max = total + min;
            if (a > max) a = max;
            if (a < min) a = min;
            if (b > max) b = max;
            if (b < min) b = min;
            $(sliderId + '_metric_display_2').innerHTML = Math.round(a) + ' GB';
            $(sliderId + '_metric_display_1').innerHTML = Math.round(b) + ' GB';
            $(sliderId + '_metric_2').value = Math.round(a);
            $(sliderId + '_metric_1').value = Math.round(b);
            if (x < 0) {
                return [0, 0]
            }
            else if (x > 342) {
                return [342, 0]
            }
            else {
                return [x, 0]
            }
        },
        onEnd: function() {
            var min = $(sliderId + '_min').value * 1;
            var total = $(sliderId + '_total').value * 1;
            var seg = total - (2 * min);
            var a = ($(sliderId + '_metric_2').value * 1) - (1 * min);
            var cur = a * (342 / seg);
            $(sliderId + '_slider').style.left = cur + 'px';
            eval(sliderId + "_callback()");
        }
    });
    var min = $(sliderId + '_min').value * 1;
    var total = $(sliderId + '_total').value * 1;
    var seg = total - (2 * min);
    var a = ($(sliderId + '_metric_2').value * 1) - (1 * min);
    var cur = a * (342 / seg);
    $(sliderId + '_slider').style.left = cur + 'px';
}

function registerThermometerSlider(sliderId) {
    new Draggable(sliderId + '_slider', { constraint: 'horizontal', zindex: 0,
        snap: function(x) {
            var min = $(sliderId + '_min').value * 1;
            var max = $(sliderId + '_max').value * 1;
            var a = ((x * max) / 219);
            if (a > max) a = max;
            if (a < min) a = min;
            $(sliderId + '_value').innerHTML = Math.round(a);
            if (x < 4) {
                $(sliderId + '_mercury').style.width = '4px';
                return [4, 0]
            }
            else if (x > 223) {
                $(sliderId + '_mercury').style.width = '223px';
                return [223, 0]
            }
            else {
                $(sliderId + '_mercury').style.width = x + 'px';
                return [x, 0]
            }
        },
        onEnd: function() {
            eval(sliderId + '_callback()');
        }
    });
    var min = $(sliderId + '_min').value * 1;
    var max = $(sliderId + '_max').value * 1;
    var seg = (max - min);
    var a = (223 / seg);
    var b = ($(sliderId + '_value').innerHTML * 1);
    var cur = a * (b - 1);
    if (cur == 0) cur = 4;
    $(sliderId + '_slider').style.left = cur + 'px';
    $(sliderId + '_mercury').style.width = cur + 'px';
}

function slideToPosition(slider, position, totalPos) {
    if ((totalPos * 1) == 2) {
        if (position == '1') {
            $(slider + '_slider').style.left = '65px';
            $(slider + '_option_1').className = 'upgrade-selected';
            $(slider + '_option_2').className = '';
            eval(slider + "_callback('1')");
        }
        else {
            $(slider + '_slider').style.left = '325px';
            $(slider + '_option_1').className = '';
            $(slider + '_option_2').className = 'upgrade-selected';
            eval(slider + "_callback('2')");
        }
    }
    else if ((totalPos * 1) == 3) {
        if (position == '1') {
            $(slider + '_slider').style.left = '23px';
            $(slider + '_option_1').className = 'upgrade-selected';
            $(slider + '_option_2').className = '';
            $(slider + '_option_3').className = '';
            eval(slider + "_callback('1')");
        }
        else if (position == '2') {
            $(slider + '_slider').style.left = '199px';
            $(slider + '_option_1').className = '';
            $(slider + '_option_2').className = 'upgrade-selected';
            $(slider + '_option_3').className = '';
            eval(slider + "_callback('2')");
        }
        else {
            $(slider + '_slider').style.left = '377px';
            $(slider + '_option_1').className = '';
            $(slider + '_option_2').className = '';
            $(slider + '_option_3').className = 'upgrade-selected';
            eval(slider + "_callback('3')");
        }
    }
    else {
        if (position == '1') {
            $(slider + '_slider').style.left = '1px';
            $(slider + '_option_1').className = 'upgrade-selected';
            $(slider + '_option_2').className = '';
            $(slider + '_option_3').className = '';
            $(slider + '_option_4').className = '';
            eval(slider + "_callback('1')");
        }
        else if (position == '2') {
            $(slider + '_slider').style.left = '134px';
            $(slider + '_option_1').className = '';
            $(slider + '_option_2').className = 'upgrade-selected';
            $(slider + '_option_3').className = '';
            $(slider + '_option_4').className = '';
            eval(slider + "_callback('2')");
        }
        else if (position == '3') {
            $(slider + '_slider').style.left = '268px';
            $(slider + '_option_1').className = '';
            $(slider + '_option_2').className = '';
            $(slider + '_option_3').className = 'upgrade-selected';
            $(slider + '_option_4').className = '';
            eval(slider + "_callback('3')");
        }
        else {
            $(slider + '_slider').style.left = '401px';
            $(slider + '_option_1').className = '';
            $(slider + '_option_2').className = '';
            $(slider + '_option_3').className = '';
            $(slider + '_option_4').className = 'upgrade-selected';
            eval(slider + "_callback('4')");
        }
    }
}

function gotoGeoTrust() {
    window.open("https://smarticon.geotrust.com/smarticonprofile?Referer=http://www.firehost.com", "geotrust", "height=400,width=400,location=false,menubar=false,status=false,toolbar=false");
}

var notifierOnScreen = false;
function showNotifier(message, subtotal) {
    if (notifierOnScreen == false) {
        notifierOnScreen = true;
        $('notifiercontent').innerHTML = "<br />" + message + "<br /><span class='right'>Your new subtotal is <em>" + subtotal + "</em></span><div style='clear:right;'></div>";
        Effect.Appear('notifier', { duration: 0.55 });
        setTimeout("Effect.Fade('notifier', { duration: 0.55 });", 1700);
        setTimeout("resetNotifier();", 2250);
    }
    else {
        setTimeout("showNotifier('" + message + "', '" + subtotal + "');", 100);
    }
}

function resetNotifier() {
    notifierOnScreen = false;
}

function showCustomConfig() {
    Lightview.show({ href: '#contactSalesLightbox', title: 'Complex\/Custom Order Assistance', options: { height: 365, width: 600} });
}

function showOrderModMsg() {
    if ($('ctl00_ctl00_MainContent_hidShowNotifier').value == '1') {
        showNotifier($('ctl00_ctl00_MainContent_hidNewProduct').value, $('ctl00_ctl00_MainContent_hidNewSubtotal').value);
        $('ctl00_ctl00_MainContent_hidShowNotifier').value = '0';
    }
    else if ($('ctl00_ctl00_MainContent_hidShowNotifier').value == '2') {
        showCustomConfig();
        $('ctl00_ctl00_MainContent_hidShowNotifier').value = '0';
    }
    if ($('ctl00_ctl00_MainContent_hidShowAllocation').value == '1') {
        if ($('allocation').style.display == 'none') {
            $('allocation').style.display = 'block'
            registerDifferentialSlider('MemoryDistribution');
            registerDifferentialSlider('HardDiskDistribution');
            registerThermometerSlider('CpuAllocation1');
            registerThermometerSlider('CpuAllocation2');
        }
    }
    else {
        if ($('allocation') != null && $('allocation').style.display != 'none') {
            $('allocation').style.display = 'none'
        }
    }
}

AddOnLoadFx('showOrderModMsg()');

function nextStep() {
    $('ctl00_ctl00_MainContent_MainContent_btnContinue').click();
}

function showProcessingOverlay() {
    var isValid = true;
    var e = document.getElementsByTagName("span");
    for (var i = 0; i < e.length; i++) {
        if (e[i].className == "validator" && e[i].style.visibility != "hidden") {
            isValid = false;
        }
    }

    if (!isValid) {
        closeModal('processing-modal');
        return false;
    }
    else {
        showModal('processing-modal');
        return true;
    }
}

function hideOverlayPanel() {
    closeModal('processing-modal');
    if ($('errorPanel') != null) {
        new Effect.ScrollTo('content-main');
    }
}

var agreed = false;
function toggleAgreeChecked() {
    if (agreed == true) {
        $('checkLinkAgree').className = 'nocheck';
        $('ctl00_ctl00_MainContent_MainContent_chkAgree').checked = false;
        agreed = false;
    }
    else {
        $('checkLinkAgree').className = 'check';
        $('ctl00_ctl00_MainContent_MainContent_chkAgree').checked = true;
        agreed = true;
    }
}

function showAdditionalOptions() {
    new Effect.BlindDown("additional", { duration: 1.0 });
}

function showSessionAlert() {
    if (confirm("For your security, all online ordering session expire after 30 minutes of inactivity. If you wish to " +
        "continue your order, please click OK. Otherwise press cancel to exit your secure session.")) {
        __doPostBack('ctl00$ctl00$MainContent$linkRefreshSession', '');
    }
    else {
        location.href = "/secure-hosting";
    }
}

setTimeout('showSessionAlert()', 900000);