$(document).ready(function(){
    if($.browser.msie && $.browser.version == '6.0')
    {
            return;
    }
    $('body').append('<div id="shoppingCartDialog"></div>');
    $('#shoppingCartDialog').hide();
    $('body').append('<div id="shoppingCartDialogBackground"></div>');
    $('#shoppingCartDialogBackground').hide();
    $(window).scroll(function () {
        centerPopup();
    });
    $('#shoppingCartDialogBackground').click(function(){
        $('#shoppingCartDialogBackground').hide();
        $('#shoppingCartDialog').hide();
    });
    $('a.addToCart, map > area.addToCart').click(function(event){
        event.preventDefault();
        try{
            pageTracker._trackPageview($(this).attr('href')); // Track in analytics
        }
        catch(err)
        {

        }
        centerPopup();
        $.ajaxSetup({
            async: false,
            dataType: 'html',
            cache: false
        });
        $('#shoppingCartDialogBackground').fadeIn();
        $('#shoppingCartDialog').load($(this).attr('href')).prepend('<div class="close"><a class="button silent closeCartDialog" href="#">X</a></div>').fadeIn();
        updateCart();
        $('.closeCartDialog').click(function(event){
            event.preventDefault();
            $('#shoppingCartDialogBackground').fadeOut();
            $('#shoppingCartDialog').fadeOut();
        });
        centerPopup();
    });
});

function centerPopup(){
    if (typeof window.innerHeight != 'undefined') {
        viewportHeight = window.innerHeight;
    } else {
        viewportHeight = document.documentElement.clientHeight;
    }
    if (typeof window.innerWidth != 'undefined') {
        viewportWidth = window.innerWidth;
    } else {
        viewportWidth = document.documentElement.clientWidth;
    }
    popupHeight = $("#shoppingCartDialog").height();
    popupWidth = $("#shoppingCartDialog").width();
    scrollTop = $(window).scrollTop();
    scrollLeft = $(window).scrollLeft();
    $("#shoppingCartDialog").css({
        "position": "absolute",
        "top": (viewportHeight / 2) - (popupHeight / 2) + scrollTop,
        "left": (viewportWidth / 2) - (popupWidth / 2) + scrollLeft
    });
    $("#shoppingCartDialogBackground").css({
        "height": viewportHeight,
        "width": viewportWidth,
        opacity: 0.5
    });
}

function updateCart()
{
    $.ajaxSetup({
        async: true,
        cache: false
    });
    $.getJSON('/cart/index.json', function(data){
        $("div#topCart>div.content>p.details").html(data['Cart']['products'] + " " + (data['Cart']['products'] == 1 ? 'artikel' : 'artikelen') + " - "+data['Cart']['price']);
        $("div#sideCart>div.content>p.products").html(data['Cart']['products'] + " " + (data['Cart']['products'] == 1 ? 'artikel' : 'artikelen'));
        $("div#sideCart>div.content>p.price").html(data['Cart']['price']);
        if($("div#sideCart").is(":visible") == false)
        {
            $("div#sideCart").fadeIn();
        }
    });
}