$(document).ready(function(){
    //$('#header').append('<div id="cartDialog" class="jqmWindow"><p>hello world</p></div>');
    $.ajax({
            type: "POST",
            url: controllerPath+"/carts/showcookie",
            dataType: "json",
            success: function(data){
                var items=data.items;
                setNumItemsDisplay(items?$(items).length:0);
		if(items){
		    	$('#cartItems').empty();
			$('#cartItems').html('<li>Loading '+items.length+' items</li>');
		}
            }
        });

    $('#cartDialog').css({
        'display':'none'
    });
    $('#cartDialog').jqm({
        'overlay' : 0,
        'onShow' : function(h){
            h.w.slideDown();
        },
        'onHide' : function(h) {
            h.w.slideUp();
        }
    });

    $('#cart').toggle(function(){
        $('#cartDialog').jqmShow();
        $(this).addClass('open');
        $.ajax({
            type: "POST",
            url: controllerPath+"/carts/showcookie",
            dataType: "json",
            success: function(data){
                var items=data.items;
                var path=data.path;
                showWholeCart(items,path);
            }
        });
    },function(){
        $('#cartDialog').jqmHide();
        $(this).removeClass('open');
    });

    $('#cart').hover(function(){
        $(this).addClass('over');
    },function(){
        $(this).removeClass('over');
    });
});


function showWholeCart(items,pth)
{
    $("#cartItems").empty();
    var path = pth;
    for(var i in items){
        if(items.hasOwnProperty(i)){
            $("#cartItems")
            .append(
                '<li class="cartItem"><span><img class="item" src="'
                + path +
                '/uploads/thumb/'
                + items[i][2] +
                '"></span><img style="display:none;" class="delete" src="'
                + path +
                '/cartdia-delete-item.jpg" alt="delete this item" onclick="deleteOne('
                + i +
                ');" style="cursor:pointer;"/></li>'
                );
        }
    }
    if(!$('#cartItems').children().length){
        $('#cartItems').append('<li>No items in Cart</li>');
    }
    $('.cartItem').hover(function(){
        $(this).children('.delete').show();
    },function(){
        $(this).children('.delete').hide();
    });

    setNumItemsDisplay();
}

function setNumItemsDisplay(param){
    var iNumItems = 0;

    if(typeof(param) == 'undefined'){
        iNumItems = $('#cartItems .item').length;
    } else {
        iNumItems = param;
    }

    if(iNumItems){
        $('#numItems').text('('+iNumItems+')');
    } else {
        $('#numItems').text('');
    }
}