var ie=document.all;
var nn6=document.getElementById&&!document.all;

var isdrag=false;
var x,y;
var dobj;
var scroll_inicio = 0;


function movemouse(e)
{
  var scroll_fin = document.getElementById( 'scroll_sinFlechas' ).offsetHeight - 15;
  if (isdrag)
  {
    dobj.style.top  = Math.min( scroll_fin, Math.max( scroll_inicio, ( nn6 ? ty + e.clientY - y : ty + event.clientY - y ) ) ) + 'px';
	mover( ( parseInt( dobj.style.top ) - scroll_inicio ) / scroll_fin );
    return false;
  }
}

function selectmouse(e) 
{
  var fobj       = nn6 ? e.target : event.srcElement;
  var topelement = nn6 ? "HTML" : "BODY";

  while (fobj.tagName != topelement && fobj.className != "dragme")
  {
    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }

  if (fobj.className=="dragme")
  {
    isdrag = true;
    dobj = fobj;
    ty = parseInt(dobj.style.top+0);
    y = nn6 ? e.clientY : event.clientY;
    document.onmousemove=movemouse;
    return false;
  }
}

function mover( porUno ) {
	var contenedor = document.getElementById( 'scroll_contenedor' );
	var contenido = document.getElementById( 'scroll_contenido' );
	if ( contenido.style.top == undefined || contenido.style.top == '' )
		contenido.style.top = '0px';
	var y = - porUno * ( contenido.offsetHeight - contenedor.offsetHeight ) ;
	if ( contenido.offsetHeight + y < contenedor.offsetHeight )
		y = contenedor.offsetHeight - contenido.offsetHeight;
	contenido.style.top = y + 'px';
}
function scrollArriba( poner ) {
	var flechaArriba = document.getElementById( "flechaArriba" );
	var contenido = document.getElementById( 'scroll_contenido' );
	if ( contenido.style.top == '' || contenido.style.top == undefined )
		contenido.style.top = '0px';
	if ( poner ) {
		var flechaAbajo = document.getElementById( "flechaAbajo" );
		if ( flechaArriba.intervalo == undefined ) {
			if ( flechaAbajo.intervalo != undefined ) {
				clearInterval( flechaAbajo.intervalo );
				flechaAbajo.intervalo = undefined;
			}
			flechaArriba.intervalo = setInterval( "scrollandoArriba()", 100 );
		}
	}
	else {
		clearInterval( flechaArriba.intervalo );
		flechaArriba.intervalo = undefined;
	}
}
function scrollAbajo( poner ) {
	var flechaAbajo = document.getElementById( "flechaAbajo" );
	var contenido = document.getElementById( 'scroll_contenido' );
	if ( contenido.style.top == '' || contenido.style.top == undefined )
		contenido.style.top = '0px';
	if ( poner ) {
		var flechaArriba = document.getElementById( "flechaArriba" );
		if ( flechaAbajo.intervalo == undefined ) {
			if ( flechaArriba.intervalo != undefined ) {
				clearInterval( flechaArriba.intervalo );
				flechaArriba.intervalo = undefined;
			}
			flechaAbajo.intervalo = setInterval( "scrollandoAbajo()", 100 );
		}
	}
	else {
		clearInterval( flechaAbajo.intervalo );
		flechaAbajo.intervalo = undefined;
	}
}
function scrollandoArriba(){
	var contenedor = document.getElementById( 'scroll_contenedor' );
	var contenido = document.getElementById( 'scroll_contenido' );
	var y = parseInt( contenido.style.top ) + 10;
	if ( y > 0 )
		y = 0;
	contenido.style.top = y + 'px';
	ponBola( parseInt( contenido.style.top ) / ( contenedor.offsetHeight - contenido.offsetHeight ) );
}
function scrollandoAbajo() {
	var contenedor = document.getElementById( 'scroll_contenedor' );
	var contenido = document.getElementById( 'scroll_contenido' );
	var y = parseInt( contenido.style.top ) - 10;
	if ( contenido.offsetHeight + y < contenedor.offsetHeight )
		y = contenedor.offsetHeight - contenido.offsetHeight;
	contenido.style.top = y + 'px';
	ponBola( parseInt( contenido.style.top ) / ( contenedor.offsetHeight - contenido.offsetHeight ) );
}
function ponBola( porUno ) {
	var bola = document.getElementById( 'bolaScroll' );
	var contenedor = document.getElementById( 'scroll_contenedor' );
	bola.style.top = ( porUno * ( contenedor.offsetHeight - bola.offsetHeight ) ) + 'px';
}
function esPonerEscrol() {
	var contenedor = document.getElementById( 'scroll_contenedor' );
	var contenido = document.getElementById( 'scroll_contenido' );
	if ( contenedor && contenido.offsetHeight > contenedor.offsetHeight ) {
		document.getElementById( 'bolaScroll' ).style.visibility = 'visible';
		contenedor.style.borderRight = '2px solid #97b04d';
	}
}

setTimeout( 'esPonerEscrol()', 100 );

document.onmousedown=selectmouse;
document.onmouseup=new Function("isdrag=false");