(function($){
	$.float = function(){
		var _option = $.extend({css:{top:150,left:1},name:'name',url:'../xml/online.xml',root:'./',style:'4'},arguments[0]);
		var _css = $('<link href="../'+_option.root+'images/qq/skin/'+_option.style+'/skin.css" rel="stylesheet" type="text/css" />').appendTo('head');
		var _obj = $('<div id="float"><div id="top"></div><div id="middle"></div><div id="bottom"></div><iframe name="target" style="display:none"></iframe></div>').appendTo('body');
		_obj.css(_option.css);
		var _middle = _obj.find('#middle');
		$.ajax({
			dataType: 'xml',
			type    : "GET",
			url     : _option.root+_option.url,
			success : function(date){
				$('item[@state="True"]',date).each(function(i,n){
					var _item = $(n);
					_middle.append('<a href="'+_item.attr('url')+'" target="target"><img src="../'+_option.root+_item.attr('img')+'" width="20" height="20" border="0" align="absmiddle" />'+_item.attr(_option.name)+'</a>');
				});
			}
		});
		var _lastScrollY = 0;
		scroller = function(){
			var _top = $(document).scrollTop();
			percent  = 0.1 * (_top - _lastScrollY); 
			percent  = percent>0?Math.ceil(percent):Math.floor(percent);
			_obj.top(percent);
			_lastScrollY += percent;
		}
		window.setInterval("scroller()",10);
	}
	$.fn.top = function(y){
		var _top = parseInt(this.css('top'))+y;
		this.css({top:_top});
		return this;
	}
})(jQuery);