$(document).ready(function() {
	
	$('.addVariant').click(function() {
	
		line_item = {};
		
		$(this).closest('.pdimage').find('form').each(function(i) {			
			line_item[i] = $(this).attr('id');		
		});
		
		var productname = $(this).attr('id');
		
		$(this).closest('.pdimage').fadeOut().after(productname + ' Added <a href="#" style="float:right;" onClick="window.location.reload();return false;"><strong><font color="red">UPDATE SHOPPING BAG</font></strong></a>');
		
		addItemsFromForm(line_item);
		
		return false;
	
	});
	
	function addItemsFromForm(form_id, callback) {
		
		$.each(form_id, function(i) {
			
			var data = $('#'+form_id[i]).serialize();
			
			$.ajax({
				type: 'POST',
				url: '/cart/add.js',
				data: data,
				dataType: 'json',
				async: false,
				success: function() {
					//alert('done');
				}
			});
			
		});
		
	};
	
});