jQuery.fn.extend({drag:function(params){var jQ=jQuery;return this.each(function(){var clicked=false;var start_x;var start_y;var drag_div=this;bgimg=$('#'+this.id+' img');imgx=bgimg.width();imgy=bgimg.height();$(this).css('background',"url('"+bgimg.attr('src')+"') no-repeat center center");bgimg.css('display','none');$(this).mousedown(function(e){$(this).css('cursor','move');clicked=true;start_x=Math.round(e.pageX-$(this).eq(0).offset().left);start_y=Math.round(e.pageY-$(this).eq(0).offset().top);});$(this).mouseup(function(e){$(this).css('cursor','default');clicked=false;});$(this).mousemove(function(e){if(clicked){bg=$(this).css('background-position');if(bg.indexOf('%')>1){leftpos=($(this).width()/2)-(imgx/2);toppos=($(this).height()/2)-(imgy/2);}else{bg=bg.replace("px","").replace("px","").split(" ");leftpos=parseInt(bg[0]);toppos=parseInt(bg[1]);}
var mouse_x=Math.round(e.pageX-$(this).eq(0).offset().left)-start_x;var mouse_y=Math.round(e.pageY-$(this).eq(0).offset().top)-start_y;var x=leftpos+(mouse_x);var y=toppos+(mouse_y);start_x=Math.round(e.pageX-$(this).eq(0).offset().left);start_y=Math.round(e.pageY-$(this).eq(0).offset().top);$(drag_div).css('background-position',x+"px "+y+"px");}});});}});