// also declared in datacenterlight/js/main.js
function _initNavUrl() {
    // $('.url').click(function(event) {
    //     event.preventDefault();
    //     var href = $(this).attr('href');
    //     $('.navbar-collapse').removeClass('in');
    //     $('.navbar-collapse').addClass('collapsing');
    //     if ($(href).length) {
    //         $('html, body').animate({
    //             scrollTop: $(href).offset().top
    //         }, 1000);
    //     } else {
    //         window.location.href = '/datacenterlight' + href;
    //     }
    // });
    $('.url-init').each(function(idx, el) {
        var $this = $(el);
        var currentPath = window.location.pathname;
        var thisPaths = $this.attr('href').split('#')
        if ($this.hasClass('dropdown-toggle') && window.matchMedia("(max-width: 767px)").matches) {
            $this.removeClass('url-init');
            $this.attr('href', '');
        } else if ($('#'+thisPaths[1]).length) {
            $this.removeClass('url-init').addClass('url');
            $this.attr('href', '#' + thisPaths[1]);
        } else {
            $this.removeClass('url-init');
        }
    });
    $('.url').click(function(event) {
        event.preventDefault();
        var href = $(this).attr('href');
        $('.navbar-collapse').removeClass('in');
        $('.navbar-collapse').addClass('collapsing');
        if ($(href).length) {
            $('html, body').animate({
                scrollTop: $(href).offset().top
            }, 1000);
        }
    });
}

/* ---------------------------------------------
 Nav panel classic
 --------------------------------------------- */
if (window.matchMedia("(min-width: 767px)").matches) {
    $('ul.nav li.dropdown').hover(function() {
        $(this).find('.dropdown-menu').stop(true, true).fadeIn(500);
    }, function() {
        $(this).find('.dropdown-menu').stop(true, true).fadeOut(500);
    });
} else {
    /* the viewport is less than 400 pixels wide */
}

$( document ).ready(function() {

	$('[data-toggle="tooltip"]').tooltip();

    _initNavUrl();

    /*
     * Replace all SVG images with inline SVG
     */
    $('.svg-img').each(function() {
        var $img = $(this);
        var imgID = $img.attr('id');
        var imgClass = $img.attr('class');
        var imgURL = $img.attr('src');

        jQuery.get(imgURL, function(data) {
            // Get the SVG tag, ignore the rest
            var $svg = jQuery(data).find('svg');

            // Add replaced image's ID to the new SVG
            if(typeof imgID !== 'undefined') {
                $svg = $svg.attr('id', imgID);
            }
            // Add replaced image's classes to the new SVG
            if(typeof imgClass !== 'undefined') {
                $svg = $svg.attr('class', imgClass+' replaced-svg');
            }

            // Remove any invalid XML tags as per http://validator.w3.org
            $svg = $svg.removeAttr('xmlns:a');

            // Check if the viewport is set, if the viewport is not set the SVG wont't scale.
            if(!$svg.attr('viewBox') && $svg.attr('height') && $svg.attr('width')) {
                $svg.attr('viewBox', '0 0 ' + $svg.attr('height') + ' ' + $svg.attr('width'))
            }

            // Replace image with new SVG
            $img.replaceWith($svg);

        }, 'xml');
    });

    $('.alt-text').on('mouseenter mouseleave', function(e){
        var $this = $(this);
        var txt = $this.text();
        var alt = $this.attr('data-alt');
        $this.text(alt);
        $this.attr('data-alt', txt);
    });

});

function getScrollbarWidth() {
    var outer = document.createElement("div");
    outer.style.visibility = "hidden";
    outer.style.width = "100px";
    outer.style.msOverflowStyle = "scrollbar"; // needed for WinJS apps

    document.body.appendChild(outer);

    var widthNoScroll = outer.offsetWidth;
    // force scrollbars
    outer.style.overflow = "scroll";

    // add innerdiv
    var inner = document.createElement("div");
    inner.style.width = "100%";
    outer.appendChild(inner);

    var widthWithScroll = inner.offsetWidth;

    // remove divs
    outer.parentNode.removeChild(outer);

    return widthNoScroll - widthWithScroll;
}

// globally stores the width of scrollbar
var scrollbarWidth = getScrollbarWidth();
var paddingAdjusted = false;

