// JavaScript Document
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
function verifyCompatibleBrowser(){ 
    this.ver=navigator.appVersion 
    this.dom=document.getElementById?1:0 
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 
    this.ie4=(document.all && !this.dom)?1:0; 
    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
 
    this.ns4=(document.layers && !this.dom)?1:0; 
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) 
    return this 
} 
bw=new verifyCompatibleBrowser() 
 
 
var speed=120 
 
var loop, timer 
 
function ConstructObject(obj,nest){ 
    nest=(!nest) ? '':'document.'+nest+'.' 
    this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; 
    this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0; 
    this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight 
    this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight 
    this.up=MoveAreaUp;this.down=MoveAreaDown; 
    this.MoveArea=MoveArea; this.x; this.y; 
    this.obj = obj + "Object" 
    eval(this.obj + "=this") 
    return this 
} 
function MoveArea(x,y){ 
    this.x=x;this.y=y 
    this.css.left=this.x 
    this.css.top=this.y 
} 
 
function MoveAreaDown(move){ 
	if(this.y>-this.scrollHeight+objContainer.clipHeight){ 
    this.MoveArea(0,this.y-move) 
    if(loop) setTimeout(this.obj+".down("+move+")",speed) 
	} 
} 
function MoveAreaUp(move){ 
	if(this.y<0){ 
    this.MoveArea(0,this.y-move) 
    if(loop) setTimeout(this.obj+".up("+move+")",speed) 
	} 
} 
 
function PerformScroll(speed){ 
	if(initialised){ 
		loop=true; 
		if(speed>0) objScroller.down(speed) 
		else objScroller.up(speed) 
	} 
} 
 
function CeaseScroll(){ 
    loop=false 
    if(timer) clearTimeout(timer) 
} 
var initialised; 
function InitialiseScrollableArea(){ 
    objContainer=new ConstructObject('divContainer') 
    objScroller=new ConstructObject('divContent','divContainer') 
    objScroller.MoveArea(0,0) 
    objContainer.css.visibility='visible' 
    initialised=true; 
}





