jQuery(document).ready(function () {	
	$(function() {
		$("#dialog_box").dialog({        
	        autoOpen: false,
	        width: 350,
	        modal: true,        
	        show: "explode",
	        hide: "explode",        
	        resizable: false,
	        buttons: {
	            'Weiter einkaufen': function() {                
	                $(this).dialog('close');    
	                jQuery('#3dPicture').css('display', 'block');
	            },
	            'Zur Kasse': function() {
					$(this).dialog('close');
	            	document.location.href = 'http://www.canans-tanzmoden.de/checkout/cart.html';     
	            	jQuery('#3dPicture').css('display', 'block'); 	
	            }
	        }
	    });
	});	
});

function CreateFlyingCart(id, imageid)
{	
	jQuery('#add_to_cart' + id).click(function () {			
		jQuery.ajax({
            type: 'post',
            url: '/ajax/checkout/cart/add/product',
            dataType: 'html',
            data: jQuery('#prod'+id+' :input'),
            success: function (html) {       	
                jQuery('#cartindex').html(html);
            },
            complete: function () {          	
            	var image = $('#image'+imageid).offset();
            	if (image.top == 0 && image.left == 0)
            	{
            		image = $('#3dPicture').offset();
            	}
                var cart  = $('#cartindex .lbox').offset();
                
                jQuery('#image'+imageid).after('<img src="' + $('#image'+imageid).attr('src') + '" id="temp'+imageid+'" width="200" style="position: absolute; top: ' + image.top + 'px; left: ' + image.left + 'px; z-index:99;" />');

                params = {
					top : cart.top + 'px',
					left : cart.left + 'px',
					opacity : 0.5
				};
                
                jQuery('#temp'+imageid).animate(
                	params, { 
                		duration: 1000, 
                		complete: function () {                   			
                			jQuery('#temp'+imageid).remove();
                			jQuery('#3dPicture').css('display', 'none');                			
                			jQuery('#CartEventBoxText').html($('#image'+imageid).attr('title') + ' zum Warenkorb Hinzugef&uuml;gt!');                			
                			jQuery('#dialog_box').dialog('open');                				                		              	
                		}
                	}
                );
            }
        });
        return false;
    });
}