// JavaScript Document

function scroller ( container )
{
	this.CONTAINER = container;
	this.CONTENT = $(container).children(".content");
	this.DATA = $(this.CONTENT).children(".data");
	
	this.HEIGHT = $(this.CONTENT).height();
	
	this.init();
}


this.scroller.prototype.init = function()
{
	$(this.DATA).css({ width:$(this.DATA).width() - 18 });
	
	if ( $(this.DATA).height() > $(this.CONTENT).height() )
	{
		$(this.CONTAINER).append('<div class="scroll"></div>');
		var s = $(this.CONTAINER).children(".scroll");
		$(s).css({ left:$(this.CONTAINER).width() - 14 });

		$(s).draggable(
			{ 
				axis:"y", 
				containment:"parent",
				drag:function(event,ui)
				{
					var pH = $(this).parent().height();
					var sH = $(this).height();
					var sT = parseInt( $(this).css("top") );
					var diffSH = pH - sH;
					var P = sT / diffSH;
					
					var content = $(this).parent().children(".content");
					var data = $(content).children(".data");
					var cH = $(content).height();
					var dH = $(data).height();
					var diffDH = dH - cH;
					$(data).stop().animate({ top:diffDH * P * -1 });
					
					
				}
			}
		);

	}
}