	function avanzarScroll(iCantPaneles){
		var aThumb = document.getElementById("thumb");
		var scrolldiv=document.getElementById("scrollcontent");
		var widthS = scrolldiv.getElementsByTagName('li')[0].offsetWidth;
		var sections = scrolldiv.getElementsByTagName('li').length;
		//var totalCinta=725;
		var totalCinta;
		switch (iCantPaneles) {
			case 2:
				iRelacion = 210;
				totalCinta=538;
				iDrag = 150;
				topeScroll = 300;
			break;
			case 3:
				iRelacion = 210;
				totalCinta=538;
				iDrag = 171;
				topeScroll = 513;
			break;
			case 4:
				iRelacion = 219;
				totalCinta=890;
				iDrag = 182;
				topeScroll = 728;
			break;
		}
		
		
		var Relacion = (((sections-iCantPaneles)*widthS)/topeScroll);
	
		if (sections>iCantPaneles){
		 	Drag.init(aThumb, null, 0, topeScroll, 0, 0);
		 	aThumb.onDrag = function(x, y) {
				var widthAvanzar=Math.floor((Relacion*x));
				scrolldiv.scrollLeft=widthAvanzar;
		 	}
		}else {
		 	Drag.init(aThumb, null, 0, 0, 0, 0);
		}
	}
	
	
	function avanzarScrollRight(iCantPaneles){
		var aSiguiente = document.getElementById("siguiente");
		var aThumb = document.getElementById("thumb");
		var scrolldiv=document.getElementById("scrollcontent");
		var widthS = scrolldiv.getElementsByTagName('li')[0].offsetWidth;
		
		var sections = scrolldiv.getElementsByTagName('li').length;
		var totalCinta=sections*widthS;
		var aumentar;
		/*if (typeof document.body.style.maxHeight == "undefined") {
			totalCinta=totalCinta+sections;
		}*/
		switch (iCantPaneles){
			case 2:
				topeScroll = 300;
				//aumentar = 5;
			break;
			case 3:
				topeScroll = 513;
				//aumentar = 5;
				break;
			case 4:
				topeScroll = 728;
				//aumentar = 10;
				break;
		}	
		
		var Relacion = (topeScroll/((sections-iCantPaneles)*widthS));
		
		aSiguiente.onclick = function(x, y) {
			if (scrolldiv.scrollLeft<totalCinta){
				var actualCinta=scrolldiv.scrollLeft;
				var actualScroll=scrolldiv.scrollLeft*Relacion;
				var hasta_cinta=(actualCinta+(widthS*iCantPaneles));
				//var hasta_cinta=widthS*iCantPaneles;
				var delay = 100;
				
				if (iCantPaneles<4){
					aumentar = 5;
				}else{
					aumentar = 10;
				}
				
				if (hasta_cinta>(totalCinta-(widthS*iCantPaneles))){
					hasta_cinta=totalCinta-(widthS*iCantPaneles);
				}
				
				var moz = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined');
				
				if (moz) { 
					avanzar(Relacion, hasta_cinta)
				}else{
					for (indice=actualCinta;indice<=hasta_cinta;indice=indice+aumentar){
						if (((widthS*iCantPaneles)/((hasta_cinta)-indice))>=(iCantPaneles-1)){
							if ((hasta_cinta-indice)<(aumentar*20)){
								delay=delay+40;
								if (aumentar>1){
									aumentar--;
								}
							}
						}
						var id=setTimeout("avanzar("+Relacion+","+indice+");",delay);
						setTimeout("clearInterval("+id+")",delay);
						
					}
				}
			}
		}
	}
	
	function avanzarScrollLeft(iCantPaneles){
		var aAnterior = document.getElementById("anterior");
		var aThumb = document.getElementById("thumb");
		var scrolldiv=document.getElementById("scrollcontent");
		var widthS = scrolldiv.getElementsByTagName('li')[0].offsetWidth;
		var sections = scrolldiv.getElementsByTagName('li').length;
		var totalCinta=sections*widthS;
		var descontar;
		switch (iCantPaneles){
			case 2:
				topeScroll = 300;
				//aumentar = 5;
				//iRelacion = 210;
			break;
			case 3:
				topeScroll = 513;
				//aumentar = 5;
				//iRelacion = 210;
				break;
			case 4:
				topeScroll = 728;
				//aumentar = 10;
				//iRelacion = 219;
				break;
		}	
		//var Relacion = ((iRelacion*(sections-iCantPaneles))/totalCinta);
		var Relacion = (topeScroll/((sections-iCantPaneles)*widthS));
		
		aAnterior.onclick = function(x, y) {
			if (scrolldiv.scrollLeft>0){
	 			var actualCinta=scrolldiv.scrollLeft;
				var actualScroll=scrolldiv.scrollLeft*Relacion;
				var hasta_cinta=(actualCinta-(widthS*iCantPaneles));
				
				var delay = 100;
				
				if (iCantPaneles<4){
					descontar = 5;
				}else{
					descontar = 10;
				}
				
				var moz = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined');
		
				//xmlDoc.load("Anexos/xml/player_home.xml"); 
		
				if (moz) { 
					avanzar(Relacion, hasta_cinta)
				}else{
					for (indice=actualCinta;indice>=hasta_cinta;indice=indice-descontar){
						if (((widthS*iCantPaneles)/(indice-(hasta_cinta)))>=(iCantPaneles-1)){
							//alert(indice-hasta_cinta+" < "+descontar*20);
							if ((indice-hasta_cinta)<(descontar*20)){
								delay=delay+40;
								if (descontar>1){
									descontar--;
								}
							}
						}
						var id=setTimeout("avanzar("+Relacion+","+indice+");",delay);
						
						setTimeout("clearInterval("+id+")",delay);
					}
				}
			}
		}
	}


	function avanzar(Relacion, indice){
		var aThumb = document.getElementById("thumb");
		var scrolldiv=document.getElementById("scrollcontent");
		var widthS = scrolldiv.getElementsByTagName('li')[0].offsetWidth;
		var widthAvanzar;
		
		scrolldiv.scrollLeft=indice;
		widthAvanzar = Math.floor(Relacion * scrolldiv.scrollLeft);
		aThumb.style.left=widthAvanzar +"px";
	}
	
