$.fn.scrollbar = function(o){
	var l = {$this: $(this)};
	var obj=$.extend(l,o);
	obj.$this.css({"position":"relative"});
	$("<div class='scrollbarmenu'></div>")
	.appendTo(obj.$this)
	.mousedown(function(){$(this).attr("m","true");});
	var objscrollbar ={maxlength:obj.$this.width()-$(".scrollbarmenu").width()};
	$("body").mousemove(function(){
		if($(".scrollbarmenu").attr("m"))
		{			
			$(".scrollbarmenu").css({"left":$(window.event).attr("clientX")-obj.$this.getLeft()-$(".scrollbarmenu").width()/2});
			if($(".scrollbarmenu").attr("offsetLeft")<0)
			{
				$(".scrollbarmenu").css({"left":"0px"});
			}
			if($(".scrollbarmenu").attr("offsetLeft")> objscrollbar.maxlength)
			{
				$(".scrollbarmenu").css({"left":objscrollbar.maxlength});
			}			
			$(".ssimg .dd").moveImg($(".scrollbarmenu").attr("offsetLeft"));
		}		
	})
	.mouseup(function(){
		if($(".scrollbarmenu").attr("m"))
		{
			$(".scrollbarmenu").removeAttr("m");		
		}
	});	
}

$.fn.getLeft = function() {
	var oleft= $(this).attr("offsetLeft");
	$(this).parents().each(function(){
		oleft+=$(this).attr("offsetLeft");
	});
	return oleft;
}
$.fn.moveImg = function(o) {
    var h = $(this).height();
    var w = $(this).width();   
	var s = w / h;
	o=123+o;
	w=o;
	h = o / s;
	$(this).css({height:h,width:w}).find("img[@p=p]").css({height:"100%",width:"100%"});
}