var scrollUpId;
var scrollDownId;

$(document).ready(function(){
    $("#slide").slider({change: scrollchange, slide:scrollslide});
	$("#up").mouseover(function(){
		scrollUpId = setInterval(scrollUp, 10);
	})
	$("#up").mouseout(function(){
		clearInterval(scrollUpId);
	})
	$("#down").mouseover(function(){
		scrollDownId = setInterval(scrollDown, 10);
	})
	$("#down").mouseout(function(){
		clearInterval(scrollDownId);
	})
	checkScroll();
});
  function scrollchange(event, ui){
  	var max= $("#scrollcontainer").attr("scrollHeight")-$("#scrollcontainer").height();
	$("#scrollcontainer").attr({scrollTop: ui.value * max / 100 });
  }
  function scrollslide(event, ui){
  	var max= $("#scrollcontainer").attr("scrollHeight")-$("#scrollcontainer").height();
	$("#scrollcontainer").attr({scrollTop: ui.value * max / 100 });
  }
  function scrollUp(){
  	$("#slide").slider("moveTo", "-=1");
  }
  function scrollDown(){
  	$("#slide").slider("moveTo", "+=1");
  }
  function checkScroll(){
  	if ($("#scrollcontainer").attr("scrollHeight") <= $("#scrollcontainer").height()) {
		$("#slide").slider("disable");
		$("#slide").hide();
		$("#up").css("display", "none");
		$("#down").css("display", "none");
	}
	else{
		$("#slide").slider("enable");
		$("#slide").show();
		$("#up").css("display", "block");
		$("#down").css("display", "block");		
	}
  }