$( document ).ready(function() {
    // add proper padding to fixed topnav on modal show
    $('body').on('click', '[data-toggle=modal]', function(){
        var $body = $('body');
        if ($body[0].scrollHeight > $body.height()) {
            scrollbarWidth = getScrollbarWidth();
            var topnavPadding = parseInt($('.navbar-fixed-top.topnav').css('padding-right'));
            $('.navbar-fixed-top.topnav').css('padding-right', topnavPadding+scrollbarWidth);
            paddingAdjusted = true;
        }
    });

    // remove added padding on modal hide
    $('body').on('hidden.bs.modal', function(){
        if (paddingAdjusted) {
            var topnavPadding = parseInt($('.navbar-fixed-top.topnav').css('padding-right'));
            $('.navbar-fixed-top.topnav').css('padding-right', topnavPadding-scrollbarWidth);
        }
    });

    /* ---------------------------------------------
     Scripts initialization
     --------------------------------------------- */
    var minRam = 1;
    if(window.minRam){
        minRam = window.minRam;
    }
    var cardPricing = {
        'cpu': {
            'id': 'coreValue',
            'value': 1,
            'min': 1,
            'max': 48,
            'interval': 1
        },
        'ram': {
            'id': 'ramValue',
            'value': 2,
            'min': minRam,
            'max': 200,
            'interval': 1
        },
        'storage': {
            'id': 'storageValue',
            'value': 10,
            'min': 10,
            'max': 2000,
            'interval': 10
        }
    };

    function _initPricing() {
        _fetchPricing();

        $('.fa-minus-circle.left').click(function(event) {
            var data = $(this).data('minus');

            if (cardPricing[data].value > cardPricing[data].min) {
                if(data === 'ram' && String(cardPricing[data].value) === "1" && minRam === 0.5){
                    cardPricing[data].value = 0.5;
                    $('#ramValue').val('0.5');
                    $("#ramValue").attr('step', 0.5);
                } else {
                    cardPricing[data].value = Number(cardPricing[data].value) - cardPricing[data].interval;
                }
            }
            _fetchPricing();
            $('#ramValue').data('old-value', $('#ramValue').val());
        });
        $('.fa-plus-circle.right').click(function(event) {
            var data = $(this).data('plus');
            if (cardPricing[data].value < cardPricing[data].max) {
                if(data === 'ram' && String(cardPricing[data].value) === "0.5" && minRam === 0.5){
                    cardPricing[data].value = 1;
                    $('#ramValue').val('1');
                    $("#ramValue").attr('step', 1);
                } else {
                    cardPricing[data].value = Number(cardPricing[data].value) + cardPricing[data].interval;
                }
            }
            _fetchPricing();
            $('#ramValue').data('old-value', $('#ramValue').val());
        });

        $('.input-price').change(function() {
            var data = $(this).attr("name");
            var input = $('input[name=' + data + ']');
            var inputValue = input.val();

            if(data === 'ram') {
                var ramInput = $('#ramValue');
                if ($('#ramValue').data('old-value') < $('#ramValue').val()) {
                    if($('#ramValue').val() === '1' && minRam === 0.5) {
                        $("#ramValue").attr('step', 1);
                        $('#ramValue').val('1');
                    }
                } else {
                    if($('#ramValue').val() === '0' && minRam === 0.5) {
                        $("#ramValue").attr('step', 0.5);
                        $('#ramValue').val('0.5');
                    }
                }
                inputValue = $('#ramValue').val();
                $('#ramValue').data('old-value', $('#ramValue').val());
            }
            cardPricing[data].value = inputValue;
            _fetchPricing();
        });
    }

    function _fetchPricing() {
        Object.keys(cardPricing).map(function(element) {
            $('input[name=' + element + ']').val(cardPricing[element].value);
        });
        _calcPricing();
    }

    function _calcPricing() {
        if(typeof window.coresUnitPrice === 'undefined'){
            window.coresUnitPrice = 5;
        }
        if(typeof window.ramUnitPrice === 'undefined'){
            window.ramUnitPrice = 2;
        }
        if(typeof window.ssdUnitPrice === 'undefined'){
            window.ssdUnitPrice = 0.6;
        }
        if(typeof window.discountAmount === 'undefined'){
            window.discountAmount = 0;
        }
        var total = (cardPricing['cpu'].value * window.coresUnitPrice) +
                    (cardPricing['ram'].value * window.ramUnitPrice) +
                    (cardPricing['storage'].value * window.ssdUnitPrice) +
                    window.vmBasePrice - window.discountAmount;
        total = parseFloat(total.toFixed(2));
        $("#total").text(total);
    }

    _initPricing();
    $('#ramValue').data('old-value', $('#ramValue').val());
});