var removeAddToCartDialogueTimer = null;
var timerSet = false;

function addCart(form) {
                           
    var fields = $(form.elements).serializeArray();
    var image = null;
    
    $.each(fields, function(i, field){        
        if(field.name == 'addedImage') {            
            image = field.value;
        }
    });        
                                        
    var myForm = $(form);        
    var formData = $(form).serialize(); 
    
    removeLoader();
    removeAddToCartDialogue();
    if(timerSet == true) {
        clearTimeout(removeAddToCartDialogueTimer);
        timerSet = false;
    }
    
    //insertLoader();
       
    formData += '&XTCsid=kkmrikrjtfokpcj3s1td514kge8588e5';
                                     
    $.ajax({
        type: 'POST',
		url: 'ajaxAddCart.php',
		data: formData,
		dataType: 'json',
		beforeSend: insertLoader,
		success: function(data, str) {                            							                          
            showAddCart(data, image);                                   
		}
	});
              
    return false;
}

function showAddCart(data, image) {               
    if (data != null) {                                 
        removeLoader();                
        insertAddToCartDialogue("", image);                
        removeAddToCartDialogueTimer = setTimeout(removeAddToCartDialogue, 5000);
        timerSet = true;
              
        $('#microCartBody').html(data.car);                                 
    }
}

$("#addToCartClose, #addToCartContinue").live("click", function() {
    removeAddToCartDialogue();
    return false;
});

function insertLoader() {
    //var loader = "<div id='loading'><h3>Loading...</h3><div id='loadingBody'><p>Einen kleinen Moment.<br />Wir bearbeiten deine Anfrage...</p></div></div>";
    //$("#wrapper").append(loader);
    $("#loading").show();
}

function removeLoader() {
    //$("#loading").remove();
    $("#loading").hide();
};

function insertAddToCartDialogue(itemName, ItemImage) {
    var dialogue = "<div id='addToCartConfirm'><h3>Du hast gerade folgenden Artikel in deinen Warenkorb gelegt:</h3><img src='" + ItemImage + "' width='200' height='171' alt'" + itemName + "' /><ul><li id='addToCartContinue'><a href='#'>Weiter einkaufen</a></li><li id='addToCartCheckout'><a href='shopping_cart.php?XTCsid=kkmrikrjtfokpcj3s1td514kge8588e5'>Zur Kasse >> </a></li><li id='addToCartClose'><a href='#'>Schliessen</a></li></ul></div>"
    $(dialogue).appendTo("#wrapper").fadeIn();
}

function removeAddToCartDialogue() {
    $("#addToCartConfirm").fadeOut(function() {
        $(this).remove();
    });
}