// Used in multiple functions to check page url
var loc = location.href;

var minibasket = 0;
var altunits = 0;
var incvat = 0;

var currentSearchRequest = null;
var currentQuickRequest = null;
var currentMobileRequest = null;

/**
 * Main on document load function
 **/

$(function () {



    /**
     * Alternate unit calculation on select change
     */
    if($('select.altunitselect').length > 0 && altunits === 1){

        // Alt unit select change
        $('select.altunitselect').change(function () {

            var price = $('.pdetails .price:eq(0)');
            var opt = $(this).find('option:selected');
            var prc = opt.data('price');
            var prcinc = opt.data('priceinc');
            var prcex = opt.data('priceex');

            var prctext = "";

            // Price per label update
            var priceper = "Price per " + $(opt).text();

            $(".price-per").html(priceper);

            if(incvat === 0){
                if(prcex !== "0"){
                    prctext += prcex + EXCVAT_TEXT;
                }
            } else {
                if(prcex !== "0"){
                    prctext += prcex + INCVAT_TEXT;
                }
            }

            price.html("<span class='price'>" + prctext + "</span>");

            // Quantity break quantities and prices
            for(var i = 1; i <= 6; i++){

                // Skip bad qty breaks (can't buy in certain qty breaks (e.g 1-0)
                if(opt.data('break-' + i + '-skip') === ""){
                    if(incvat == 0) {
                        $('.qtybreak' + i + '-qtys').html(opt.data('break-' + i + '-qtys'));
                        $('.qtybreak' + i + '-price').html(opt.data('break-' + i + '-priceex'));

                        if(i === 1){
                            price.html("<span class='price'>" + opt.data('break-' + i + '-priceex') + "</span>");
                        }

                    } else {
                        $('.qtybreak' + i + '-qtys').html(opt.data('break-' + i + '-qtys'));
                        $('.qtybreak' + i + '-price').html(opt.data('break-' + i + '-priceinc'));
                        if(i === 1) {
                            price.html("<span class='price'>" + opt.data('break-' + i + '-priceinc') + "</span>");
                        }
                    }
                } else {
                    // not available, empty it
                    $('.qtybreak' + i + '-qtys').html("");
                    $('.qtybreak' + i + '-price').html("");

                }

            }

            //changes a hidden form element inside the actual form.
            $(this).parent().parent().find('input#unit').val(opt.val());
        });

        $("#basketsubmit").bind("click", function(e){

            // Stop customer changing alt unit
            $('select.altunitselect').find('option').not(":selected").each(function (i) {
                    $(this).attr("disabled", true);
            });

        });


        // preselect first one on load
        $( "select.altunitselect" ).trigger( "change" );
    }


    // Alternate products on basket page (uses related products)
    $(".alternative-product").on("click", function(e){

        e.preventDefault();

        // Change chevron to up else down
        if($(this).children("i").hasClass("fa-chevron-down")){
            $(this).children("i").removeClass("fa-chevron-down");
            $(this).children("i").addClass("fa-chevron-up");
        } else {
            $(this).children("i").removeClass("fa-chevron-up");
            $(this).children("i").addClass("fa-chevron-down");
        }

        // slide related box up else down
        var suggestedBox = $(this).parent().find(".suggestedbox");
        if(suggestedBox.is(":visible")){
            suggestedBox.slideUp();
        } else {
            suggestedBox.slideDown();
        }

    });


    // Account switch table
    $('#account-switch-table').dataTable({

        /** Good defaults to have for eShop */
        /*responsive: true,*/
        stateSave: true,
        "sPaginationType": "full_numbers",
        paging:   true,
        ordering: true,
        info:     true,
    });

    // Points log table - sorting disabled as it doesn't work well with the dates
    $('#reward-points-table').dataTable({

        stateSave: true,
        "pagingType": "full_numbers",
        paging:   true,
        "aaSorting": [],
        "bSort" : false,
        info:     true,
    });

    // When changing from business to personal change vat calc by triggering basket update
    $('input[name^="personal_business"]').change(function() {
        $('#editbasketform input[value="Update Basket"]').click();
    });

    // Global popover
    $('[data-toggle="popover"]').popover();

    // Product video js
    $('.btnVideo').on('click', function () {

        $('.main-image').hide();
        $('#video').show();
    });
    $('.zoom-thumbs a').click(function () {
        $('.main-image').show();
        $('#video').hide();
    });

    window.onload = function () {
        $('#video').show();
    };


    // Product/group lightbox on clicks
    // Already included in productgroup.php
    //$(".lightbox").colorbox({photo: true, width: "80%", height: "80%"});

    // Main drilldown menu
    $('.drilldown').drilldown();


    // Quick order search suggest
    if($('#quick-order-form').length > 0 )
    {
        // if on fast order form lets hijack the links
        $("#QuickSearchResults").on('click', 'a',function(e) {
            e.preventDefault();
            copyStockcode('mouseclick', this);
            $('#QuickSearchResults').hide();
            return false;
        });

        //focus on field on page load
        $( "#stockcode").focus();

        $( "#stockcode" ).keyup(function(e){
            // lookup

            var term = $(this).val();

            if (term.length >= 3 && (e.keyCode!==38 && e.keyCode!==40 && e.keyCode!==13)){
                doQuickSearch($(this).val(), "quickorder");
            }
            else if(term.length === 0){
                $( "#QuickSearchResults").hide();
            }
        });

        // Fast/Quick order add to basket function
        fastOrderAjaxBasket = new AjaxBasket();
        $('#quick-order-form').bind('submit', function (e) {
            var sBasketAddString = $(this).serialize();
            var term = $('#stockcode').val();
            var action=checkCancelCopySubmit(term);

            if (action==='copy'){
                copyStockcode('enter');
                e.preventDefault();
                $('#QuickSearchResults').hide();
            }
            else if (action==='cancel'){
                e.preventDefault();
            }
            else if (action==='submit'){
                e.preventDefault();
                fastOrderAjaxBasket.add(sBasketAddString);
                $('#stockcode').val('').focus();
                $('#qty').val('1');
            }

            return false;

        });

        var liSelected;
        var li;

        $(window).keydown(function (e) {
            if ($('#stockcode').is(":focus")) {
                if (e.which === 40 || e.which === 38) {
                    e.preventDefault();
                    li = $('#QuickSearchResults ul#prodList').children('li');
                }
                else {
                    liSelected = '';
                }

                if (e.which === 40) {
                    if (liSelected) {

                        liSelected.removeClass('selected');
                        next = liSelected.next();
                        if (next.length > 0) {
                            liSelected = next.addClass('selected');
                        } else {

                            liSelected = li.eq(0).addClass('selected');
                        }
                    } else {

                        liSelected = li.eq(0).addClass('selected');
                    }
                } else if (e.which === 38) {
                    if (liSelected) {
                        liSelected.removeClass('selected');
                        next = liSelected.prev();
                        if (next.length > 0) {
                            liSelected = next.addClass('selected');
                        } else {
                            liSelected = li.last().addClass('selected');
                        }
                    } else {
                        liSelected = li.last().addClass('selected');
                    }
                }
            }
        });


        $(window).resize(function() {
            $("#QuickSearchResults").css("width", $("#stockcode").css("width"));
        });
    }

    function checkCancelCopySubmit(term){

        if(term.length >= 3 && $(".selected").length){
            return 'copy';
        }
        else if(term.length >= 3 && !$(".selected").length){
            return 'submit';
        }
        else if(term.length < 3){
            return 'cancel';
        }
    }

    function copyStockcode(method, cntrl){

        console.log(cntrl);
        if(method==='mouseclick'){
            var stcd = $(cntrl).attr('data-stcode'); // stockcode
        }
        else if (method==='enter'){
            var stcd = $('#QuickSearchResults').children().children(".selected").children().attr('data-stcode'); // stockcode
        }

        console.log("Quick order selecting stock code: " + stcd);

        $("#stockcode").val(stcd);
        $("#QuickSearchResults").html('');
        $('#stockcode').focus();
    }

    function hide_message(){
        // Remove notification message
        $('#tooltipcontainer').delay(4500).fadeOut(1000);
    }

    /*
    ======================================================================================================
    ============================== Ajax Add Multiple to Quote ============================================
    ======================================================================================================
    */

    $("#quotesubmitinput, .quotesubmitinput-prodlist").on("click", function(e){
        e.preventDefault();


        var sItems;
        var sForm;
        var searchFor='quoterequest';
        var currentUrl=$(location).attr('href');

        if(currentUrl.indexOf(searchFor)!==-1){
            // If we're in the console
            sForm = $("form[data-attr='ajaxquoteform']").serialize();
        }
        else if($(".quotesubmitinput-prodlist").length>0){
            // If we're on the product list page
            sForm = $(this).parents('form:first').serialize();
        }
        else{
            // If we're on the product page
            sForm = $("form.addtobasket").serialize();
        }

        $.ajax({
          type: 'POST',
          //format: 'json',
            url: '/ajaxQuote.php',          data: sForm,
          beforeSend:function(){
            // this is where we append a loading image
            $('#tooltipcontainer').html('<div class="loading"><i class="fas fa-spinner fa-spin"></i></div>').fadeIn(500);
          },
          success:function(data){
            // successful request; do something with the data
            $('#tooltipcontainer').empty();
            var obj = jQuery.parseJSON( data );

            if(obj.totalitems===1){
                sItems='item';
            }
            else if(obj.totalitems > 1){
                sItems='items';
            }

            if (obj.totalitems > 0) {
                                    new Noty({
                        id: 'tooltip-notifications',
                        type: 'success',
                        text: 'Successfully added ' + obj.totalitems + ' ' + sItems + ' - <a href="/quoterequests">Go To Quote Form</a>',
                        timeout: 3000,
                        progressBar: true
                    }).show();
                    //$('#tooltipcontainer').html('<div class="basket-notification"><div class="data">Successfully added ' + obj.totalitems + ' ' + sItems + ' - <a href="/quoterequests">Go To Quote Form</a></div></div>').fadeIn(500);
                            }
            else {
                new Noty({
                    id: 'tooltip-notifications',
                    type: 'error',
                    text: 'You have not added any items to the quote form',
                    timeout: 3000,
                    progressBar: true
                }).show();
                //$('#tooltipcontainer').html('<div class="basket-notification"><div class="data">You have not added any items to the quote form</div></div>').fadeIn(500);
            }

            if (currentUrl.indexOf(searchFor) !== -1) {
                setTimeout(location.reload(), 600);
            }

            hide_message();

          }
        });
    });
    /* End Ajax Add Multiple to Quote */

    /* ---Begin Add to favourites------------------------------------------------------------------------------------ */
    var stockCode;          // stock code of favourite currently being processed
    var selectedButton;     // the element that instigated the update
    var onSaveCallback;     // callback to call after saving

    /**
     * Adds/deletes a favourite based on current existence
     *
     * @param stockCode - stock code of the favourite
     * @param categoryId - category the favourite should belong to
     * @param callback - optional function to call when operation is successful
     */
    function saveFavourite(stockCode, categoryId, callback ) {
        $.ajax({
            url: "/ajaxFavourites.php",
            type: 'POST',
            data: {action: 'addFavourite', stockCode: stockCode, category: categoryId},
            dataType: 'json',
            success: function (data) {
                $("#favourites-modal").modal('hide');
                if (callback !== null && typeof callback === "function") {
                    callback(data);
                }
            }
        });
    }

    function removeFavourite(stockCode, callback ) {
        $.ajax({
            url: "/ajaxFavourites.php",
            type: 'POST',
            data: {action: 'removeFavourite', stockCode: stockCode},
            dataType: 'json',
            success: function (data) {
                if (callback !== null && typeof callback === "function") {
                    callback(data);
                }
            }
        });
    }

    /**
     * Updates form for product page when a favourite is saved, used as a callback
     *
     * @param data
     */
    function onProductPageFavouriteSave(data) {
        var html;
        var toolTip;
        if (data.status === "favAdded") {
            html = 'Remove from Favourites <i title="Remove from Favourites" class="fas fa-star"></i>';
            toolTip = '<a href="/myaccount/favourites">Successfully added to favourites - Go To Favourites</a>';
        } else {
            html = 'Add to Favourites <i title="Add to Favourites" class="far fa-star"></i>';
            toolTip = 'Successfully removed from favourites';
        }

        selectedButton.html(html);
        new Noty({
            id: 'tooltip-notifications',
            type: 'success',
            text: toolTip,
            timeout: 3000,
            progressBar: true
        }).show();
        //$('#tooltipcontainer').html(toolTip).fadeIn(500);
        hide_message();
    }

    /**
     * Updates form for a product list page when a favourite is saved, used as a callback
     *
     * @param data
     */
    function onListPageFavouriteSave(data) {
        if (data.status === "favAdded") {
            new Noty({
                id: 'tooltip-notifications',
                type: 'success',
                text: 'Successfully added to favourites - <a href="/myaccount/favourites">Go To Favourites</a>',
                timeout: 3000,
                progressBar: true
            }).show();
            //$('#tooltipcontainer').html('<div class="basket-notification"><div class="data">Successfully added to favourites - <a href="/myaccount/favourites">Go To Favourites</a></div></div>').fadeIn(500);
            $(selectedButton).html('<i title="Remove from Favourites" class="fas fa-star"></i>');
        }
        else {
            new Noty({
                id: 'tooltip-notifications',
                type: 'success',
                text: 'Successfully removed from favourites',
                timeout: 3000,
                progressBar: true
            }).show();
            //$('#tooltipcontainer').html('<div class="basket-notification"><div class="data">Successfully removed from favourites</div></div>').fadeIn(500);
            $(selectedButton).html('<i title="Add to Favourites" class="far fa-star"></i>');
        }
        hide_message();
    }

    /**
     * Checks if a favourite exists and displays a modal if it doesn't, delete the favourite if it does
     *
     */
    function checkIfFavouriteExists() {
        $.ajax({
            url: "/ajaxFavourites.php",
            type: 'POST',
            data: {action: 'checkStatus', stockCode: stockCode},
            dataType: 'json',
            success: function (data) {
                if (data.status === 'isNotFavourite') {
                    $("#favourites-modal").modal({
                        show: true
                    });
                } else {
                    removeFavourite(stockCode, onSaveCallback);
                }
            }
        });
    }

    /*--- Category selection modal -----------------------------------------------------------------------------------*/

    /**
     * Updates the category selection drop-down based on contents of category name input
     */
    function updateCategorySelect() {
        var categoryName = $("#new-category-name");

        var select = $("#favourite-categories");
        if (categoryName.val() === "") {
            select.removeAttr('disabled');
        } else {
            select.attr('disabled', '');
        }
    }

    $(function () {
        // on modal open
        $('#favourites-modal').on('show.bs.modal', function () {
            // clear existing categories
            var select = $("#favourite-categories");
            select.empty();
            select.append("<option value=''>No category</option>");

            // fetch categories from server and update drop-down
            $.ajax({
                url: '/ajaxFavourites.php',
                type: 'POST',
                data: {action: 'getCategories'},
                dataType: 'json',
                success: function (data) {
                    $.each(data.categories, function (i, v) {
                        var option = $("<option>");
                        option.html(v.title);
                        option.val(v.id);
                        select.append(option);
                    })
                }
            });
        });

        // whenever a key is pressed, update category drop-down
        $("#new-category-name").on('keyup', updateCategorySelect);

        // when save is clicked
        $("#save-favourite").on('click', function () {
            var newCategory = $("#new-category-name");

            // if a new category is entered create one, then save the favourite
            if (newCategory.val() !== "") {
                $.ajax({
                    url: "/ajaxFavourites.php",
                    type: "POST",
                    data: {action: "createCategory", title: newCategory.val()},
                    dataType: 'json',
                    success: function (data) {
                        saveFavourite(stockCode, data.id, onSaveCallback);
                    }
                });
                // clear the name field and update drop-down
                newCategory.val("");
                updateCategorySelect();
            } else {
                var selectedCategory = $("#favourite-categories").find(":selected");
                saveFavourite(stockCode, selectedCategory.val(), onSaveCallback);
            }
        });
    });
    /*---End of modal-------------------------------------------------------------------------------------------------*/

    /*---Favourite toggle event listeners-----------------------------------------------------------------------------*/
    $(".addFavourite").on('click', function (e) {
        e.preventDefault();

        onSaveCallback = onProductPageFavouriteSave;
        selectedButton = $(this);
        stockCode = $(this).parent().siblings('[name=addstockcode]').val();
        checkIfFavouriteExists();
    });

    $(".moveFavourite").on("click", function (e) {
        e.preventDefault();

        onSaveCallback = function() {
            location.reload();
        };
        selectedButton = $(this);
        stockCode = $(this).siblings('[name=addstockcode]').val();
        $("#favourites-modal").modal({
            show: true
        });
    });

    $(".wishlistsubmitinput").on("click", function(e){
        e.preventDefault();

        onSaveCallback = onListPageFavouriteSave;
        selectedButton = $(this);

        if (loc.indexOf("favourites") > 0 || loc.indexOf("wishlistbulk") > 0){
            // If we're on the /myaccount/favourites page or wishlistbulk
            stockCode = $(this).parent().siblings('[name=addstockcode]').val();
        }
        else{
            // If we're on any other page...
            stockCode = $('[name=addstockcode]').val();
        }

        checkIfFavouriteExists();
    });

    $(".wishlistsubmitinput-prodlist").on("click", function(e){
        e.preventDefault();

        onSaveCallback = onListPageFavouriteSave;
        selectedButton = $(this);
        stockCode = $(this).parent().siblings('[name=addstockcode]').val();

        checkIfFavouriteExists();
    });

    $(".wishlistsubmitinput-prodgroup").on("click", function(e){
        e.preventDefault();

        onSaveCallback = onListPageFavouriteSave;
        selectedButton = $(this);
        stockCode = $(this).parent().siblings('[name=addstockcode]').val();

        checkIfFavouriteExists();
    });
    /* ---End of favourite toggle event listeners---------------------------------------------------------------------*/
    /* ---End Add to favourites-------------------------------------------------------------------------------------- */

    /* -------------------------------------- Begin Budget logic ---------------------------------------------------- */
    /* Global fade speeds */
    var globFadeInSpeed = "fast";
    var globFadeOutSpeed = "slow";

    /* Months for monthly budget conifg (Matches PHp array when submitted */
    var Months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];

    // Set to MYSQL date format for easy updating
    var dateoptions = {
        changeMonth: true,
        changeYear: true,
        dateFormat: "yy-mm-dd"
    };
    var yeardateoptions = {
        changeMonth: true,
        changeYear: true,
        dateFormat: "yy-mm-dd"
    };
    /* Budget start date - Chrome also uses built in calendar which can cause conflicts */
    $("#budgetstartdate").datepicker(dateoptions);

    /* Year start date - Chrome also uses built in calendar which can cause conflicts */
    //$("#yearstartdate").datepicker(yeardateoptions);

    /* Enable selection of budget rollover period / approval rule if enabled */
    $("input[name='enablerollover']").on("change", function () {
        var ival = $(this).val();

        if ($("input[name='enablerollover']").eq(0).attr("checked") === "checked") { // enable radio button checked status

            switch ($("#budgetperiod").val()) {
                case "daily5":

                    $("#budgetrolloverperiod [value='daily5']").attr("selected", true);
                    break;
                case "daily7":

                    $("#budgetrolloverperiod [value='daily7']").attr("selected", true);
                    break;
                case "weekly":
                    $("#budgetrolloverperiod [value='weekly']").attr("selected", true);
                    break;
                case "monthly":
                    $("#budgetrolloverperiod [value='monthly']").attr("selected", true);
                    break;
                case "yearly":
                    $("#budgetrolloverperiod [value='yearstart']").attr("selected", true);
                    break;
            }
            $("#periodstorollover").attr("disabled", false);
        } else {
            $("#budgetrolloverperiod [value='']").attr("selected", true);
            $("#periodstorollover").attr("disabled", true);
        }
    });

    /*
     If enabling approval for orders over budget - what should it do if over budget? enable: warn, approve, stop dropdown
     */
    $("#approvalrule").on("change", function () {
        var ival = $(this).val();
        if (ival === "overbudget") {
            $("#overbudgetrule").attr("disabled", false);
        } else {
            $("#overbudgetrule").attr("disabled", true);
        }
    });

    /* Set all budget period values to this value */
    $("#setall").on("keypress", function (e) {
        $("input[id*='-budget']").fadeIn(globFadeInSpeed).val($(this).val() + String.fromCharCode(e.which));
    });

    /* Enable/Disable all permissions checkbox */
    $("#ckbCheckAll").on('click', function () {
        $(".loading-overlay").fadeIn(globFadeInSpeed);
        $("input:checkbox").prop('checked', $(this).prop('checked'));
        $(".loading-overlay").fadeOut(globFadeOutSpeed);
    });

    /*
     On changing the period, load differnt period text boxes, to populate with values
     */
    $("#budgetperiod").on("change", function (e) {
        $(".loading-overlay").fadeIn(globFadeInSpeed);
        if ($("input[name='enablerollover']").eq(0).attr("checked") === "checked") { // enable radio button checked status

            switch ($(this).val()) {
                case "daily5":
                    $("#budgetrolloverperiod [value='daily5']").attr("selected", true);
                    $(".weekendoptions").show();
                    break;
                case "daily7":
                    $("#budgetrolloverperiod [value='daily7']").attr("selected", true);
                    $(".weekendoptions").show();
                    break;
                case "weekly":
                    $("#budgetrolloverperiod [value='weekly']").attr("selected", true);
                    $(".weekendoptions").hide();
                    break;
                case "monthly":
                    $("#budgetrolloverperiod [value='monthly']").attr("selected", true);
                    $(".weekendoptions").hide();
                    break;
                case "yearly":
                    $("#budgetrolloverperiod [value='yearstart']").attr("selected", true);
                    $(".weekendoptions").hide();
                    break;
            }
        }
        var action = $("#useraction").val();
        // Warn that this re start periods fresh - Doesnt set this val back to old val...
        if (action === "updatebudget") {
            if (!confirm('This will reset the currently configured budget period values AND current spend values \n\n Are you sure?')) {
                e.preventDefault();
                $(".loading-overlay").fadeOut(globFadeInSpeed);
                return false;
            }
        }

        var container = $("#budget-period-options");
        container.html("");
        var option = $(this).val();
        container.addClass("budget-period-options-periods"); // label:after class
        $("#setall-container").show();

        // Initial value if swapping between months/weeks with 'set all' set
        var iInitval = $("#setall").val();
        var i;
        if (iInitval === "") {
            iInitval = 0;
        }
        switch (option) {

            // Working week
            case "daily5":
            case "daily7":
                // 365 days of the Year
                for (i = 1; i <= 365; i++) {
                    container.append('<div id="day' + i + '-container" class="form-group col-md-3" style="display: none">' +
                    '<label for="day' + i + '">Day ' + i + '</label>' +
                    '<div class="input-group"><div class="input-group-addon">&pound;</div><input type="text" class="form-control" style="z-index: 0" id="day' + i + '-budget" name="day' + i + '-budget" value="' + iInitval + '"></div>' +
                    '</div>').find('div#day' + i + '-container').fadeIn(globFadeInSpeed);
                }

                break;


            case "weekly":
                // 52 Weeks of the Year
                for (i = 1; i <= 52; i++) {
                    container.append('<div id="week' + i + '-container" class="form-group col-md-6" style="display: none">' +
                    '<label for="week' + i + '">Week ' + i + '</label>' +
                    '<div class="input-group"><div class="input-group-addon">&pound;</div><input type="text" class="form-control" style="z-index: 0" id="week' + i + '-budget" name="week' + i + '-budget" value="' + iInitval + '"></div>' +
                    '</div>').find('div#week' + i + '-container').fadeIn(globFadeInSpeed);
                }

                break;
            case "monthly":
                // Twelve months of the year
                for (i = 1; i <= 12; i++) {
                    var curMonth = Months[(i - 1)];
                    var id = curMonth.toLowerCase();
                    container.append('<div id="' + id + '-container" class="form-group col-md-6" style="display: none">' +
                    '<label for="' + curMonth + '">' + curMonth + '</label>' +
                    '<div class="input-group"><div class="input-group-addon">&pound;</div><input type="text" class="form-control" style="z-index: 0" id="' + id + '-budget" name="' + id + '" placeholder="' + iInitval + '"></div>' +
                    '</div>').find('div#' + id + '-container').fadeIn(globFadeInSpeed);
                }

                break;
            case "yearly":
                // This year
                container.append('<div id="year-container" class="form-group col-md-6" style="display: none">' +
                '<label for="year-budget">This Year</label>' +
                '<div class="input-group"><div class="input-group-addon">&pound;</div><input type="text" class="form-control" style="z-index: 0" id="year-budget" name="year" placeholder="' + iInitval + '"></div>' +
                '</div>').find('div#year-container').fadeIn(globFadeInSpeed);
                break;
            default:
                break;
        }
        $(".loading-overlay").fadeOut(globFadeOutSpeed);
    });

    /*
     Remove budget (based on budget year loaded
     */
    $("#remove-user-budget").on("click", function (e) {

        var cref = $("#cref").val();
        var year = $("#yearstartdate").val();

        $.ajax({
            type: "POST",
            url: "/myaccount/budgetmanagement",
            async: true,
            dataType: "json",
            data: {"useraction": "removebudget", "cref": cref, date: year}
        })
            .done(function (msg) {

                if (msg === true) {
                    $("#succes-box").html("<strong>Success!</strong> removed budget").fadeIn(globFadeInSpeed).delay(3000).fadeOut(globFadeOutSpeed);
                    $(".budgetcontrol-form-container").hide();
                    // Reset form
                    $('#budget-form').trigger("reset");
                    //Empty html
                    $("#budget-period-options")
                        .html('<small id="budget-period-options-text" class="text-muted text-center">Select options above to load period options.</small>')
                        .removeClass("budget-period-options-periods");
                    // Re-hide option to set all
                    $("#setall-container").hide();

                } else {
                    $("#failed-box").html("<strong>Fail!</strong> Whoops, Something went wrong, refresh and try again.").fadeIn(globFadeInSpeed).delay(3000).fadeOut(globFadeOutSpeed);
                }
                $(".loading-overlay").fadeOut(globFadeOutSpeed);
            });

    });

    /*
     Save user budget based on update or insert.
     */
    $("#save-user-budget").on("click", function (e) {
        e.preventDefault();
        /* If period weekly or monthly then scroll up due to page length */
        var period = $("#budgetperiod").val();
        if (period === "weekly" || period === "monthly" || period === "daily5" || period === "daily7" ) {
            $('body,html').animate({
                scrollTop: 0
            }, 1600);
        }
        $(".loading-overlay").fadeIn(globFadeInSpeed);
        var sForm = $("#budget-form").serialize();
        $.ajax({
            type: "POST",
            url: "/myaccount/budgetmanagement",
            async: true,
            dataType: "json",
            data: sForm
        })
            .done(function (msg) {
                if (msg === true) {
                    var action = $("#useraction").val();
                    if (action === "updatebudget") {
                        $("#succes-box").html("<strong>Success!</strong> Updated Budget Information").fadeIn(globFadeInSpeed).delay(3000).fadeOut(globFadeOutSpeed);
                    } else {
                        //Assume inserting
                        $("#succes-box").html("<strong>Success!</strong> Inserted Budget Information").fadeIn(globFadeInSpeed).delay(3000).fadeOut(globFadeOutSpeed);
                    }
                    $(".budgetcontrol-form-container").hide();
                    // Reset form
                    $('#budget-form').trigger("reset");
                    //Empty html
                    $("#budget-period-options")
                        .html('<small id="budget-period-options-text" class="text-muted text-center">Select options above to load period options.</small>')
                        .removeClass("budget-period-options-periods");
                    // re hide option to set all
                    $("#setall-container").hide();
                    $("#remove-user-budget").hide();

                } else {
                    $("#failed-box").html("<strong>Fail!</strong> Whoops, Something went wrong, refresh and try again.").fadeIn(globFadeInSpeed).delay(3000).fadeOut(globFadeOutSpeed);
                }
                $(".loading-overlay").fadeOut(globFadeOutSpeed);
            });
    });

    /*
     Modify budget. Checks if budget exists if not INSERTS else UPDATES
     */
    $("#modifybudget").on("click", function (e) {
        $(".loading-overlay").fadeIn(globFadeInSpeed);
        $('#budget-form').trigger("reset");
        $('#budget-form input').attr("disabled", false);
        $('#budget-form select').attr("disabled", false);

        $('#periodstorollover').attr("disabled", true);
        $('#budgetrolloverperiod').attr("disabled", true);
        $('#overbudgetrule').attr("disabled", true);
        $("#save-user-budget").show();

        var sCref = $('#userlist option:selected').val();
        var dDate = $('#budgetyear option:selected').val();
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: "/myaccount/budgetmanagement",
            async: true,
            dataType: "json",
            data: {"useraction": "loadbudget", cref: sCref, budgetyear: dDate}
        })
            .done(function (msg) {
                var sCref = msg.cref;
                var bNewBudget = msg.newbudget;
                $("#setall-container").show();
                $('#budget-form').trigger("reset");
                if (sCref !== "") {
                    var bNewOrUpdate = "";
                    $(".budgetcontrol-form-container").show();
                    $("#cref").val(sCref);

                    if (bNewBudget === "true") {

                        $("#yearstartdate").val($('#budgetyear option:selected').val() + "-01-01");

                        $("#remove-user-budget").hide();

                        $("#useraction").val("insertbudget");
                        bNewOrUpdate = "new";
                        // No form data to load

                        $("#budget-period-options").html('<small id="budget-period-options-text" class="text-muted text-center">Select options above to load period options.</small>').removeClass("budget-period-options-periods");
                    } else {
                        bNewOrUpdate = "update"
                        $("#useraction").val("updatebudget");
                        $("#remove-user-budget").show(); // show remove button as it exists
                        // Populate form with data
                        $("#cref").val(msg.cref);
                        $("#yearstartdate").val(msg.yearstartdate);
                        $("#budgetstartdate").val(msg.budgetstartdate);
                        $("#budgetperiod [value='" + msg.budgetperiod + "']").attr("selected", true);
                        $("#periodstorollover").val(msg.rolloverperiods); // Number of periods to rollover


                        var rollover = msg.rollover === 1 ? 0 : 1; // element slector 0 = 1(enabled), 1 = 2(disabled)

                        $("input[name='enablerollover']").eq(rollover).attr("checked", true);

                        if (rollover === 0) { // enabled
                            //$("#budgetrolloverperiod").attr("disabled",false); // undisable elem
                            $("#budgetrolloverperiod [value='" + msg.rolloverrule + "']").attr("selected", true); // select configigured elem
                            $('#periodstorollover').attr("disabled", false);
                        }

                        var budgetperiod = msg.budgetperiod;
                        $("#approvalrule [value='" + msg.approvalrule + "']").attr("selected", true); // select configigured elem
                        if (msg.approvalrule === "overbudget") {
                            $("#overbudgetrule").attr("disabled", false); // undisable elem
                        } else {
                            $("#overbudgetrule").attr("disabled", true); // undisable elem
                        }
                        $("#overbudgetrule [value='" + msg.overbudgetrule + "']").attr("selected", true); // select configigured elem

                        var container = $("#budget-period-options");

                        // Return current period to highlight in table if updating
                        var currentperiod = msg.currentperiod;
                        var highlight = false;
                        if (bNewOrUpdate === "update") {
                            highlight = true; // highlight

                        }

                        container.html("");
                        switch (budgetperiod) {

                            case "daily5":
                            case "daily7":
                                // Weekly boxes populated with data from DB
                                $.each(msg.periods, function (key, value) {
                                    $("#periodstorollover").val(value.rolloverperiods); // Number of periods to rollover
                                    var period = key;
                                    if (currentperiod === period && highlight) {
                                        var css = "box-shadow: 2px 2px 11px 1px rgb(0, 0, 0); ";
                                    } else {
                                        var css = ""
                                    }
                                    var periodlabel = period.replace("day", "Day ");
                                    var periodvalue = parseFloat(value.budgetvalue);
                                    var periodcurrentspend = parseFloat(value.currentspend);
                                    var periodoverspend = parseFloat(value.overspend);
                                    var periodspend = 0;
                                    periodspend = parseFloat(periodcurrentspend + periodoverspend);

                                    container.append('<div id="' + period + '-container" class="form-group col-md-6" style="display: none">' +
                                    '<label for="' + period + '">' + periodlabel + '</label>' +
                                    '<div class="input-group" style="' + css + '"><div class="input-group-addon">&pound;</div><input type="text" class="form-control" style="z-index: 0" id="' + period + '-budget" name="' + period + '-budget" value="' + periodvalue + '">' +
                                    '<div class="input-group-addon budget-spend-edit" data-budgetid="'+value.budgetid+'" data-toggle="tooltip" data-placement="top" title="Click to adjust budget spend value">Current Spend &pound;<span class="current-spend-value">' + periodspend.toFixed(2) + '</span></div></div>' +
                                    '</div>').find('div#' + period + '-container').fadeIn(globFadeInSpeed);
                                });
                            break;

                            case "weekly":
                                // Weekly boxes populated with data from DB
                                $.each(msg.periods, function (key, value) {
                                    $("#periodstorollover").val(value.rolloverperiods); // Number of periods to rollover
                                    var period = key;
                                    if (currentperiod === period && highlight) {
                                        var css = "box-shadow: 2px 2px 11px 1px rgb(0, 0, 0); ";
                                    } else {
                                        var css = ""
                                    }
                                    var periodlabel = period.replace("week", "Week ");
                                    var periodvalue = parseFloat(value.budgetvalue);
                                    var periodcurrentspend = parseFloat(value.currentspend);
                                    var periodoverspend = parseFloat(value.overspend);
                                    var periodspend = 0;
                                    periodspend = periodcurrentspend + periodoverspend;

                                    container.append('<div id="' + period + '-container" class="form-group col-md-6" style="display: none">' +
                                    '<label for="' + period + '">' + periodlabel + '</label>' +
                                    '<div class="input-group" style="' + css + '"><div class="input-group-addon">&pound;</div><input type="text" class="form-control" style="z-index: 0" id="' + period + '-budget" name="' + period + '-budget" value="' + periodvalue + '">' +
                                    '<div class="input-group-addon budget-spend-edit" data-budgetid="'+value.budgetid+'" data-toggle="tooltip" data-placement="top" title="Click to adjust budget spend value">Current Spend &pound;<span class="current-spend-value">' + periodspend.toFixed(2) + '</span></div></div>' +
                                    '</div>').find('div#' + period + '-container').fadeIn(globFadeInSpeed);
                                });
                                break;
                            case "monthly":
                                //Monthly  text fields populated with data from DB
                                $.each(msg.periods, function (key, value) {
                                    $("#periodstorollover").val(value.rolloverperiods); // Number of periods to rollover
                                    var periodspend = (parseFloat(value.currentspend) + parseFloat(value.overspend));
                                    if (currentperiod === key && highlight) {
                                        var css = "box-shadow: 2px 2px 11px 1px rgb(0, 0, 0); ";
                                    } else {
                                        var css = ""
                                    }

                                    container.append('<div id="' + key + '-container" class="form-group col-md-6" style="display: none">' +
                                    '<label for="' + key + '">' + toProperCase(key) + '</label>' +
                                    '<div class="input-group" style="' + css + '"><div class="input-group-addon">&pound;</div><input type="text" class="form-control" style="z-index: 0" id="' + key + '-budget" name="' + key + '" value="' + value.budgetvalue + '">' +
                                    '<div class="input-group-below">Rollover &pound;' + value.rollovervalue + '</div>' +
                                    '<div class="input-group-addon budget-spend-edit" data-budgetid="'+value.budgetid+'" data-toggle="tooltip" data-placement="top" title="Click to adjust budget spend value">Current Spend &pound;<span class="current-spend-value">' + periodspend.toFixed(2) + '</span></div></div>' +
                                    '</div>').find('div#' + key + '-container').fadeIn(globFadeInSpeed);
                                });
                                break;
                            case "yearly":
                                // This year
                                $("#periodstorollover").val(msg.periods["year"].rolloverperiods); // Number of periods to rollover (same for each year
                                if (currentperiod === "year" && highlight) {
                                    var css = "box-shadow: 2px 2px 11px 1px rgb(0, 0, 0); ";
                                } else {
                                    var css = ""
                                }
                                var yearspend = (parseFloat(msg.periods["year"].currentspend) + parseFloat(msg.periods["year"].overspend));

                                container.append('<div id="year-container" class="form-group col-md-6" style="display: none">' +
                                '<label for="year-budget">This Year</label>' +
                                '<div class="input-group" style="' + css + '"><div class="input-group-addon">&pound;</div><input type="text" class="form-control" style="z-index: 0" id="year-budget" name="year" value="' + msg.periods["year"].budgetvalue + '">' +
                                '<div class="input-group-addon budget-spend-edit" data-budgetid="'+msg.periods["year"].budgetid+'" data-toggle="tooltip" data-placement="top" title="Click to adjust budget spend value">Current Spend &pound;<span class="current-spend-value">' + yearspend.toFixed(2) + '</span></div></div>' +
                                '</div>').find('div#year-container').fadeIn(globFadeInSpeed);
                                break;
                            default:
                                break;
                        }
                    }

                    if (bNewOrUpdate === "update") {
                        $("#succes-box").html("Success, Loaded customer budget data.").fadeIn(globFadeInSpeed).delay(3000).fadeOut(globFadeOutSpeed);
                    } else {
                        $("#succes-box").html("Success, Ready to create new budget for customer.").fadeIn(globFadeInSpeed).delay(3000).fadeOut(globFadeOutSpeed);
                    }
                } else {
                    $("#failed-box").html("Whoops, Something went wrong.").fadeIn(globFadeInSpeed).delay(3000).fadeOut(globFadeOutSpeed);
                }
                $(".loading-overlay").fadeOut(globFadeOutSpeed);

                $('.budget-spend-edit').tooltip();


            });



    });

    /*
     View budget. Just shows budget form with no modification available (removed buttons and disables form
     */
    $("#viewbudgets").on("click", function (e) {
        // Load list of budgets current periods

        $.ajax({
            type: "POST",
            url: "/myaccount/budgetmanagement",
            async: true,
            dataType: "json",
            data: {"useraction": "listbudgets"}
        })
            .done(function (msg) {
                var oContainer = $("#listbudgets");
                var sReturn = '<table class="table table-bordered col-md-12">';
                sReturn += '<thead><tr>';
                sReturn += '<th>Customer Reference</th>';
                sReturn += '<th>Period</th>';
                sReturn += '<th>Rollover Periods</th>';

                sReturn += '<th>Approval Rule</th>';
                sReturn += '<th>Overbudget Rule</th>';
                sReturn += '<th>Budget Value</th>';
                sReturn += '<th>Current Spend</th>';
                sReturn += '<th>Overspend</th>';
                sReturn += '<th>Budget Inc Rollover</th>';
                sReturn += '<th>Total Spend</th>';
                sReturn += '</tr></thead><tbody>';
                $.each(msg, function (key, value) {
                    console.log("Listing info for cref = '" + key + "', period='" + value.budgetperiod + "'");
                    sReturn += '<tr>';
                    sReturn += '<td>' + key + '</td>';
                    sReturn += '<td>' + value.year + ' - ' + value.budgetperiod + ' (' + value.currentperiod + ')</td>';
                    sReturn += '<td>' + value.rolloverperiods + '</td>';
                    sReturn += '<td>' + value.approvalrule + '</td>';
                    sReturn += '<td>' + value.overbudgetrule + '</td>';
                    sReturn += '<td>&pound;' + value.budgetvalue + '</td>';
                    sReturn += '<td>&pound;' + value.currentspend + '</td>';
                    sReturn += '<td>&pound;' + value.overspend + '</td>';
                    var budget = parseFloat(value.budgetvalue) + parseFloat(value.rollovervalue);
                    budget = budget.toFixed(2);
                    sReturn += '<td>&pound;' + budget + '</td>';
                    var tot = parseFloat(value.currentspend) + parseFloat(value.overspend);
                    tot = tot.toFixed(2);
                    sReturn += '<td>&pound;' + tot + '</td>';
                    sReturn += '</tr>';
                });
                sReturn += '<tbody/></table>';
                oContainer.show();
                oContainer.html(sReturn);
                //cref
                //budgetperiod
                //budgetvalue
                //approvalrule
                //overbudgetrule
                //overspend
                //rolloverperiods

            });
    });

    /**
     * On spend click enable adjust modal
     * 'on click' needs to be attached to parent that always exists as .budget-spend-edit is dynamically loaded
     */
    $("#budget-period-options").on("click", ".budget-spend-edit", function(e){

        // Record ID to update
        var budgetid = $(this).data("budgetid");
        console.info("Budget record: " + budgetid);

        // Adjust modal
        var adjustModal = $("#adjustbudgetmodal")

        // Load modal form with:
        // - cref of current budget loaded (select input)
        var cref = $('#userlist option:selected').val();
        console.info("Customer Ref: " + cref);
        $(".adjust-cref").text(cref);

        var budgetyear = $('#budgetyear option:selected').val();
        console.info("Period Year: " + budgetyear);
        $(".adjust-period-year").text(budgetyear);


        // - period being edited (parent label)
        var period = $(this).parent().parent().children("label").text();
        console.info("Period: " + period);
        $(".adjust-period").text(period);

        // - Current spend (move to span tag to access value without £)
        var currentspend = $(this).children(".current-spend-value").text();
        //console.info("Current period spend: " + currentspend);
        $(".adjust-current-spend").text(currentspend);

        // Update hidden fields used to make ajax call
        $("#adjust-cref").val(cref);
        $("#adjust-budgetid").val(budgetid);

        adjustModal.modal('show');

    });

    $("#send-adjustment").on("click", function(e){

        e.preventDefault();
        // Send updated current spend to ajax end point
        // - create endpoint
        // - on success update current spend value span

        var budgetid = $("#adjust-budgetid").val();
        var adjustment = $("#adjust-spend").val();
        var comment = $("#adjust-reason").val();
        $.ajax({
            type: "POST",
            url: "/myaccount/budgetmanagement",
            async: true,
            dataType: "json",
            data: {
                "useraction": "adjustbudget",
                "budgetid": budgetid,
                "adjustment": adjustment,
                "comment": comment,
            }
        })
        .done(function (msg) {

            if(msg === false || msg === "false"){
                // fail
                $("#adjust-error").show();
            } else {
                // success
                // Add new spend to UI
                $("[data-budgetid='" + budgetid + "'] span").text(msg);

                // Hide Adjust modal
                var adjustModal = $("#adjustbudgetmodal");
                adjustModal.modal('hide');

                // reset adjust modal values
                $("#adjust-spend").val(0);
                $("#adjust-reason").val("");

            }

        });


    });


    var tableCreated = false;
    /**
     * Show budget log: Only create datatable object if it hasnt already been created (causes error)
     */
    $("#viewlog").on("click", function(e){
        e.preventDefault();
        if(tableCreated === false){
            $('#budget-log-table').dataTable({
                "bJQueryUI": false,
                "bAutoWidth": false,
                "bStateSave": true,
                "sPaginationType": "full_numbers",
                "aaSorting": [[ 8, "desc" ]]
            });
            tableCreated = true;
        }

        // Show modal
        var logModal = $("#logmodal");
        logModal.modal('show');

    })

    /* -------------------------------------- End Budget logic ---------------------------------------------------- */

    /*  =====================================================================================================
     ============================= End Budget Managment =================================================
     =====================================================================================================
     */

    /*  =====================================================================================================
     ============================= Begin MultiUser Managment =============================================
     =====================================================================================================
     */

    /*
     //Generate a password using plugin
     $('#genpass').bind('click', function(e){
     e.preventDefault();
     var pw = GPW.pronounceable(10);
     $("#password").val(pw);
     });
     */

    // Only set if modifing
    $("#modifypassmsg").html("");

    // Begin create user form handling
    $('#createuser-button').on('click', function (e) {
        e.preventDefault();
        $(".loading-overlay").fadeIn(globFadeInSpeed);
        // validate email
        if (!ValidateEmail($("#email").val())) {
            $(".loading-overlay").fadeOut(globFadeOutSpeed);
            $("#failed-box").html("Please enter a valid email address.").fadeIn(globFadeInSpeed);
            return false;
        } else {
            $(".loading-overlay").fadeOut(globFadeOutSpeed);
            $("#failed-box").fadeOut(globFadeOutSpeed).html("");
        }

        // Validate password seperatly if modifying it can be blank else if creating needs to be 6> chars
        var sUpdateModify = $("#createuser-button").html();
        if (sUpdateModify === "Create New Account") {
            var pass = $("#password");
            if (pass.val().length < 6) {
                $(".loading-overlay").fadeOut(globFadeOutSpeed);
                $("#failed-box").html("Please ensure your password is longer than 6 characters.").fadeIn(globFadeInSpeed);
                return false;
            } else {
                $("#failed-box").html("").fadeOut(globFadeOutSpeed);
            }
        } else {
            // Ensure user id is loaded into form before modifying
            var id = $("#userid").val();
            if (id === "") {
                $(".loading-overlay").fadeOut(globFadeOutSpeed);
                $("#failed-box").html("Whoops, Please refresh the page.").fadeIn(globFadeInSpeed);
                return false;
            }
            // Can be blank... handled by php if different it updates it
            $("#failed-box").html("").fadeOut(globFadeOutSpeed);

            // Security check for webopts admin
            var weboptsvalue = $("#webopts").attr("value");
            var weboptsval = $("#webopts").val();

            if(weboptsvalue.indexOf("level:admin") >= 0){
                $(".loading-overlay").fadeOut(globFadeOutSpeed);
                $("#failed-box").html("Whoops, you can't make yourself admin.").fadeIn(globFadeInSpeed);
                return false;
            }

        }



        // Send data
        var sUsername = $('#userlist option:selected').val();
        var sFormData = $("#newuser-form").serialize();
        $.ajax({
            type: "POST",
            url: "/myaccount/usermanagement",
            async: true,
            data: sFormData
        })
            .done(function (msg) {

                switch (msg) {
                    case "true":
                        $("#succes-box").html("<strong>Success!</strong> Updated user account!").fadeIn(globFadeInSpeed).delay(3000).fadeOut(globFadeOutSpeed);
                        $('#removeuser-button').fadeOut(globFadeOutSpeed);
                        $("label[generated='true']").hide()
                        $("#failed-box").hide();
                        $("#newuser-form input").val("");
                        $("input:checkbox").val("1"); // set all vals to 1 for next update
                        $("#action").val("update");
                        $("input:checked").prop("checked", false);
                        $("#createuser-button").html("Create New Account");
                        $("legend").html("Create New Account");
                        setTimeout(function () {
                            getUserList();
                        }, 1000);
                        $(".loading-overlay").fadeOut(globFadeOutSpeed);
                        break;
                    case "false":
                        $(".loading-overlay").fadeOut(globFadeOutSpeed);
                        $("#failed-box").html("Whoops, Please refesh the page.").fadeIn(globFadeInSpeed);
                        break;
                    default:
                        break;
                }

            });
    });

    /*
     Removes user from MultiAuth table
     */
    $('#removeuser-button').on('click', function (e) {
        $(".loading-overlay").fadeIn(globFadeInSpeed);
        $('#removeuser-button').attr("disabled", true);
        var iRemoveID = $("#userid").val();
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "/myaccount/usermanagement",
            async: true,
            data: {useraction: "removeuser", userid: iRemoveID}
        })
            .done(function (msg) {
                switch (msg) {

                    case true:
                        $("#modifypassmsg").html("");
                        $("label[generated='true']").hide();
                        $("#failed-box").hide();
                        $("#newuser-form input").val("");
                        $("#action").val("update");
                        $("input:checked").prop("checked", false);
                        $("#createuser-button").html("Create New Account");
                        $("legend").html("Create New Account");
                        $('#removeuser-button').attr("disabled", false);
                        $('#removeuser-button').fadeOut(globFadeOutSpeed);
                        setTimeout(function () {
                            getUserList();
                        }, 1000);
                        $(".loading-overlay").fadeOut(globFadeOutSpeed);
                        $("#succes-box").html("<strong>Success!</strong> User account removed").fadeIn(globFadeInSpeed).delay(3000).fadeOut(globFadeOutSpeed);
                        break;

                    case false:
                        $(".loading-overlay").fadeOut();
                        $("#failed-box").html("<strong>Fail!</strong> User account not removed").fadeIn(globFadeInSpeed);
                        break;
                }

            });
    });


    //Modify user
    $('#modifyuser').on('click', function (e) {

        e.preventDefault();
        $(".loading-overlay").fadeIn(globFadeInSpeed);
        $("#createuser-button").attr("disabled", true);
        $("label[generated='true']").hide();
        $("#failed-box").hide();
        $("#modifypassmsg").html("(Leave blank to not update)");
        $('#removeuser-button').fadeIn(globFadeInSpeed);
        var iUserID = $('#userlist option:selected').val();


        $.ajax({
            type: "POST",
            dataType: "json",
            url: "/myaccount/usermanagement",
            async: true,
            data: {useraction: "userinfo", userid: iUserID}
        })
            .done(function (msg) {

                //Populate text fields
                $("#userid").val(msg.userid);
                $("#companyname").val(msg.name);
                $("#email").val(msg.username);
                $("#passwordcheck").val(msg.password);
                $("#cref").val(msg.cref);

                $("#webopts").val(msg.webopts);
                //$("#usertype option[value='"+msg.webopts+"']").attr("selected",true);

                $("#updatecref option[value='" + msg.cref + "']").attr("selected", true);
                var perm1 = msg.permission1 === 1;
                var perm2 = msg.permission2 === 1;
                var perm3 = msg.permission3 === 1;
                var perm4 = msg.permission4 === 1;
                var perm5 = msg.permission5 === 1;
                var perm6 = msg.permission6 === 1;
                var perm7 = msg.permission7 === 1;
                var perm8 = msg.permission8 === 1;
                var perm9 = msg.permission9 === 1;
                var perm10 = msg.permission10 === 1;
                var perm11 = msg.permission11 === 1;


                $("#permission-1").attr("checked", perm1);
                $("#permission-2").attr("checked", perm2);
                $("#permission-3").attr("checked", perm3);
                $("#permission-4").attr("checked", perm4);
                $("#permission-5").attr("checked", perm5);
                $("#permission-6").attr("checked", perm6);
                $("#permission-7").attr("checked", perm7);
                $("#permission-8").attr("checked", perm8);
                $("#permission-9").attr("checked", perm9)
                $("#permission-10").attr("checked", perm10)
                $("#permission-11").attr("checked", perm11)

                $("#succes-box").html("Loaded user information.").fadeIn(globFadeInSpeed).delay(3000).fadeOut(globFadeOutSpeed);
                $("#createuser-button").html("Update Account");
                $("legend").html("Update Account - " + msg.username);
                $("#createuser-button").attr("disabled", false);
                $(".loading-overlay").fadeOut(globFadeOutSpeed);
            });

        //Populate create for with info and change post action to modify user!
    });
    /* -------------------------------------- Begin Multi Auth ---------------------------------------------------- */

    /* Begin nasty IE 8 fix */
    //if ($.browser.msie) {
    //    $("body").hide();
    //
    //    $.getScript('/themes/default/js/plugins/bootstrap.respond.js', function () {
    //        // got script wait 3 seconds
    //        setTimeout(function () {
    //            $("body").fadeIn(globFadeInSpeed);
    //        }, 1000);
    //        //$("body").fadeIn();
    //    });
    //}
    /* End nasty IE 8 fix */

    /* Delivery cost estimator */
    $('.postcode-estimator-result').on('click', '.postcode-estimator-update-btn', function (e) {
        e.preventDefault();
        console.log("wait 2 seconds and refresh");
        $("body").css("cursor", "progress");
        $(".postcode-estimator-update-btn").css("cursor", "progress");
        // Wait two seconds for session to be set (for some reason)
        setTimeout(function () {
            $("body").css("cursor", "");
            $(".postcode-estimator-update-btn").css("cursor", "");
            location.reload();
        }, 1000);

    });

    /*
     List postcodes out of possible account addresses
     */
    $(".postcode-estimator-txt").bind('focus', function (e) {
        // On focus load possible postcodes to insert
        var results = $("#deliveryprice-postcodes");
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "/ajaxShippingOptions.php",
            async: true,
            data: {list: true}
        })
            .done(function (msg) {
                var items = [];
                $.each(msg, function (key, val) {
                    items.push("<a class='postcode-estimate-load' href='" + val + "' >" + val + " </a> <br />");
                });
                results.html(items.join(""));

                /* Bind postcode links */
                $(".postcode-estimate-load").bind('click', function (e) {
                    e.preventDefault();
                    var loadpstcd = $(this).attr("href");
                    $(".postcode-estimator-txt").val(loadpstcd.toUpperCase());
                    $("#deliveryprice-postcodes").hide();

                });
                results.show();
            });
    });

    /*
     Load delivery options box
     */
    $('.postcode-estimator-btn').bind('click', function (e) {
        e.preventDefault();

        $(".postcode-estimator-result").html("");
        var sPostCode = $(".postcode-estimator-txt").val();
        if (isValidPostcode(sPostCode)) { // check if valid

            $(".postcode-estimator-txt").val(formatPostcode(sPostCode)); // If valid - Format it + submit

            $.ajax({
                type: "POST",
                dataType: "json",
                url: "/ajaxShippingOptions.php",
                async: true,
                data: {postcode: encodeURI(formatPostcode(sPostCode))}
            })
                .done(function (msg) {

                    var items = [];
                    var iCnt = 1;

                    if($.type(msg) === 'object') {
                        $.each(msg, function (key, val) {

                            var DelCode = key;
                            var info = val;
                            var title = info.Title;
                            var desc = info.Description;
                            var cost = info.Cost;
                            var costtxt = info.CostString;

                            if (($.type(info.Selected) === 'undefined' || info.Selected === "") && iCnt === 1) {
                                var checked = ' checked="checked" ';
                            } else {
                                var checked = info.Selected;
                            }

                            items.push('<fieldset class="delopt">' +
                            '<legend> ' + title + '</legend>' +
                            '<table>' +
                            '<tbody>' +
                            '<tr>' +
                            '<td><input type="radio" value="' + DelCode + '" ' + checked + ' name="choosedelmethcode-estimate"></td>' +
                            '<td><div>' + desc + '</div><div></div></td><td class="price">' + costtxt + '</td></tr>' +
                            '</tbody></table>' +
                            '</fieldset>');
                            iCnt++;
                        }); //  end for each


                        $("" + items.join("") + '<input type="button" value="Update" name="submit" class="btn btn-primary postcode-estimator-update-btn"> ').appendTo(".postcode-estimator-result");

                        $(".postcode-estimator-result").fadeIn(globFadeInSpeed);

                        var preselected = $('[name="choosedelmethcode-estimate"]:checked').val();
                        if (preselected !== undefined) {
                            $.ajax({
                                type: "POST",
                                url: "/ajaxShippingOptions.php",
                                async: false,
                                data: {setmeth: encodeURI(preselected)}
                            })
                        }

                        $('[name="choosedelmethcode-estimate"]').bind('click', function (e) {
                            // Set del method for checkout
                            $.ajax({
                                type: "POST",
                                url: "/ajaxShippingOptions.php",
                                async: false,
                                data: {setmeth: encodeURI($(this).val())}
                            })
                                .done(function (msg) {
                                });

                        });
                    } else {
                        $(".postcode-estimator-result").fadeIn(globFadeInSpeed);
                        $(msg).appendTo(".postcode-estimator-result");
                    }
                });

        }

    });

    /*
     Loads user dropdown list built with PHP
     */
    function getUserList() {

        param = "userlist";
        $.ajax({
            type: "POST",
            url: "/myaccount/usermanagement",
            cache: false,
            async: true,
            data: {useraction: param}
        })
            .done(function (msg) {

                if (msg !== "") {
                    $(".dropdown-container").fadeOut(globFadeOutSpeed).html(msg).fadeIn(globFadeInSpeed);
                    $(".dropdown-container form").addClass("col-md-11");
                    $(".dropdown-container form").addClass("col-md-offset-1");
                } else {
                    $("#failed-box").html("Error loading user list, try refreshing the page.").fadeIn(globFadeInSpeed);
                }

            });

    }

    function ValidateEmail(mail) {
        return /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,10})+$/.test(mail);

    }

    /* Tests to see if string is in correct UK style postcode: AL1 1AB, BM1 5YZ etc. */
    function isValidPostcode(p) {
        var postcodeRegEx = /[A-Z]{1,2}[0-9]{1,2} ?[0-9][A-Z]{2}/i;
        return postcodeRegEx.test(p);
    }

    /* Formats a VALID postcode nicely: AB120XY -> AB1 0XY */
    function formatPostcode(p) {
        if (isValidPostcode(p)) {
            var postcodeRegEx = /(^[A-Z]{1,2}[0-9]{1,2})([0-9][A-Z]{2}$)/i;
            return p.replace(postcodeRegEx, "$1 $2").toUpperCase();
        } else {
            return p;
        }
    }

    // Begin Tooltip handler
    if ($('#tooltipcontainer').length !== 0) {
        var topcss = $('#tooltipcontainer').css('top').split('p');
        var top = topcss[0];
        $(window).scroll(function (event) {
            // what the y position of the scroll is
            var y = $(this).scrollTop();
            // whether that's below the box
            if (y >= top) {
                // if so, add the fixed class
                $('#tooltipcontainer').addClass('fixed');
            } else {
                // otherwise remove it
                $('#tooltipcontainer').removeClass('fixed');
            }
        });
    }

    /*
    Begin ajaxbasket instance. Binds the submit event to the add to basket button on form load (except for product tables) - see below.
    */
    if ((loc.indexOf("Products") > 0 || loc.indexOf("ProductGrp") > 0 || loc.indexOf("product.php") > 0 || loc.indexOf("favourites") > 0) && $(".grptable").length == 0){

        myAjaxBasket = new AjaxBasket();
        $('.addtobasket').bind('submit', function () {
            var BasketAddString = $(this).serialize();
            var successadd = myAjaxBasket.add(BasketAddString);
            return false;
        });
    }

    /*
    Begin ajaxbasket instance for product tables. As we've had issues with product tables, it's been seperated from the above for easier debugging
    */
    if ($(".grptable").length > 0){

        myAjaxBasket = new AjaxBasket();
        $('.addtobasket').bind('submit', function () {
            var BasketAddString = $(this).serialize();
            var successadd = myAjaxBasket.add(BasketAddString);
            console.log("Success in adding:" + successadd);
            return false;
        });
    }




    /* Load bootstrap switch */
    //$('#chkPfToggle').bootstrapSwitch('size', 'small');
    //$('.bootstrap-switch-id-chkPfToggle').on('click', function (el) {
    //    if ($('#chkPfToggle').is(':checked')) {
    //        $('#txtHAtts').val('pfToggleOn');
    //        //console.log("chkPfToggle is checked");
    //    } else {
    //        $('#txtHAtts').val('pfToggleOff');
    //        //console.log("chkPfToggle not checked");
    //    }
    //    //$('#frmFilters').submit();
    //});

    function submitForm(frmName) {
        $('#' + frmName).submit();
    }

    $('#btnPrice').on('click', function () {
        var min = $('#pricemin').val();
        var max = $('#pricemax').val();
        $('#txtHAtts').val('price~' + min + '~' + max);
        $('#frmFilters').submit();
    });


    $('#btnPriceMob').on('click', function () {
        var min = $('#priceminMob').val();
        var max = $('#pricemaxMob').val();
        $('#txtHAtts').val('price~' + min + '~' + max);
        $('#frmFiltersMob').submit();
    });


    $('#pricemin').keypress(function (e) {
        if (e.which == 13) {
            $('#pricemax').focus();
        }
    });

    $('#pricemax').keypress(function (e) {
        $('#btnPrice').trigger('click');
    });

    $('.checkbox.option').on('click', function () {
        var filter = $(this).find('input[type=checkbox]').val();
        $('#txtHAtts').val(filter);
        submitForm('frmFilters');
    });

    $('.checkbox.optionMob').on('click', function () {
        var filter = $(this).find('input[type=checkbox]').val();
        $('#txtHAtts').val(filter);
        submitForm('frmFiltersMob');
    });

    $('.colour-blocks-filters input:checked').parent().css({'border': '2px solid #fff', 'outline': '2px solid #009'});

    $('.colour-blocks-filters').on('click', function () {
        var filter = $(this).find('input[type=checkbox]').val();
        $('#txtHAtts').val(filter);
        $('#frmFilters').submit();
    });

    $('.rmselected .delete').on('click', function () {
        var attid = $(this).parent('div').attr('data-tag');
        $('#txtHAtts').val(attid);
        $('#frmFilters').submit();
    });

    $('#pfclearall').on('click', function () {
        $('#txtHAtts').val('clearall');
        $('#frmFilters').submit();
    });

    $('.colour-blocks-filters').tooltip({
        items: '.colour-blocks-filters',
        content: function () {
            var colour = $(this).find('.colour-name').html();
            var attvalcount = $(this).find('.attvalcount').html();
            return colour + ' ' + attvalcount;
        }
    });
    /*
     //Fetch all the set colours from productGroup-blocks plugin.
     var colorTable = $.fn.blocks.defaults.colourcodes;

     //For each colour block.
     $( '.colour-blocks-filters' ).each( function(){
     //Replace any spaces wita a '-' as you cannot assign a class name with spaces in.
     var spanColor = $( this ).find( '.colour-name' ).html().replace( ' ', '-' );

     //Check if colour matches in table
     if( colorTable[spanColor.toLowerCase()] != undefined ){
     //Set the css bg color
     $( this ).css( {
     'background-color' : colorTable[spanColor.toLowerCase()]
     });
     } else {
     //If no colour is found in array then add a class of that colour.
     $( this ).addClass( spanColor );
     }
     });
     */


    /* begin predictive search suggest */

    //Hide SearchResults when clicking on body
    $("body").on('click', function () {
        $("#SearchResults").hide();
        $("#SearchResultsMobile").hide();
        $("#SearchResults").css('border-color', 'transparent');
        $("#SearchResultsMobile").css('border-color', 'transparent');
    });

    $("#mainsearch").keyup(function (e) {
        //doSearch($(this).val() + String.fromCharCode(e.which));
        doSearch($(this).val());
    });

    $("#secondsearch").keyup(function (e) {
        //doSearchMobile($(this).val() + String.fromCharCode(e.which));
        doSearchMobile($(this).val());
    });

