Swapper = function(elementId, options) {
  this.init(elementId, options );
  this.lastClicked = false;
};

$.extend(Swapper.prototype, {

    lastClicked:false,
	init: function(elementId, options) {
	    this.container = $(elementId);
        this.container.find('div img').draggable(
            {
                zIndex:20000,
                helper:'clone',
                cursor:'move',
                start:function(){
                        $(this).addClass('selected');
                        $(this).parent().addClass('selectedBg');
                      },
                stop: function(){
                    $(this).removeClass('selected');
                }
            }).droppable(
            {
               hoverClass:'hovered',

               drop:function(ev,ui){
                   var id = $(this).attr('id');
                   var src = $(this).attr('src');
                   var dragged = $(ui.draggable);
                   $(this).attr('src', dragged.attr('src') );
                   $(this).attr('id', dragged.attr('id') );
                   $(ui.draggable).attr('src', src );
                   $(ui.draggable).attr('id', id );
                   $(ui.draggable).removeClass('selected');                                      
               }
             }
          );
    }
});