$(document).ready(function () {

  $('#in_cart_button').click(function(){
    $.ajax({
      url: 'add_to_cart.php',
      type: 'POST',
      data: $('form[name=cart_quantity]').serialize()+'&sid='+Math.random(),
      success: function(data) {
        $('<div style="position:absolute;display:none; z-index:1000; boder: 1px solid #2F7E09; background-color:#6CBB46" id="cloner"></div>').appendTo($("body"));
        var item = $('#in_cart_button');
        var cloner = $('#cloner');
        var pos = item.position();
        var cart = $('#shopping_cart');
        var pos_cart = cart.position();
        
        var w = item.width();
        var h = item.height();
        var t = pos.top;
        var l = pos.left;
        
        cloner.width(w);
        cloner.height(h);
        cloner.css({
          'top':t+'px',
          'left':l+'px'
        });
        cloner.append(item.clone());
        item.hide();
        var end_w = cart.width();
        var end_h = cart.height();
        var end_t = pos_cart.top;
        var end_l = pos_cart.left;
        
        cloner.show().animate({
          //width:end_w+'px',
          //height:end_h+'px',
          top: end_t+'px',
          left: end_l+'px',
          opacity: 0.5,
          fontSize: '1%'
        }, 1000,'', function() {
          cart.replaceWith(data);
          $(this).remove();
          item.show();
        });
      }
    });
    return false;
  });
});