//    $("#mainsearch").keydown(function (e) {
//        if (e.which == 8) {
//            doSearch($(this).val().substring(0, $(this).val().length - 1));
//        }
//    });
//
//    $("#secondsearch").keydown(function (e) {
//        if (e.which == 8) {
//            doSearchMobile($(this).val().substring(0, $(this).val().length - 1));
//        }
//    });

    function doSearch(text) {
        SearchCat = 'all';
        showSearchResults(text, SearchCat);
        $("#SearchResults").css('border-color', '#0060AA');
        if (!$("#SearchResults").html()) {
            $("#SearchResults").css('border-color', 'transparent');
        }
        $("#SearchResults").slideDown();

    }

    function doSearchMobile(text) {
        SearchCat = 'all';
        showSearchResultsMobile(text, SearchCat);
        $("#SearchResultsMobile").css('border-color', '#0060AA');
        if (!$("#SearchResultsMobile").html()) {
            $("#SearchResultsMobile").css('border-color', 'transparent');
        }
        $("#SearchResultsMobile").slideDown();

    }

    function doQuickSearch(text, quickorder) {
        SearchCat = 'all';
        SearchCat = 'all';
        showQuickSearchResults(text, SearchCat, quickorder);
        $("#QuickSearchResults").css('border-color', '#0060AA');
        if (!$("#QuickSearchResults").html()) {
            $("#QuickSearchResults").css('border-color', 'transparent');
        }
    }
    var ajax;

    function showSearchResults(str, SearchCat) {
        var minSearchLength = 3;

        if (str.length < minSearchLength) {
            $("#SearchResults").html("");
            return;
        } // If no search term

        if (currentSearchRequest != null) {
            currentSearchRequest.abort();
        }

        currentSearchRequest = $.ajax({
            type: "GET",
            url: "/searchajax.php",
            async: true,
            data: {
                searchterm: encodeURI(str),
                searchcat: SearchCat
            },
            success: function(msg) {
                $("#SearchResults").html(msg);
            }
        });
    }

    function showSearchResultsMobile(str, SearchCat) {
        if (str.length === 0) {
            $("#SearchResultsMobile").html("");
        } // If no search term

        currentQuickRequest = $.ajax({
            type: "GET",
            url: "/searchajax.php",
            async: true,
                beforeSend: function() {
                    if (currentQuickRequest != null) {
                        currentQuickRequest.abort();
                    }
                },
            data: {
                searchterm: encodeURI(str),
                searchcat: SearchCat
            }
        })
            .done(function (msg) {
                $("#SearchResultsMobile").html(msg);
            });
    }

    function showQuickSearchResults(str, SearchCat, quickorder) {
        if (str.length === 0) {
            $("#SearchResults").html("");
        } // If no search term

        currentMobileRequest = $.ajax({
            type: "GET",
            url: "/searchajax.php",
            async: true,
            beforeSend: function() {
                if (currentMobileRequest != null) {
                    currentMobileRequest.abort();
                }
            },
            data: {
            searchterm: encodeURI(str),
            searchcat: SearchCat,
            quickorder: quickorder,
            addList: 1
            }
        })

        .done(function (msg) {
            $("#QuickSearchResults").css("width", $("#stockcode").css("width"));

            if(msg.length>0) {
                $("#QuickSearchResults").html(msg);
                $("#QuickSearchResults").slideDown();
            }
        });
    }

    $("#secondsearch").keydown(function (e) {
        if (e.which === 8) {
            doSearchMobile($(this).val().substring(0, $(this).val().length - 1));
        }
    });


    $('#optDeliver').on('click', function(e) {
        var mapShowCount;

        e.preventDefault();
        $('#optDeliver').addClass('btnActive');
        $('#optDeliver').removeClass('btnDeactive');

        $('#optCollect').addClass('btnDeactive');
        $('#optCollect').removeClass('btnActive');

        $('#optDeliver').children('p.tick').html('<i class="fas fa-check"></i>');
        $('#optCollect').children('p.tick').html('');
        $('#delmethod').val('DEL');

        $('#deliverycharges').slideDown(100);
        $('#map').slideUp(100);

        $('#distanceMatrix').slideUp(100);
        $('.mapErrors').slideUp(100);
        $('#scopeSelector').slideUp(100);
        $('.collect-panel').slideUp(100);
        $('.delivery-panel').slideDown(100);
        $('#delcol').prop("checked", false);
        $('#delcol').removeAttr('checked');
        $('input[name="checkoutmethod"]').val('deliver');


    });

    $('#optCollect').on('click', function(e) {
        e.preventDefault();
        $('#cancelMapAutoLoad').val('');
        $('#optDeliver').addClass('btnDeactive');
        $('#optDeliver').removeClass('btnActive');

        $('#optCollect').addClass('btnActive');
        $('#optCollect').removeClass('btnDeactive');

        $('#optDeliver').children('p.tick').html('');
        $('#optCollect').children('p.tick').html('<i class="fas fa-check"></i>');
        $('#delmethod').val('COL');

        $('#deliverycharges').slideUp(100);
//        $('#map').slideDown(100);
//        $('#scopeSelector').slideDown(100);
        $('.collect-panel').slideDown(100);
        $('.delivery-panel').slideUp(100);
        $('input[name="checkoutmethod"]').val('collect');
        // if initMap called, they must have selected collection option
        $('.npbuttons .next').attr('disabled', true);

//        setTimeout(function() {
//            initMap(5);
//        }, 400);
//        $('#distanceMatrix').slideDown(400);
//        $('.mapErrors').slideDown(400);
//        $('#delcol').prop("checked", true);

    });

    function valid_postcode(postcode) {
        postcode = postcode.replace(/\s/g, "");
        var regex = /^(([gG][iI][rR] *0[aA]{2})|((([a-pr-uwyzA-PR-UWYZ][a-hk-yA-HK-Y]?[0-9][0-9]?)|(([a-pr-uwyzA-PR-UWYZ][0-9][a-hjkstuwA-HJKSTUW])|([a-pr-uwyzA-PR-UWYZ][a-hk-yA-HK-Y][0-9][abehmnprv-yABEHMNPRV-Y]))) *[0-9][abd-hjlnp-uw-zABD-HJLNP-UW-Z]{2}))$/i;
        return regex.test(postcode);
    }

    $('#collectPostCodeSubmit').on('click', function(e) {
        e.preventDefault();
        var pcode = getCollectPostcode();
        if ( !valid_postcode(getCollectPostcode()) ) {
            $('#collectPostCodeError').html("Please enter a valid postcode");
//            alert("PLEASE ENTER A VALID POST CODE");
            return;
        }
        $('#collectPostCodeError').html("");

        $('#map').slideDown(100);
        setTimeout(function() {
            if ($('input:radio[name=scope]:checked').val() === "nearest5") {
                initMap(5);
            } else {
                initMap("all");
            }
        }, 100);
        setTimeout(function() {
            $('#distanceMatrix').slideDown(200);
            $('.mapErrors').slideDown(100);
            $('#delcol').prop("checked", true);
        }, 300);
    });

    //$("#scopeSelector input[name='scope']").click(function(){
    //    if($('input:radio[name=scope]:checked').val() === "nearest5"){
    //        initMap(5);
    //    }
    //    else{
    //        initMap("all");
    //    }
    //});


    $('body').on('click', 'table#storeMatrix tr', function() {

        var mainElement = $(this);
        if(mainElement.children("td").children(".selRadio").is(':enabled')) {

            //mainElement.children("td").children(".selRadio").prop("checked", true);
            $('#coldepot').val(mainElement.children("td").children(".selRadio").val());
            $('#coldepotloc').val(mainElement.children("td").children(".depotloc").val());
            $('#del_code_overide').val(mainElement.children("td").children(".del_meth_code").val());
            $('#delcol').prop("checked", true);

            $('#col_depot_label').val(mainElement.children("td").children(".col_depot_code").val());

            // They have selected a collect depot, allow them to continue
            if($('input[name="checkoutmethod"]').val() === 'collect'){
                $('.npbuttons .next').attr('disabled',false);
            }

        }
    });


    $('#delandbillingsame').on('click', function(e){
                        if($(this).is(":checked")){
                    $('#choosedeladdfullnamelabel, #choosedeladdfullname, #choosedeladdadd1label, #choosedeladdadd1, ' +
                        '#choosedeladdadd2label, #choosedeladdadd2, #choosedeladdadd3label, #choosedeladdadd3, ' +
                        '#choosedeladdadd4label, #choosedeladdadd4, #choosedeladdpostcdlabel, #choosedeladdpostcd').slideUp(150).removeAttr('required');
                    $('#delandbillingsame').val('1');
                }
                else{
                    $('#choosedeladdfullnamelabel, #choosedeladdfullname, #choosedeladdadd1label, #choosedeladdadd1, ' +
                        '#choosedeladdadd2label, #choosedeladdadd2, #choosedeladdadd3label, #choosedeladdadd3, ' +
                        '#choosedeladdadd4label, #choosedeladdadd4, #choosedeladdpostcdlabel, #choosedeladdpostcd').slideDown(150).val('');
                    $('#delandbillingsame').val('0');
                    $('#choosedeladdfullname, #choosedeladdadd1, #choosedeladdadd3, #choosedeladdpostcd').attr('required','true');
                }
            
    });

    // Pagination buttons
    $( ".pgntionPage" ).on('click', function(e){

        e.preventDefault();
      //Get the page number inside the span.
      var page = $( this ).find( "span" ).text();

      $( this ).closest('form').find( "input.pageNo" ).val( page );
      $( this ).closest('form').submit( );//Submit the Page

    });

    //If next button is clicked
    $(".pgntionNext").on('click', function(e){
        e.preventDefault();

        //Set current page var
        var page = $(".frmPageNav").find(".pageOn").html();
        //Set last page var
        var lastnum = $(".frmPageNav").find(".lastnum").html();

        //If current page is not equal to lastpage
        if(parseInt(page) !== parseInt(lastnum)){
            //Set value of #idpage to current page plus 1 as we need to go to the next page.
            $(".pageNo").val(parseInt(page)+1);
            $(".frmPageNav").submit();//Submit the Page
        }

    });

    //If Previous button is clicked
    $(".pgntionPrevious").on('click', function(e){
        e.preventDefault();

        //Set current page var
        var page=$(".frmPageNav").find(".pageOn").html();

        if(parseInt(page) === 1){
            // Check if we're already on the first page
            return false;
        }

        //Set value of #idpage to current page minus 1 as we need to go back to the previous page.
        $(".pageNo").val( parseInt(page)-1);
        $(".frmPageNav").submit();//Submit the Page

    });

    //If First button is clicked
    $(".pgntionFirst").on('click', function(e){
        e.preventDefault();

        if($('.pageOn').html()!=='1'){
            //Set value of .pageNo to first page.
            $(".pageNo").val(1);
            $(".frmPageNav").submit();//Submit the Page
        }
    });

    //If Last button is clicked
    $(".pgntionLast").on('click', function(e){
        e.preventDefault();
        //Set current page var to the value of .lastnum class
        var page = $(".frmPageNav").find(".lastnum").html();

        if($('.pageOn').html()!==page) {
            //Set value of #idpage to last page.
            $(".pageNo").val(page);
            $(".frmPageNav").submit();//Submit the Page
        }
    });




    //Search suggest - Uses jquery UI outputs JSON file to load results faster
    //loads results on page load so they are ready.
    /*
     $( "#mainsearch" ).autocomplete({
     minLength: 0,
     source: products,
     max: 10,
     focus: function( event, ui) {
     //console.log(ui.label);
     //$( "#mainsearch" ).val( ui.label );
     return false;
     },
     select: function( event, ui ) {

     //$( "#mainsearch" ).val( this.label );
     //$( '#frmFilters' ).submit();

     //$( "#project" ).val( ui.item.label );
     //$( "#project-id" ).val( ui.item.value );
     //$( "#project-description" ).html( ui.item.desc );
     //$( "#project-icon" ).attr( "src", "images/" + ui.item.icon );
     return false;
     }
     })
     .data( "ui-autocomplete" )._renderItem = function( ul, item ) {

     return $( "<li>" ).append( "<a>" + item.label + "<br>" + item.desc + "</a>" ).appendTo( ul );

     };
     */

    // And finally calculate DOM load time

    <!-- Calc DOM Load -->
    

    /******************************************************************
     * Stock level less than what customer is trying to add to basket
     * Modal trigger when clicked on add to basket button
     ******************************************************************/
    // modal trigger when quantity submitted is greater than whats in stock
    // works for product pages, product-list-product pages, grouped category-dropdown pages, from favourites page,
    // does not work for grouped category - table layout and Quick order
        /**********************************************************
     * END Stock level less than what customer is trying to add to basket
     **********************************************************/

}); // End Doc Ready

