$(function() 
{
	$('.scroll').each(function(){
		var id='#'+$(this).attr('id');
		var up=id+'_up';
		var down=id+'_down';
		var slid=$(this).attr('id')+'_scroll';
		$(up).addClass('scroll_up');
		$(down).addClass('scroll_down');
		$(up).mouseover(function(){
			startScroll(id,-1);
		});
		$(up).mouseout(function(){
			stopScroll();
		});
		$(down).mouseover(function(){
			startScroll(id,1);
		});
		$(down).mouseout(function(){
			stopScroll();
		});
		if ($('#'+slid)) CreaScrollV(slid,$(this).attr('id'));
	});
	
})

function startScroll(id,factor) {
	gIdIntervalScroll=setInterval(function(){
		var scroll=$(id).attr('scrollTop');
		scroll+=(3*factor);
		$(id).attr('scrollTop', scroll);
		if ($(id+'_scroll'))
		{
			var id_sc=id.replace('#','')+'_scroll';	
			SetScroll(id_sc, id.replace('#',''));
		}
	},20)
}

function stopScroll() {
	if (gIdIntervalScroll != null) clearInterval(gIdIntervalScroll);
	gIdIntervalScroll = null;
}

function CreaScrollV(LScroll, LContenido)
{
	var total=$("#"+LContenido).attr("scrollHeight");
	var parcial=$("#"+LContenido).attr("offsetHeight");
	var rango=(total-parcial);
	//alert(total+' '+parcial+' '+rango);
	if (total>parcial)
	{
		$("#"+LScroll).slider({
			orientation: 'vertical',
			min: 0,
			max: rango,
			value: rango,
			animate: false,
			slide: function(){
				var value = $(this).slider('option', 'value');
				var total=$("#"+LContenido).attr("scrollHeight");
				var parcial=$("#"+LContenido).attr("offsetHeight");
				$(this).slider('option', 'max', (total-parcial));
				$("#"+LContenido).attr("scrollTop", (total-parcial)-(value));
			}
		});
		$("#"+LScroll).show();
	}
}

function SetScroll(LScroll, LContenido)
{
	var total=$("#"+LContenido).attr("scrollHeight");
	var parcial=$("#"+LContenido).attr("offsetHeight");
	var rango=(total-parcial);
	var valor=$("#"+LContenido).attr("scrollTop");
	$("#"+LScroll).slider('value',(total-parcial)-valor);
}