$(document).ready(function() {

    //  Create the navigation
    if ($("#shopnavigation ul li")) {
        $("#shopnavigation ul li").hover(
            function() {
                $(this).find("ul").show();
            },
            function() {
                $(this).find("ul").hide();
            }
        );
    }
    if ($("#tabs")) {
        $("#tabs").tabs();
    }
});


function addToBag(product) {
    var productoption = 0;
    
    if ($("div#" + product + " p.productoptions select:first").val() != undefined) {
        productoption = $("div#" + product + " p.productoptions select:first").val();
    }

    var JSON = "{ " +
               "'Product_ID' : '" + product + "' , " +
               "'ProductOption_ID' : '" + productoption + "' , " +
               "'Quantity' : '" + $("div#" + product + " p.quantity input.quantitybox").val() + "' " +
               "}";
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "/Assets/Monuskin/WebServices/Monuskin.asmx/AddToBag",
        data: JSON,
        dataType: "json",
        success: function(response) {
            var oResponse = eval("(" + response.d + ")");

            if (oResponse.Valid) {
                $("#addtobagmessage").html("<div class='message'>Your basket has been updated, the total is now " + oResponse.Data + ". <b><a href='/my-account/Basket.aspx'>Click here</a></b> to view your basket and checkout.</div>");
                $("#baskettotal").html("Basket Total: " + oResponse.Data);
            }
        },
        error: function(response) {
            alert("Error adding to bag.");
        }
    });
}

function addMultipleToBag(product) {
    var productoptions = "";

    $("input.quantitybox").each(function() {
        if ($(this).val() > 0) {
            productoptions = productoptions + "[ '" + $(this).prev("input").val() + "', '" + $(this).val() + "' ] , ";
        }
    });
    if (productoptions.length > 0) productoptions = productoptions.substr(0, productoptions.length - 3);

    var JSON = "{ " +
               "'Product_ID' : '" + product + "' , " +
               "'ProductOptions' : [ " + productoptions + " ] " +
               "}";

    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "/Assets/Monuskin/WebServices/Monuskin.asmx/AddMultipleToBag",
        data: JSON,
        dataType: "json",
        success: function(response) {
            var oResponse = eval("(" + response.d + ")");

            if (oResponse.Valid) {
                $("#addtobagmessage").html("<div class='message'>Your basket has been updated, the total is now " + oResponse.Data + ". <b><a href='/my-account/Basket.aspx'>Click here</a></b> to view your basket and checkout.</div>");
                $("#baskettotal").html("Basket Total: " + oResponse.Data);
            }
        },
        error: function(response) {
            alert("Error adding to bag.");
        }
    });
}

function changeProductOption(productoption, assetwidth, assetheight) {
    var JSON = "{ " +
               "'ProductOption_ID' : '" + productoption + "' , " +
               "'AssetWidth' : '" + assetwidth + "' , " +
               "'AssetHeight' : '" + assetheight + "' " +
               "}";

    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "/Assets/Monuskin/WebServices/Monuskin.asmx/GetProductOption",
        data: JSON,
        dataType: "json",
        success: function(response) {
            var oResponse = eval("(" + response.d + ")");

            $("div#" + oResponse.ProductID + " p.productoptions span").html(oResponse.TradePrice);
            $("div#" + oResponse.ProductID + " p.code span").html(oResponse.Code);
            $("div#" + oResponse.ProductID + " div.image img").attr("src", oResponse.Asset_Filename);
        },
        error: function(response) {
            alert("Error retrieving product option.");
        }
    });
}

function clearPostcode() {

    //  clear the seach box on click if the criteria has not been changed.
    var searchBox = $(".partnersearch input");
    if (searchBox.val() == "Your Postcode...") searchBox.val("");
}

function clearSearch() {

    //  clear the seach box on click if the criteria has not been changed.
    var searchBox = $(".search input");
    if (searchBox.val() == "Search...") searchBox.val("");
}

function setStarterPack(starterpack) {
    $("#ctl00_cntContent_dropCustomer_StarterPack").val(starterpack);
}

function showHomeNews(ID) {
    // Hide all divs and remove li classes
    document.getElementById('divHighlights').className = "hide";
    // document.getElementById('divNewsletter').className = "hide";
    document.getElementById('divPress').className = "hide";
    document.getElementById('divTrainingCourses').className = "hide";
    document.getElementById('liHighlights').className = "off";
    // document.getElementById('liNewsletter').className = "off";
    document.getElementById('liPress').className = "off";
    document.getElementById('liTrainingCourses').className = "off";

    // Show only the div we want
    document.getElementById('div' + ID).className = "show";
    document.getElementById('li' + ID).className = "on";
}