function calcaulateQtyVal ($click_button, $minimumorder, $soincr) {

    //plus and minus buttons functionality
    var newVal;
    var $button = $click_button;
    var oldValue = $button.parent().find("input[class*='qty']").val();
    var $minOrderVal = parseFloat($minimumorder);
    var $soincrVal = parseFloat($soincr);
    var mod;
    mod = parseFloat(oldValue) % $soincrVal;
    var modMinordSoincr;
    modMinordSoincr = $minOrderVal % $soincrVal;

    if ( false === false ){
        // when its disabled set minorderval and orderinc val to 0.
        $minOrderVal = 0;
        $soincrVal = 0;
    }

    // Default incrementing if no minimum order val and no sales order increment.
    if ($minOrderVal === 0 && $soincrVal === 0) {
        if ($button.text() === "+") {
            newVal = parseFloat(oldValue) + 1;
        } else {
            // Don't allow decrementing below zero
            if (oldValue > 1) {
                newVal = parseFloat(oldValue) - 1;
            } else {
                newVal = 0;
            }
        }
    }

    // If minimum order value is in use and soincrement value is not in use.
    if (($minOrderVal > 0) && ($soincrVal === 0)) {
        if ($button.text() === "+") {
            if (oldValue >= $minOrderVal) {
                newVal = parseFloat(oldValue) + 1;
            } else {
                newVal = $minOrderVal;
            }
        } else {
            // Don't allow decrementing below zero
            if (oldValue > $minOrderVal) {
                newVal = parseFloat(oldValue) - 1;
            } else {
                newVal = 0;
            }
        }
    }
    // If soincr value is in use and minimum order value is not in use.
    if (($soincrVal > 0) && ($minOrderVal === 0)) {
        if ($button.text() === "+") {
            if (oldValue >= $soincrVal) {
                newVal = parseFloat(oldValue) + (mod === 0 || !isNaN(mod) ? $soincrVal : ($soincrVal - mod) );
            } else {
                newVal = $soincrVal;
            }
        } else {
            // Don't allow decrementing below zero
            if (oldValue > $soincrVal) {
                newVal = parseFloat(oldValue) - (mod === 0 || !isNaN(mod) ? $soincrVal : mod );
            } else {
                newVal = 0;
            }
        }
    }
    // If soincr value and minimum order value is in use and soincr is greater than minimum order value.
    if (($soincrVal > 0) && ($minOrderVal > 0) && ($soincrVal > $minOrderVal) ){
        if ($button.text() === "+") {
            if (oldValue >= $soincrVal) {
                newVal = parseFloat(oldValue) + (mod === 0 || !isNaN(mod) ? $soincrVal : ($soincrVal - mod) );
            } else {
                newVal = $soincrVal;
            }
        } else {
            // Don't allow decrementing below zero
            if (oldValue > $soincrVal) {
                newVal = parseFloat(oldValue) - (mod === 0 || !isNaN(mod) ? $soincrVal : mod );
            } else {
                newVal = 0;
            }
        }
    }
    // If minimum order value and soincrement value both in use and minumum order val is greater than soincrement value and mod is equal to 0.
    if (($soincrVal > 0) && ($minOrderVal > 0) && ($minOrderVal >= $soincrVal)) {
        if ($button.text() === "+") {
            if (modMinordSoincr === 0) {
                // When diff between minorder and soincr is Zero.
                if (oldValue >= $minOrderVal) {
                    newVal = parseFloat(oldValue) + (mod === 0 || !isNaN(mod) ? $soincrVal : ($soincrVal - mod));
                } else {
                    newVal = $minOrderVal;

                }
            } else {
                // When diff between minorder and soincr NOT Zero.
                // reset minOrderVal due to minordeval not a modulus of soincr
                $minOrderVal =  $minOrderVal + (modMinordSoincr === 0 || !isNaN(modMinordSoincr) ? $soincrVal : ($soincrVal - modMinordSoincr));
                if (oldValue >= $minOrderVal) {
                    newVal = parseFloat(oldValue) +  (mod === 0 || !isNaN(mod) ? $soincrVal : ($soincrVal - mod));
                } else {
                    newVal = $minOrderVal;
                }
            }
        } else {
            // Don't allow decrementing below zero
            if (modMinordSoincr === 0) {
                // When diff between minorder and soincr is Zero.
                if (oldValue > $minOrderVal) {
                    newVal = parseFloat(oldValue) - (mod === 0 || !isNaN(mod) ? $soincrVal : mod );
                } else {
                    newVal = 0;
                }
            } else {
                // When diff between minorder and soincr NOT Zero.
                // reset minOrderVal due to minordeval not a modulus of soincr
                $minOrderVal =  $minOrderVal + (modMinordSoincr === 0 || !isNaN(modMinordSoincr) ? $soincrVal : ($soincrVal - modMinordSoincr) );
                if (oldValue > $minOrderVal) {
                    newVal = parseFloat(oldValue) - (mod === 0 || !isNaN(mod) ? $soincrVal : mod) ;
                } else {
                    newVal = 0;
                }
            }
        }
    }

    return Number(newVal);
}

