$(document).ready(function() {

    $("#lnkSubmit").click(function() {
        $("#addtocart-form").submit();
    });

    $("#addtocart-form").submit(function() {
        var f = $("#addtocart-form")
        var action = f.attr("action");
        var serializedform = f.serialize();
        $.post(action, serializedform,
                      function() {
                          ShowBasket();
                          RefreshHeader();
                      });

        return false;
    });

    $("#butViewBasketHeader").click(function() {
        ShowBasket();
    });
    

    $("a[rel^='popPhoto']").prettyPhoto({
        animationSpeed: 'normal', /* fast/slow/normal */
        padding: 40, /* padding for each side of the picture */
        opacity: 0.35, /* Value betwee 0 and 1 */
        showTitle: true, /* true/false */
        allowresize: true, /* true/false */
        counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
        theme: 'dark_rounded' /* light_rounded / dark_rounded / light_square / dark_square */
    });
 
});


 
function ShowBasket() {
    $('#popupCart').load('/Cart/GetShoppingBasketDisplay',
        function(html) {
            $('#popupCart')[0].value = html;
            ShowPopUp();
            AssignCartButtonAction();
        });
}

function RefreshHeader() {

    $('#headercart').load('/Cart/GetBasketHeader',
        function(html) {
            $('#headercart')[0].value = html;
        });
}

function RefreshBasket() {
    $('#popupCart').load('/Cart/GetShoppingBasketDisplay',
        function(html) {
            $('#popupCart')[0].value = html;
            AssignCartButtonAction();
            RefreshHeader();
        });
    }


 


function AssignCartButtonAction() {

    $("#butUpdateCart").click(function() {
        $("#updatecart-form").submit();
    });

    $("#butEmptyCart").click(function() {
        $("#clearcart-form").submit();
    });





    $("#updatecart-form").submit(function() {
    
       
        var f = $("#updatecart-form")
        var action = f.attr("action");
        var serializedform = f.serialize();
        $.post(action, serializedform,
                  function() {
                      RefreshBasket();
                  });

        return false;
    });


    $("#clearcart-form").submit(function() {


        var f = $("#clearcart-form");
        var action = f.attr("action");
        var serializedform = f.serialize();
        $.post(action, serializedform,
                  function() {
                      RefreshBasket();
                  });

        return false;
    });


    $("#backgroundPopup").click(function() { disablePopup(); });
    $("#keepshopping").click(function() { disablePopup(); });

    //Press Escape event and close the popup!
    $(document).keypress(function(e) { if (e.keyCode == 27 && popupStatus == 1) { disablePopup(); } });
}



// *******************************************************************************************
//  Popup Window Settings                                                                    *
// *******************************************************************************************
function ShowPopUp() {
    //centering with css
    centerPopup();
    loadPopup();
}



//SETTING UP OUR POPUP   
//0 means disabled; 1 means enabled;
var popupStatus = 0;

//loading popup with jQuery magic!   
function loadPopup() {
    //loads popup only if it is disabled
    if (popupStatus == 0) {
        $("#backgroundPopup").css({ "opacity": "0.7" });
        $("#backgroundPopup").fadeIn("slow");
        $("#popupCart").fadeIn("slow");
        popupStatus = 1;
    }
}



//disabling popup with jQuery magic!
function disablePopup() {
    //disables popup only if it is enabled
    if (popupStatus == 1) {
        $("#backgroundPopup").fadeOut("slow");
        $("#popupCart").fadeOut("slow");
        popupStatus = 0;
    }
}



//centering popup
function centerPopup() {
    //request data for centering
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $("#popupCart").height();
    var popupWidth = $("#popupCart").width();
    //centering
    $("#popupCart").css({
        "position": "absolute",
        "top": windowHeight / 2 - popupHeight / 2,
        "left": windowWidth / 2 - popupWidth / 2
    });
    //only need force for IE6

    $("#backgroundPopup").css({
        "height": windowHeight
    });

}