/*------------------------------------------------------------------------------------------*/
/*	pFlechaA:		Indica cual es la imagen a la que se le asignará una nueva src.			*/
/*	pScrA:			Indica cual es la src por defecto de la imagen.							*/
/*	nFlecha:		Indica cual es el tipo de la FlechaA (1{up | left}; 2{down | right})	*/
/*	pFlechaB:		Indica cual es la imagen opuesta.										*/
/*	pScrA:			Indica cual es la src por defecto de la imagen opuesta.					*/
/*	pEstadoF:		Indica cual es el estado de la flecha pFlechaA (over, out, etc).		*/
/*	pScroll:		Indica cual es el Scroll a tener en cuenta al elegir la src.			*/
/*	pMovimiento:	Indica cual es el tipo de movimiento del Scroll.						*/
/*	hContenedor:	Indica cual es la altura del Contenedor del Scroll.						*/
/*	wContenedor:	Indica cual es el ancho del Contenedor del Scroll.						*/
/*------------------------------------------------------------------------------------------*/
function EstadoFlecha(pFlechaA,pSrcA,nFlecha,pFlechaB,pSrcB,pEstadoF,pScroll,pMovimiento,hContenedor,wContenedor,PixelsMov){
var Posicion;
var AnchoScroll;
var AltoScroll;
	AnchoScroll = document.getElementById(pScroll).offsetWidth + 70;
	AltoScroll = document.getElementById(pScroll).offsetHeight + 10;
	
	if(pMovimiento=='h'||pMovimiento=='H'){
		if(document.getElementById(pScroll).offsetWidth <= wContenedor){
		// El ancho del Scroll es menor que el del Contenedor, por lo que las flechas aparecerán deshabilitadas.
			pFlechaA.src = pSrcA + '_d.jpg'
			pFlechaA.style.cursor = 'default';
			pFlechaB.src = pSrcB + '_d.jpg'
			pFlechaB.style.cursor = 'default';
			return(false);
		}else{
		// Compruebo la posición del Scroll y la Flecha.
			Posicion = document.getElementById(pScroll).style.left;
		}
	}else{
		if(document.getElementById(pScroll).offsetHeight <= hContenedor){
		// El alto del Scroll es menor que el del Contenedor, por lo que las flechas aparecerán deshabilitadas.
			pFlechaA.src = pSrcA + '_d.jpg'
			pFlechaA.style.cursor = 'default';
			pFlechaB.src = pSrcB + '_d.jpg'
			pFlechaB.style.cursor = 'default';
			return(false);
		}else{
		// Compruebo la posición del Scroll y la Flecha.
			Posicion = document.getElementById(pScroll).style.top;
		}
	}

	Posicion = Posicion.replace(/px/,"");
	Posicion = Posicion.replace(/pt/,"");
	Posicion = new Number(Posicion);

	var Aux = pFlechaA.src;
	switch(pEstadoF){
	case 'Over':
	// El cursor está encima de la flecha. Pasa a estado ON si no está en estado D
		if(Aux.substring(Aux.lastIndexOf('/')+1) != (pSrcA.substring(pSrcA.lastIndexOf('/')+1) + '_d.jpg')){
			pFlechaA.src = pSrcA + '_on.jpg';
			pFlechaA.style.cursor = 'pointer';
		}else{
			pFlechaA.src = pSrcA + '_d.jpg'
			pFlechaA.style.cursor = 'default';
		}
		break;
	case 'Out':
	// El cursor ha salido de la flecha. Pasa a estado OFF si no está en estado D
		if(Aux.substring(Aux.lastIndexOf('/')+1) != pSrcA.substring(pSrcA.lastIndexOf('/')+1) + '_d.jpg'){
			pFlechaA.src = pSrcA + '.jpg';
			pFlechaA.style.cursor = 'pointer';
		}else{
			pFlechaA.src = pSrcA + '_d.jpg'
			pFlechaA.style.cursor = 'default';
		}
		break;
	default:
	// Estado por Defecto de la Flecha. Depende del tipo de flecha
		if(nFlecha==1){
			if(Posicion >= 0){
				pFlechaA.src = pSrcA + '_d.jpg'
				pFlechaA.style.cursor = 'default';
			}else{
				pFlechaA.src = pSrcA + '.jpg';
				pFlechaA.style.cursor = 'pointer';
			}
		}else{
			if(pMovimiento=='h'||pMovimiento=='H'){
				if((Posicion - PixelsMov) <= (-1*(AnchoScroll - wContenedor))){
					pFlechaA.src = pSrcA + '_d.jpg'
					pFlechaA.style.cursor = 'default';
				}else{
					pFlechaA.src = pSrcA + '.jpg';
					pFlechaA.style.cursor = 'pointer';
				}
			}else{
				if((Posicion - PixelsMov) <= (-1*(AltoScroll - hContenedor))){
					pFlechaA.src = pSrcA + '_d.jpg'
					pFlechaA.style.cursor = 'default';
				}else{
					pFlechaA.src = pSrcA + '.jpg';
					pFlechaA.style.cursor = 'pointer';
				}
			}
		}
		break;
	}
}