function check_stock_backorder_message($layout, $btnSelector){
    //For Standard pages like - product, productlist view, prodgroup dropdown
    if ($layout === 'table'){
        $($btnSelector).unbind();
        $($btnSelector).bind("click", function(e) {
            var $this = $(this);
            var $form = $this.closest('form');
            var stcode;
            var qtySubmit;
            var input = $('input[name*="addstockcode"].add-basket-stcode');
            var numItems = input.length;
            var qtyField = $('.table.group tbody tr .qty.basketqty input.add-basket-stcode');
            var checkarray = [];
            $.each(input, function(i,e){
                stcode = $(e).val();
                qtySubmit = $(e).parent().find('.buy-qty').val();
                checkarray[i] = [];
                checkarray[i][0] = stcode;
                checkarray[i][1] = qtySubmit;
            });
            var data;
            //console.log ("Stock code = '" + stcode + "' qtysubmitted='" + qtySubmit + "'");
            e.preventDefault();
            $.ajax({
                type: "POST",
                //dataType: "json",
                url: "/ajaxAvailableStock.php",
                data: {postdata: checkarray, noprods: numItems},
                beforeSend: function(){},
                success: function(data){
                    if(data === 'true'){
                        // enough stock available ..
                        $form.trigger('submit');
                    } else{
                        // not enough stock ..load modal data
                        $this.after(data);
                        // trigger modal
                        $('#buyOverStockModal').modal('show').on('click', '.btn-ok', function() {
                            $form.trigger('submit'); // submit the form
                        });
                        // reset qty button click - reset qty to available qty
                        $('#buyOverStockModal').on('click', '.btn-reset-qty', function() {
                            instockQty = $(this).attr('data-resetqty');
                            $this.closest('form').find('input[name="quantity"]').val(instockQty);
                            $form.trigger('submit'); // submit the form
                        });
                        //remove modal from dom
                        $('#buyOverStockModal').on('hidden.bs.modal', function (e) {
                           $(this).remove();
                        });
                    }
                }
            });
        });
    } else if ($layout === 'standard'){
        //For Standard pages like - product, productlist view, prodgroup dropdown
        $($btnSelector).unbind();
        $($btnSelector).bind("click", function(e) {
            var $this = $(this);
            var $form = $this.closest('form');
            var stcode = $this.closest('form').find('input[name="addstockcode"]').val();
            var qtySubmit = $this.closest('form').find('input[name="quantity"]').val();
            var data;
            //console.log ("Stock code = '" + stcode + "' qtysubmitted='" + qtySubmit + "'");
            e.preventDefault();
            $.ajax({
                type: "POST",
                //dataType: "json",
                url: "/ajaxAvailableStock.php",
                data: {stockcode: stcode, quantitySubmitted: qtySubmit},
                beforeSend: function(){},
                success: function(data){
                    if(data === 'true'){
                        // enough stock available ..
                        $form.trigger('submit');
                    } else{
                        // not enough stock ..load modal data
                        $this.after(data);
                        // trigger modal
                        $('#buyOverStockModal').modal('show').on('click', '.btn-ok', function() {
                            $form.trigger('submit'); // submit the form
                        });
                        // reset qty button click - reset qty to available qty
                        $('#buyOverStockModal').on('click', '.btn-reset-qty', function() {
                            instockQty = $(this).attr('data-resetqty');
                            $this.closest('form').find('input[name="quantity"]').val(instockQty);
                            $form.trigger('submit'); // submit the form
                        });
                        //remove modal from dom
                        $('#buyOverStockModal').on('hidden.bs.modal', function (e) {
                           $(this).remove();
                        });

                    }
                }
            });
        });
    }
}

// adds record to table
function addToBackInStockNotificationTable (product, email, url) {
    $.ajax({
        type: 'POST',
        url: url,
        dataType: 'json',
        data: {
            product: product,
            email: email
        },
        success: function (data) {
            const $button = $('.prod-enquire-' + data);

            $button.text('');
            $button.html('<div class="lds-dual-ring"></div>');
            $button.css('background-color', 'grey');
            $button.css('border-color', 'grey');

            setTimeout(function () {
                $button.html('<i class="fas fa-check"></i>');
                $button.css('background-color', 'green');
                $button.css('border-color', 'green');
            }, 1000);
        }
    });
}

function checkIfCanAddToBackInStockNotificationTable (product, url) {
    $.ajax({
        type: 'POST',
        url: url,
        dataType: 'json',
        data: {
            product: product
        },
        success: function (data) {
            const $button = $('.prod-enquire-' + data[1]);

            if (data[0] === true) {
                $button.attr('disabled', 'disabled');
                $button.text('You have already requested to be updated');
            } else {
                $button.text('Email when available');
                $button.removeAttr('disabled');
            }
        }
    });
}