Товар улетающий в корзину - Разработки и улучшения

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"  type="text/javascript"></script>
   <script type="text/javascript">  
$('a.button_buy').click(function() {
$('#target').clone().appendTo(".image_block")
.css( {'position' : 'absolute', 'z-index' : '10000', 'left':$(".image_block").offset()['left'], 'top':$(".image_block").offset()['top']} )
.animate({opacity: 0.05,
                            left: $(".korzina").offset()['left'],
                            top: $(".korzina").offset()['top'],
                            position: 'absolute',
                            width: 20}, 1000, function() {
                   $(this).remove();
              });
});
    </script>   

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"  type="text/javascript"></script>
   <script type="text/javascript">  
$('a.button_buy').click(function() {
$('#image_id').clone().appendTo(".block_id")
.css( {'position' : 'absolute', 'z-index' : '10000', 'left':$(".block_id").offset()['left'], 'top':$(".block_id").offset()['top']} )
.animate({opacity: 0.05,
                            left: $(".korzina").offset()['left'],
                            top: $(".korzina").offset()['top'],
                            position: 'absolute',
                            width: 20}, 1000, function() {
                   $(this).remove();
              });
});
    </script>  

$('a.button_buy').click(function() {

<?php $myimage = "$product->product_id"; ?>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"  type="text/javascript"></script>
   <script type="text/javascript">  
$('<?php echo "#knopka"; echo "$myimage"; ?>').click(function() {
$('<?php echo "#image"; echo "$myimage"; ?>').clone().appendTo("<?php echo ".block"; echo "$myimage"; ?>")
.css( {'position' : 'absolute', 'z-index' : '10000', 'left':$("<?php echo ".block"; echo "$myimage"; ?>").offset()['left'], 'top':$("<?php echo ".block"; echo "$myimage"; ?>").offset()['top']} )
.animate({opacity: 0.05,
                            left: $(".korzina").offset()['left'],
                            top: $(".korzina").offset()['top'],
                            position: 'absolute',
                            width: 50}, 1000, function() {
                   $(this).remove();
              });
});
    </script>  

<button ...... onclick="myFuction('<?php echo $product_id;?>'); return false;">Купить</button>

<script type="text/javascript">  
$('<?php echo "a.button_buy"; echo "$myimage"; ?>').click(function() {
$('<?php echo "#image"; echo "$myimage"; ?>').clone().appendTo("<?php echo ".block"; echo "$myimage"; ?>")
.css( {'position' : 'absolute', 'z-index' : '10000', 'left':$("<?php echo ".block"; echo "$myimage"; ?>").offset()['left'], 'top':$("<?php echo ".block"; echo "$myimage"; ?>").offset()['top']} )
.animate({opacity: 0.05,
                            left: $(".korzina").offset()['left'],
                            top: $(".korzina").offset()['top'],
                            position: 'absolute',
                            width: 50}, 1000, function() {
                   $(this).remove();
              });
});
    </script> 

        

   <td class="image">

 
<?php $myimage = "$product->product_id"; ?>

<div class="image_block">

<div class="image_block<?php print $product->product_id?>">

<div class="block<?php print $product->product_id?>">     <a href="<?php print $product->product_link?>">
 <img class="jshop_img" src="<?php print $product->image?>" id="image<?php print $product->product_id?>" alt="<?php print htmlspecialchars($product->name);?>" /></div>
 </a></div>

<a class="button_buy"

<a class="button_buy<?php print $product->product_id?>"

<script type="text/javascript">
        function FlyImage(myimage)  {

            jQuery('#image'+myimage).clone().appendTo(".block"+myimage)
                .css( {'position' : 'absolute', 'z-index' : '10000', 'left':jQuery(".block"+myimage).offset()['left'], 'top':jQuery(".block"+myimage).offset()['top']} )
                .animate({opacity: 0.05,
                    left: jQuery(".cartajax-module-list").offset()['left'],
                    top: jQuery(".cartajax-module-list").offset()['top'],
                    position: 'absolute',
                    width: 50}, 1000, function() {
                    jQuery(this).remove();
                });
        }

</script>

<a onclick="FlyImage(<?php echo $product->product_id;?>); return false;" href="<?php print $product->buy_link?>"><?php print _JSHOP_BUY?></a>

<script src="templates/имя_вашего шаблона/js/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
    function FlyImage(myimage)  {
        var o1 = jQuery('#image'+myimage).offset();
        var o2 = jQuery('#vm_cart').offset();
        var dx = o1.left -  o2.left;
        var dy = o1.top - o2.top;
        var distance = Math.sqrt(dx * dx + dy * dy);
        jQuery('#image'+myimage ).effect("transfer", { to: jQuery("#link_to_move"), className: "transfer_class" }, distance);
        jQuery('.transfer_class').html(jQuery('.block'+myimage).html());
        jQuery('.transfer_class').find('img').css('height', '100%');
        jQuery('.transfer_class').find('img').css('width', 'auto');
        return false;
    };
</script>

<div class="block<?php print $product->product_id?>">
            <a href="<?php print $product->product_link?>">
               <img  id="image<?php print $product->product_id?>" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name)?>" />
            </a>
         </div>

<a onclick="FlyImage(<?php echo $product->product_id;?>); return false;" href="<?php print $product->buy_link?>"><?php print _JSHOP_BUY?></a>