		
		//-------------------------------------------
		//	SCROLLBAR
		//-------------------------------------------
		var scrollbar;
		var track;
		var thumb;
		var thumbX = 0;
		var mouseX = 0;
		var scrollInterval = 0;
		var slideX = 0;
		
		
		InitializeScrollbar = function() {
			document.getElementById("ScrollbarThumb").draggable = false;
			document.getElementById("ScrollbarThumb").addEventListener("onmousedown" , NoDragStart );
			
			document.getElementById("ScrollbarTrack").draggable = false;
			document.getElementById("ScrollbarTrack").addEventListener("onmousedown" , NoDragStart );
			
			scrollbar = $("#Scrollbar");
			track = $("#ScrollbarTrack");
			thumb = $("#ScrollbarThumb");
			output = $("#Output");
			
			thumb.mousedown( MouseDown );
			scrollInterval = setInterval( RunScrollbar , 5 );
		}//end if
		
		
		NoDragStart = function( e ) {
			e.preventDefault();
			return false;
		}//end function
		
		
		
		MouseDown = function( e ) {
			$( document ).mouseup( MouseUp );
			$( document ).mousemove( MouseMove );
		}//end function
		
		
		
		MouseMove = function( e ) {
			mouseX = e.pageX;
		}//end function
		
		
		MouseUp = function( e ) {
			$( document ).unbind( "mouseup" , MouseUp );
			$( document ).unbind( "mousemove" , MouseMove );
		}//end function
		
		
		DragThumb = function() {
			var minX = 0;
			var maxX = scrollbar.width() - thumb.width();
			var thumbOffset = thumb.width() / 2;
			
			thumbX = ( mouseX - thumbOffset ) - scrollbar.position().left;
			
			if( thumbX < minX ) thumbX = minX;
			if( thumbX > maxX ) thumbX = maxX; 
						
			thumb.css( "left" , thumbX );
		}//end function
		
		
		RunScrollbar = function() {
			DragThumb();
			
			var docWidth = $( document ).width();
			var containerWidth = $("#ItemContainer").width();
			var x = ( thumbX / track.width() ) * ( containerWidth - docWidth );
			
			slideX -= ( slideX - x ) / 15;
			
			$("#ItemContainer").css( "left" , -slideX );
		}//end function
		
		
		
		//END------------------------------------------
		
		
		
