add item to shopping cart trial

by santosh_patnala

HTML

<img class="beach" src="http://farm4.static.flickr.com/3342/3498392810_6c90aee201_m.jpg" />

CSS

.beach {
    position: relative;
    top:200px;
    left: 300px;
}

JavaScript

var posLeft;
var posTop;

function goToTopLeft(img) {
    posLeft = img.position().left;
    posTop = img.position().top;

    img.animate({
        top: '-=100px',
        left: '-=100px',
        height: 'toggle'
    }, 500);
}

function goToFrontFromTopLeft(img) {
    img.animate({
        top: posTop,
        left: posLeft,
        height: 'toggle'
    }, 500);
}

$("img").click(function() {
    goToTopLeft($(this));

    goToFrontFromTopLeft($(this));
    $(this).css("z-index", "1");
});