// JavaScript Document


	var xscrollInitialized = false;
	function scrollBarInit(element, height) {
		if(height == null) {
			alert('Height is required.');
		}
		//alert(height);
		$('#' + element).css('height', height);
		//$('#' + element + ' .scroll_path .scrollbar').css('top', 0);
		
		
		
		if($('#' + element + ' .containerWrap').length == 0) {
			$('#' + element).wrapInner('<div class="containerWrap">');
		} else {
			//return;
		}
		
		if($('#' + element + ' .containerWrap').height() < $('#' + element).height()) {
			$('#' + element + ' .scroll_path').remove();
			return;
		}
		
		var incrementOnMouseWheel = 0;
		// MOUSEWHEEL
		$('#' + element).mousewheel(function(event, delta)  {
			currentMouseTop = 1;
			currentMouseLeft = 100;
			var containerWrapHeight = $('.scrollbar').parent().siblings('.containerWrap').height() - $('.scrollbar').parent().height();	
			var calcValue = $('.scrollbar').parent().height();
			/*if(containerWrapHeight < 100) {
				calcValue = 40;	
			} else {
				calcValue = 10;	
			}*/
			//alert(calcValue / containerWrapHeight);
			calcValue = (calcValue / containerWrapHeight) + 10
			//$(document).trigger('mousemove');	
			incrementOnMouseWheel = incrementOnMouseWheel - ((calcValue) * delta);
			doOnMouseMove(incrementOnMouseWheel);
			$('#debug').html(delta);
		});
		
		
		if(xscrollInitialized) return;
		//xscrollInitialized = true;
		//alert($('#' + element + ' .containerWrap').height() +' ' + $('#' + element).height());
		if($('#' + element + ' .containerWrap').height() > $('#' + element).height()) {
			
			$('#' + element + ' .containerWrap').css({position:'absolute'});
			$('#' + element + ' .containerWrap').css({top:'0'});
			var containerWrapPadding = parseInt($('#' + element + ' .containerWrap').css('padding-right'));
			containerWrapPadding = containerWrapPadding + 22; //old value 15
			$('#' + element + ' .containerWrap').css('padding-right', containerWrapPadding);
			$('#' + element + ' .containerWrap').css('width', '100%');
			
			if($('#' + element + ' .scroll_path').length == 0) {
				$('#' + element).append('<div class="scroll_path"><div class="scrollbar"></div></div>');
			}
			$('#' + element).css({overflow:'hidden', position:'relative'});
			$('#' + element + ' .scroll_path').css({'height':'100%', position:'absolute', right:'0', top:'0'});
			$('#' + element + ' .scroll_path .scrollbar').css({position:'absolute', top:'0', left:'0', cursor:'pointer', cursor:'hand', 'z-index':'100'});
		}
		
		var currentMouseTop = 0;
		var currentMouseLeft = 0;
		var isMouseAction = false;
		
		$('.scrollbar').mousedown(function(e) {
			currentMouseTop = e.pageY - $('.scrollbar').position().top;
			currentMouseLeft = e.pageX;
			e.preventDefault();
			isMouseAction = true;
		});
		
		$(document).mousemove(function(e) {
			if(isMouseAction) {						   	
				$('#debug').html(e.pageY);						   
				doOnMouseMove(e.pageY);
			}
		});
		
		$(document).mouseup(function(e) {
			currentMouseTop = 0;
			currentMouseLeft = 0;
			isMouseAction = false;
		});
		
		function doOnMouseMove(pageY) {
			if(currentMouseTop != 0 && currentMouseLeft != 0) {
				var incrementValue = pageY - currentMouseTop;
				
				var scrollBarEndPosition = $('.scrollbar').parent().height() -  $('.scrollbar').height();
				var containerWrapHeight = $('.scrollbar').parent().siblings('.containerWrap').height() - $('.scrollbar').parent().height();				
				$('#increment').html(incrementValue);
				if(containerWrapHeight < 0) return;
				//alert($('.scrollbar').parent().height());
				var multiplier = (containerWrapHeight * $('.scrollbar').position().top) / scrollBarEndPosition;
				multiplier = multiplier * -1;

				if($('.scrollbar').position().top >= 0 && $('.scrollbar').position().top <= scrollBarEndPosition) {
					$('.scrollbar').css('top', incrementValue);
				}
				if($('.scrollbar').position().top > scrollBarEndPosition) {
					$('.scrollbar').css('top', scrollBarEndPosition);
					incrementOnMouseWheel = scrollBarEndPosition;
				}
				
				if($('.scrollbar').position().top < 0) {
					$('.scrollbar').css('top', 0);
					incrementOnMouseWheel = 0;
				}
				
				$('.scrollbar').parent().siblings('.containerWrap').css('top', multiplier);
				
			}		
		}

		
	}