function ajaxRequestArticlesFunc(id, size, activity) {
	var ajaxRequestArticles = $.ajax({
		data: {id : id, size : size, activity : activity},
		type: "GET",
		cache: false,
		dataType: 'json',
		url: '/shop/warenkorb',
		timeout: 2500,
		success: function(json){
			if (ajaxRequestArticles.status == 200){	
				updateArticlesCart(json);
			}
		}
	});
}

function updateArticlesCart(json) {
	var content = '';
	var content_sidebar = '';
	
	if (json.articles && json.articles.length > 0) {
		content = '';
		content_sidebar = '';
		$.each(json.articles, function(idx, item) {
			content += '<div class="row">';
			content += '<div class="col amount">' + item.amount + '</div>';
			content += '<div class="col name">' + item.name + '</div>';
			content += '<div class="col size">' + item.size + '</div>';
			content += '<div class="col price">' + item.price + ' &euro;</div>';
			content += '<div class="col totalprice">' + item.totalprice + ' &euro;</div>';
			content += '<div class="col actions">';
			content += '<a onclick="ajaxRequestArticlesFunc(' + item.id + ',\'' + item.size + '\', \'add\'); return false;" class="add"></a>'
			content += '<a onclick="ajaxRequestArticlesFunc(' + item.id + ',\'' + item.size + '\', \'remove\'); return false;" class="remove"></a>'
			content += '<a onclick="ajaxRequestArticlesFunc(' + item.id + ',\'' + item.size + '\', \'delete\'); return false;" class="delete"></a>'
			content += '</div>';
			content += '</div>';
			
			content_sidebar += '<div class="entry">';
			content_sidebar += '<a href="#" class="article">' + item.amount + ' x ' + item.name + '</a>';
			content_sidebar += '<a onclick="ajaxRequestArticlesFunc(' + item.id + ',\'' + item.size + '\', \'delete\'); return false;" class="delete"></a>'
			content_sidebar += '</div>';
			if(idx < json.articles.length - 1) {
				content_sidebar += '<div class="hline"></div>';
			}
		});
	} else {
		$(".shoppingcart .empty").show();
		$(".shoppingcart .extracosts").hide();
		$(".shoppingcart .headlines").hide();
		$(".shoppingcart .articles").hide();
		$("#shoppingcart_totalprice").hide();
		$("#sidebar .cart").hide();
	}
	
	$("#shoppingcart_articles").html(content);
	$("#shoppingcart_articles_sidebar").html(content_sidebar);
	
	$("#shoppingcart_totalprice").html("<strong>" + json.totalprice + " &euro;</strong>");
}
