/* malihu custom scrollbar plugin - http://manos.malihu.gr */
(function ($) {
$.fn.mCustomScrollbar = function (scrollType,animSpeed,easeType,bottomSpace,draggerDimType,mouseWheelSupport,scrollBtnsSupport,scrollBtnsSpeed){
var id = $(this).attr("id");
var $customScrollBox=$("#"+id+" .customScrollBox");
var $customScrollBox_container=$("#"+id+" .customScrollBox .container");
var $customScrollBox_content=$("#"+id+" .customScrollBox .content");
var $dragger_container=$("#"+id+" .dragger_container");
var $dragger=$("#"+id+" .dragger");
var $scrollUpBtn=$("#"+id+" .scrollUpBtn");
var $scrollDownBtn=$("#"+id+" .scrollDownBtn");
var $customScrollBox_horWrapper=$("#"+id+" .customScrollBox .horWrapper");
//get & store minimum dragger height & width (defined in css)
if(!$customScrollBox.data("minDraggerHeight")){
	$customScrollBox.data("minDraggerHeight",$dragger.height());
}
if(!$customScrollBox.data("minDraggerWidth")){
	$customScrollBox.data("minDraggerWidth",$dragger.width());
}
//get & store original content height & width
if(!$customScrollBox.data("contentHeight")){
	$customScrollBox.data("contentHeight",$customScrollBox_container.height());
}
if(!$customScrollBox.data("contentWidth")){
	$customScrollBox.data("contentWidth",$customScrollBox_container.width());
}
CustomScroller();
function CustomScroller(reloadType){
	//horizontal scrolling ------------------------------
	if(scrollType=="horizontal"){
	var visibleWidth=$customScrollBox.width();
	//set content width automatically
	$customScrollBox_horWrapper.css("width",999999); //set a rediculously high width value ;)
	$customScrollBox.data("totalContent",$customScrollBox_container.width()); //get inline div width
	$customScrollBox_horWrapper.css("width",$customScrollBox.data("totalContent")); //set back the proper content width value
	
	if($customScrollBox_container.width()>visibleWidth){ //enable scrollbar if content is long
		$dragger.css("display","block");
		if(reloadType!="resize" && $customScrollBox_container.width()!=$customScrollBox.data("contentWidth")){
		$dragger.css("left",0);
		$customScrollBox_container.css("left",0);
		$customScrollBox.data("contentWidth",$customScrollBox_container.width());
		}
		$dragger_container.css("display","block");
		$scrollDownBtn.css("display","inline-block");
		$scrollUpBtn.css("display","inline-block");
		var totalContent=$customScrollBox_content.width();
		var minDraggerWidth=$customScrollBox.data("minDraggerWidth");
		var draggerContainerWidth=$dragger_container.width();
	
		function AdjustDraggerWidth(){
		if(draggerDimType=="auto"){
			var adjDraggerWidth=Math.round(totalContent-((totalContent-visibleWidth)*1.3)); //adjust dragger width analogous to content
			if(adjDraggerWidth<=minDraggerWidth){ //minimum dragger width
			$dragger.css("width",minDraggerWidth+"px");
			} else if(adjDraggerWidth>=draggerContainerWidth){
			$dragger.css("width",draggerContainerWidth-10+"px");
			} else {
			$dragger.css("width",adjDraggerWidth+"px");
			}
		}
		}
		AdjustDraggerWidth();
	
		var targX=0;
		var draggerWidth=$dragger.width();
		$dragger.draggable({ 
		axis: "x", 
		containment: "parent", 
		drag: function(event, ui) {
			ScrollX();
		}, 
		stop: function(event, ui) {
			DraggerRelease();
		}
		});
	
		$dragger_container.click(function(e) {
		var $this=$(this);
		var mouseCoord=(e.pageX - $this.offset().left);
		if(mouseCoord<$dragger.position().left || mouseCoord>($dragger.position().left+$dragger.width())){
			var targetPos=mouseCoord+$dragger.width();
			if(targetPos<$dragger_container.width()){
			$dragger.css("left",mouseCoord);
			ScrollX();
			} else {
			$dragger.css("left",$dragger_container.width()-$dragger.width());
			ScrollX();
			}
		}
		});
		//mousewheel
		$(function($) {
		if(mouseWheelSupport=="yes"){
			$customScrollBox.unbind("mousewheel");
			$customScrollBox.bind("mousewheel", function(event, delta) {
			var vel = Math.abs(delta*10);
			$dragger.css("left", $dragger.position().left-(delta*vel));
			ScrollX();
			if($dragger.position().left<0){
				$dragger.css("left", 0);
				$customScrollBox_container.stop();
				ScrollX();
			}
			if($dragger.position().left>$dragger_container.width()-$dragger.width()){
				$dragger.css("left", $dragger_container.width()-$dragger.width());
				$customScrollBox_container.stop();
				ScrollX();
			}
			return false;
			});
		}
		});
		
		//scroll buttons
		if(scrollBtnsSupport=="yes"){
		$scrollDownBtn.mouseup(function(){
			BtnsScrollXStop();
		}).mousedown(function(){
			BtnsScrollX("down");
		}).mouseout(function(){
			BtnsScrollXStop();
		});
		
		$scrollUpBtn.mouseup(function(){
			BtnsScrollXStop();
		}).mousedown(function(){
			BtnsScrollX("up");
		}).mouseout(function(){
			BtnsScrollXStop();
		});
		
		$scrollDownBtn.click(function(e) {
			e.preventDefault();
		});
		$scrollUpBtn.click(function(e) {
			e.preventDefault();
		});
		
		btnsScrollTimerX=0;
		
		function BtnsScrollX(dir){
			if(dir=="down"){
			var btnsScrollTo=$dragger_container.width()-$dragger.width();
			var scrollSpeed=Math.abs($dragger.position().left-btnsScrollTo)*(100/scrollBtnsSpeed);
			$dragger.stop().animate({left: btnsScrollTo}, scrollSpeed,"linear");
			} else {
			var btnsScrollTo=0;
			var scrollSpeed=Math.abs($dragger.position().left-btnsScrollTo)*(100/scrollBtnsSpeed);
			$dragger.stop().animate({left: -btnsScrollTo}, scrollSpeed,"linear");
			}
			clearInterval(btnsScrollTimerX);
			btnsScrollTimerX = setInterval( ScrollX, 20);
		}
		
		function BtnsScrollXStop(){
			clearInterval(btnsScrollTimerX);
			$dragger.stop();
		}
		}
		//scroll
		var scrollAmount=(totalContent-visibleWidth)/(draggerContainerWidth-draggerWidth);
		function ScrollX(){
		var draggerX=$dragger.position().left;
		var targX=-draggerX*scrollAmount;
		var thePos=$customScrollBox_container.position().left-targX;
		$customScrollBox_container.stop().animate({left: "-="+thePos}, animSpeed, easeType);
		}
	} else { //disable scrollbar if content is short
		$dragger.css("left",0).css("display","none"); //reset content scroll
		$customScrollBox_container.css("left",0);
		$dragger_container.css("display","none");
		$scrollDownBtn.css("display","none");
		$scrollUpBtn.css("display","none");
	}
	//vertical scrolling ------------------------------
	} else {
	var visibleHeight=$customScrollBox.height();
	if($customScrollBox_container.height()>visibleHeight){ //enable scrollbar if content is long
		$dragger.css("display","block");
		if(reloadType!="resize" && $customScrollBox_container.height()!=$customScrollBox.data("contentHeight")){
		$dragger.css("top",0);
		$customScrollBox_container.css("top",0);
		$customScrollBox.data("contentHeight",$customScrollBox_container.height());
		}
		$dragger_container.css("display","block");
		$scrollDownBtn.css("display","inline-block");
		$scrollUpBtn.css("display","inline-block");
		var totalContent=$customScrollBox_content.height();
		var minDraggerHeight=$customScrollBox.data("minDraggerHeight");
		var draggerContainerHeight=$dragger_container.height();
	
		function AdjustDraggerHeight(){
		if(draggerDimType=="auto"){
			var adjDraggerHeight=Math.round(totalContent-((totalContent-visibleHeight)*1.3)); //adjust dragger height analogous to content
			if(adjDraggerHeight<=minDraggerHeight){ //minimum dragger height
			$dragger.css("height",minDraggerHeight+"px").css("line-height",minDraggerHeight+"px");
			} else if(adjDraggerHeight>=draggerContainerHeight){
			$dragger.css("height",draggerContainerHeight-10+"px").css("line-height",draggerContainerHeight-10+"px");
			} else {
			$dragger.css("height",adjDraggerHeight+"px").css("line-height",adjDraggerHeight+"px");
			}
		}
		}
		AdjustDraggerHeight();
	
		var targY=0;
		var draggerHeight=$dragger.height();
		$dragger.draggable({ 
		axis: "y", 
		containment: "parent", 
		drag: function(event, ui) {
			Scroll();
		}, 
		stop: function(event, ui) {
			DraggerRelease();
		}
		});
		
		$dragger_container.click(function(e) {
		var $this=$(this);
		var mouseCoord=(e.pageY - $this.offset().top);
		if(mouseCoord<$dragger.position().top || mouseCoord>($dragger.position().top+$dragger.height())){
			var targetPos=mouseCoord+$dragger.height();
			if(targetPos<$dragger_container.height()){
			$dragger.css("top",mouseCoord);
			Scroll();
			} else {
			$dragger.css("top",$dragger_container.height()-$dragger.height());
			Scroll();
			}
		}
		});
		//mousewheel
		$(function($) {
		if(mouseWheelSupport=="yes"){
			$customScrollBox.unbind("mousewheel");
			$customScrollBox.bind("mousewheel", function(event, delta) {
			var vel = Math.abs(delta*10);
			$dragger.css("top", $dragger.position().top-(delta*vel));
			Scroll();
			if($dragger.position().top<0){
				$dragger.css("top", 0);
				$customScrollBox_container.stop();
				Scroll();
			}
			if($dragger.position().top>$dragger_container.height()-$dragger.height()){
				$dragger.css("top", $dragger_container.height()-$dragger.height());
				$customScrollBox_container.stop();
				Scroll();
			}
			return false;
			});
		}
		});
		//scroll buttons
		if(scrollBtnsSupport=="yes"){
		$scrollDownBtn.mouseup(function(){
			BtnsScrollStop();
		}).mousedown(function(){
			BtnsScroll("down");
		}).mouseout(function(){
			BtnsScrollStop();
		});
		
		$scrollUpBtn.mouseup(function(){
			BtnsScrollStop();
		}).mousedown(function(){
			BtnsScroll("up");
		}).mouseout(function(){
			BtnsScrollStop();
		});
		
		$scrollDownBtn.click(function(e) {
			e.preventDefault();
		});
		$scrollUpBtn.click(function(e) {
			e.preventDefault();
		});
		
		btnsScrollTimer=0;
		
		function BtnsScroll(dir){
			if(dir=="down"){
			var btnsScrollTo=$dragger_container.height()-$dragger.height();
			var scrollSpeed=Math.abs($dragger.position().top-btnsScrollTo)*(100/scrollBtnsSpeed);
			$dragger.stop().animate({top: btnsScrollTo}, scrollSpeed,"linear");
			} else {
			var btnsScrollTo=0;
			var scrollSpeed=Math.abs($dragger.position().top-btnsScrollTo)*(100/scrollBtnsSpeed);
			$dragger.stop().animate({top: -btnsScrollTo}, scrollSpeed,"linear");
			}
			clearInterval(btnsScrollTimer);
			btnsScrollTimer = setInterval( Scroll, 20);
		}
		
		function BtnsScrollStop(){
			clearInterval(btnsScrollTimer);
			$dragger.stop();
		}
		}
		
		//scroll
		if(bottomSpace<1){
		bottomSpace=1; //minimum bottomSpace value is 1
		}
		var scrollAmount=(totalContent-(visibleHeight/bottomSpace))/(draggerContainerHeight-draggerHeight);
		function Scroll(){
		var draggerY=$dragger.position().top;
		var targY=-draggerY*scrollAmount;
		var thePos=$customScrollBox_container.position().top-targY;
		$customScrollBox_container.stop().animate({top: "-="+thePos}, animSpeed, easeType);
		}
	} else { //disable scrollbar if content is short
		$dragger.css("top",0).css("display","none"); //reset content scroll
		$customScrollBox_container.css("top",0);
		$dragger_container.css("display","none");
		$scrollDownBtn.css("display","none");
		$scrollUpBtn.css("display","none");
	}
	}
	
	$dragger.mouseup(function(){
	DraggerRelease();
	}).mousedown(function(){
	DraggerPress();
	});
	function DraggerPress(){
	$dragger.addClass("dragger_pressed");
	}
	function DraggerRelease(){
	$dragger.removeClass("dragger_pressed");
	}
}
$(window).resize(function() {
	if(scrollType=="horizontal"){
	if($dragger.position().left>$dragger_container.width()-$dragger.width()){
		$dragger.css("left", $dragger_container.width()-$dragger.width());
	}
	} else {
	if($dragger.position().top>$dragger_container.height()-$dragger.height()){
		$dragger.css("top", $dragger_container.height()-$dragger.height());
	}
	}
	CustomScroller("resize");
});
};  
})(jQuery);