function MueveScroll(pScroll,pEstado,pMovimiento,hContenedor,wContenedor,PixelsMov,TiempoMov,FlechaA,FlechaB){
var Posicion
var Tiempo
var AltoScroll
var AnchoScroll
var bMover

	bMover = false;

	AnchoScroll = document.getElementById(pScroll).offsetWidth + 70
	AltoScroll = document.getElementById(pScroll).offsetHeight + 10

	if(pMovimiento=='h'||pMovimiento=='H'){
		if(document.getElementById(pScroll).offsetWidth <= wContenedor){
			return false
		}
		Posicion = document.getElementById(pScroll).style.left
	}else{
		if(document.getElementById(pScroll).offsetHeight <= hContenedor){
			return false
		}
		Posicion = document.getElementById(pScroll).style.top
	}

	Posicion = Posicion.replace(/px/,"");
	Posicion = Posicion.replace(/pt/,"");
	Posicion = new Number(Posicion);
	
	switch(document.getElementById(pEstado).value){
		case 'up':
			Posicion += PixelsMov;
			if(Posicion >= 1){
				document.getElementById(pEstado).value = '';
				bMover = false;
			}else{
				document.getElementById(pScroll).style.top = Posicion;
				bMover = true;
			}
			break;
		case 'down':
			Posicion -= PixelsMov;
			if(Posicion <= (-1*(AltoScroll - hContenedor))){
				document.getElementById(pEstado).value = '';
				bMover = false;
			}else{
				document.getElementById(pScroll).style.top = Posicion;
				bMover = true;
			}
			break;
		case 'left':
			Posicion += PixelsMov;
			if(Posicion >= 1){
				document.getElementById(pEstado).value = '';
				bMover = false;
			}else{
				document.getElementById(pScroll).style.left = Posicion;
				bMover = true;
			}
			break;
		case 'right':
			Posicion -= PixelsMov;
			if(Posicion <= (-1*(AnchoScroll - wContenedor))){
				document.getElementById(pEstado).value = '';
				bMover = false;
			}else{
				document.getElementById(pScroll).style.left = Posicion;
				bMover = true;
			}
			break;
		default:
			bMover = false;
			break;
	}
	
	if(pMovimiento=='h'||pMovimiento=='H'){
		EstadoFlecha(document.getElementById(FlechaA),'imagenes/FIzquierda',1,document.getElementById(FlechaB),'imagenes/FDerecha','default',pScroll,pMovimiento,hContenedor,wContenedor,PixelsMov);
		EstadoFlecha(document.getElementById(FlechaB),'imagenes/FDerecha',2,document.getElementById(FlechaA),'imagenes/FIzquierda','default',pScroll,pMovimiento,hContenedor,wContenedor,PixelsMov);
	}else{
		EstadoFlecha(document.getElementById(FlechaA),'imagenes/FArriba',1,document.getElementById(FlechaB),'imagenes/FAbajo','default',pScroll,pMovimiento,hContenedor,wContenedor,PixelsMov);
		EstadoFlecha(document.getElementById(FlechaB),'imagenes/FAbajo',2,document.getElementById(FlechaA),'imagenes/FArriba','default',pScroll,pMovimiento,hContenedor,wContenedor,PixelsMov);
	}

	if(bMover){
		Tiempo = window.setTimeout('MueveScroll("'+pScroll+'","'+pEstado+'","'+pMovimiento+'",'+hContenedor+','+wContenedor+','+PixelsMov+','+TiempoMov+',"'+FlechaA+'","'+FlechaB+'")',TiempoMov)
	}else{
		return false
	}
}

function ActivaScroll(pScroll,pMovimiento,hContenedor,wContenedor,PixelsMov,FlechaA,FlechaB){
	if(pMovimiento=='h'||pMovimiento=='H'){
		EstadoFlecha(document.getElementById(FlechaA),'imagenes/FIzquierda',1,document.getElementById(FlechaB),'imagenes/FDerecha','default',pScroll,pMovimiento,hContenedor,wContenedor,PixelsMov);
		EstadoFlecha(document.getElementById(FlechaB),'imagenes/FDerecha',2,document.getElementById(FlechaA),'imagenes/FIzquierda','default',pScroll,pMovimiento,hContenedor,wContenedor,PixelsMov);
	}else{
		EstadoFlecha(document.getElementById(FlechaA),'imagenes/FArriba',1,document.getElementById(FlechaB),'imagenes/FAbajo','default',pScroll,pMovimiento,hContenedor,wContenedor,PixelsMov);
		EstadoFlecha(document.getElementById(FlechaB),'imagenes/FAbajo',2,document.getElementById(FlechaA),'imagenes/FArriba','default',pScroll,pMovimiento,hContenedor,wContenedor,PixelsMov);
	}
}