if (window.addEventListener) window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;

var posicion=0;
var thumbpos=0;
var content=0;
var ancho_ascensor = '30';
var alto_ascensor = '30';

var layer = 0;

var offHeight = 0;

//------- offset es el margen sup,inf, izq y der para el ascensor, es decir la distancia antes de llegar borde de la barra
var offset = '13';
function scrollea(id, ancho, alto, direccion){
	//---------------| compruebo que el scroll no este ya hecho |--------------------
	var comprobar = document.getElementById(id+'_scrollContent');
	if (comprobar!=null) return;
	//-------------| si la direccion no es vertical por fuerza es horizontal |----
	if (direccion!='v') direccion='h';
	theRoot = document.getElementById(id);
	//-------------| recupero el contenido de la capa |-------------
	var contenido = theRoot.innerHTML;
	//-------------| creo los contenedores |-------------------------
	var scrollContent = document.createElement("div");
	var scrollContainer = document.createElement("div");
	var scrollBar = document.createElement("div");
	var left = document.createElement("div");
	var right = document.createElement("div");
	var up = document.createElement("div");
	var down = document.createElement("div");
	var track = document.createElement("div");
	var thumb = document.createElement("div");
	//-------------| asigno las id's |-----------------------
	scrollContent.id= id+'_scrollContent';
	scrollContainer.id= id+'_scrollContainer';
	scrollBar.id= id+'_scrollBar';
	thumb.id= id+'_thumb';
	track.id= id+'_track';
	left.id= id+'_left';
	right.id= id+'_right';
	up.id= id+'_up';
	down.id= id+'_down';
	//-------------| monto el area del scroll |-------------
	theRoot.innerHTML='';
	scrollContent.innerHTML=contenido;
	scrollContainer.appendChild(scrollContent);
	theRoot.appendChild(scrollContainer);
	 //-----------| monto la barra |---------------
	 track.appendChild(thumb);
	 scrollBar.appendChild(track);
	 if( direccion == 'v' ){
		 scrollBar.appendChild(up);
		 scrollBar.appendChild(down);
	 } else {
	 	scrollBar.appendChild(left);
	 	scrollBar.appendChild(right);
	 }
	 theRoot.appendChild(scrollBar);
	 //----------| asigno comportamientos |---------------------------------------------------------------
	 left.onmouseover = function(){ dw_scrollObj.initScroll(scrollContainer.id,'left');}
	 left.onmouseout = function(){dw_scrollObj.stopScroll(scrollContainer.id);}
	 left.onmousedown = function(){dw_scrollObj.doubleSpeed(scrollContainer.id);}
	 left.onmouseup = function(){dw_scrollObj.resetSpeed(scrollContainer.id);}
	 //----------------------------------------------------------------------------------------------------
	 right.onmouseover = function(){dw_scrollObj.initScroll(scrollContainer.id,'right');}
	 right.onmouseout = function(){dw_scrollObj.stopScroll(scrollContainer.id);}
	 right.onmousedown = function(){dw_scrollObj.doubleSpeed(scrollContainer.id);}
	 right.onmouseup = function(){dw_scrollObj.resetSpeed(scrollContainer.id);}
	 //----------------------------------------------------------------------------------------------------
	 up.onmouseover = function(){ dw_scrollObj.initScroll(scrollContainer.id,'up');}
	 up.onmouseout = function(){dw_scrollObj.stopScroll(scrollContainer.id);}
	 up.onmousedown = function(){dw_scrollObj.doubleSpeed(scrollContainer.id);}
	 up.onmouseup = function(){	dw_scrollObj.resetSpeed(scrollContainer.id);}
	 //----------------------------------------------------------------------------------------------------
	 down.onmouseover = function(){ dw_scrollObj.initScroll(scrollContainer.id,'down');}
	 down.onmouseout = function(){ dw_scrollObj.stopScroll(scrollContainer.id);}
	 down.onmousedown = function(){dw_scrollObj.doubleSpeed(scrollContainer.id);}
	 down.onmouseup = function(){ dw_scrollObj.resetSpeed(scrollContainer.id);}
	
	 //----------| asigno propiedades |--------------------------------------------------------------------
	 theRoot.style.position = 'absolute';
	 theRoot.style.overflow = 'hidden';
	 //----------------------------------------------------------------------------------------------------
	 scrollContainer.style.position = 'absolute';
	 scrollContainer.style.width = ancho + 'px';
	 scrollContainer.style.height = alto + 'px';
	 scrollContainer.style.overflow = 'hidden';
	//-----------------------------------------------------------------------------------------------------
	 scrollContent.style.position = 'absolute';
	 scrollContent.style.width = '100%'
	 scrollContent.style.zindex = '1';
	 //----------------------------------------------------------------------------------------------------
	 scrollBar.style.position = 'absolute';
	 if( direccion == 'v' ) {
		 scrollBar.style.left = ancho+'px';
		 scrollBar.style.top = '0px';
		 if(isClass('.track_v')){scrollBar.className='track_v'} else { scrollBar.style.width = offset+'px';}
		 scrollBar.style.height = alto+'px';
		 //Jose	 28/12/2006 Forzamos la carga de la imagen, por si la caché nos está jugando malas pasadas
		 up.innerHTML='<img src="/img/up.gif?rand='+Math.random()+'">';
		 down.innerHTML='<img src="/img/down.gif?rand='+Math.random()+'">';
		 thumb.innerHTML='<img src="/img/thumb_h.gif?rand='+Math.random()+'">';
	 } else {
		 scrollBar.style.left = '0px';
		 scrollBar.style.top = alto + 'px';
		 scrollBar.style.width = ancho+'px';
		if(isClass('.track_h')){scrollBar.className='track_h'} else { scrollBar.style.height = offset+'px';}
	 }
	 scrollBar.fontSize = '1px';
	 scrollBar.style.zindex = '2'; 
	 //----------------------------------------------------------------------------------------------------
	 if( direccion == 'v' ){
		if(isClass('.track_v')){track.className='track_v'} else { track.style.width = offset+'px';track.style.backgroundColor ='#EEEEEE';}
		 track.style.height = alto +'px';
	 }else{
		 track.style.width= '100%';
		 if(isClass('.track_h')){track.className='track_h'} else { track.style.height = offset+'px'; track.style.backgroundColor ='#EEEEEE';}
	 }
	 track.style.zindex = '0';
	 track.style.position = 'absolute';
	 track.style.top = '0px';
	 //----------------------------------------------------------------------------------------------------
	 thumb.style.position = 'absolute';
	 if( direccion == 'v' ){ estilo = 'thumb_h' }else{ estilo = 'thumb_v'}
	 if(isClass('.'+estilo)){
	 	thumb.className = estilo;
	 }else{
		 thumb.style.width = offset + 'px';
		 thumb.style.height = offset+'px';
		 thumb.style.backgroundColor ='#CECFC6';
	 }
	 thumb.style.zindex = '1';
	 thumb.style.fontSize = '1px';
	 //----------------------------------------------------------------------------------------------------
	 left.style.position = 'absolute';
	 left.style.display = 'block';
	 left.style.left = '0px';
	 left.style.top = '0px';
	 left.style.zindex = '2';
	 left.style.cursor = 'pointer';
	 if(isClass('.flecha_left')){
		 left.className='flecha_left';
	 }else{
		 left.style.width = offset+'px';
		 left.style.height = offset+'px';
		 left.style.backgroundColor ='#999999';
	 }
	 left.style.fontSize = '1px';
	 //----------------------------------------------------------------------------------------------------
	 right.style.position = 'absolute';
	 right.style.display = 'block';
	 right.style.right = '0px';
	 right.style.top = '0px';
	 right.style.zindex = '3';
	 right.style.cursor = 'pointer';
	 if(isClass('.flecha_right')){
		 right.className='flecha_right';
	 }else{
		 right.style.width = offset+'px';
		 right.style.height = offset+'px';
		 right.style.backgroundColor ='#999999';
	 }
	 right.style.fontSize = '1px';
	 left.style.backgroundColor ='#999999';
	 //----------------------------------------------------------------------------------------------------
	 up.style.position = 'absolute';
	 up.style.display = 'block';
	 up.style.left = '0px';
	 up.style.top = '0px';
	 up.style.zindex = '2';
	 up.style.cursor = 'pointer';
 	if(isClass('.flecha_up')){
		 up.className= 'flecha_up';
	 }else{
		 up.style.width = offset+'px';
		 up.style.height = offset+'px';
	 }
	 up.style.fontSize = '1px';
	 up.style.backgroundColor ='#999999';
	//----------------------------------------------------------------------------------------------------	 
	 down.style.position = 'absolute';
	 down.style.display = 'block';
	 down.style.left = '0px';
	 mi_altura = offset;
	 down.style.top = (alto-mi_altura)+'px';
	 down.style.zindex = '2';
	 down.style.cursor = 'pointer';
	 if(isClass('.flecha_down')){
		 down.className= 'flecha_down';
	 }else{
		 down.style.width = offset+'px';
		 down.style.height = offset+'px';
	 }
	 down.style.fontSize = '1px';
	 down.style.backgroundColor ='#999999';
	 //----------------------------------------------------------------------------------------------------
	 var scrollContainerdo = new dw_scrollObj(scrollContainer.id, scrollContent.id,null);
	 // arguments: thumb id, track id, axis ("v" or "h"), x offset, y offset
  	// (x/y offsets of thumb in track)
	  //..............................scrollContainerdo.setUpScrollbar(thumb.id, track.id, "h", boton_flecha, 0);
	  if(direccion=='v'){
		scrollContainerdo.setUpScrollbar(thumb.id, track.id, 'v', 0,offset);
		if(scrollContent.offsetHeight > scrollContainer.offsetHeight){scrollBar.style.display ='block';} else {scrollBar.style.display ='none';}
	  }else{
	  	 scrollContainerdo.setUpScrollbar(thumb.id, track.id, 'h', offset,0 );
		 if(scrollContent.offsetWidth > scrollContainer.offsetWidth){scrollBar.style.display ='block';} else {scrollBar.style.display ='none';}
	  }
	
}
//-----------------| recalcula de nuevo el area de scroll |------------------------------------------------
function update_scroll(id,direccion){
	var content = document.getElementById(id+'_scrollContent');
	var container =  document.getElementById(id+'_scrollContainer');
	var ascensor = document.getElementById(id+'_thumb');
	var scrollbar = document.getElementById(id+'_scrollBar');
	 //----------| recupero distancias del "ascensor" antes de hacer update |------------------------------
	if(direccion=='v'){
		distancia_ascensor=ascensor.offsetTop;
		distancia_content=content.offsetTop;
	}else{
		distancia_ascensor=ascensor.offsetLeft;
		distancia_content=content.offsetLeft;
	}
	if(distancia_ascensor == 0){distancia_ascensor=offset}
	//----------| vuelvo a crear el mismo objeto machacando el anterior |----------------------------------
	var scrollContainerdo = new dw_scrollObj(id+'_scrollContainer', id+'_scrollContent',null);
	scrollbar.style.display ='block';
	//----------| vuelvo a asignar el scroll machacando el anterior |--------------------------------------
	if(direccion=='v'){
		scrollContainerdo.setUpScrollbar(id+'_thumb', id+'_track', 'v', 0,offset);
		content.style.top = distancia_content+"px";
		ascensor.style.top = distancia_ascensor+"px";
		if(content.offsetHeight > container.offsetHeight){scrollbar.style.display ='block';} else {scrollbar.style.display ='none'; content.style.top='0px';}
	}else{
		scrollContainerdo.setUpScrollbar(id+'_thumb', id+'_track', 'h', offset,0);
		content.style.left = distancia_content+"px";
		ascensor.style.left = distancia_ascensor+"px";
		if(content.offsetWidth > container.offsetWidth){scrollbar.style.display ='block';} else {scrollbar.style.display ='none'; content.style.left ='0px';}
	}
}

//---------------------------------------------------------------------------------------------------------
dw_scrollObjs = {};
dw_scrollObj.speed=100;
function dw_scrollObj(wnId,lyrId,cntId) {
	this.id=wnId;
	dw_scrollObjs[this.id]=this;
	this.animString="dw_scrollObjs."+this.id;this.load(lyrId,cntId);};dw_scrollObj.loadLayer=function(wnId,id,cntId){if(dw_scrollObjs[wnId])dw_scrollObjs[wnId].load(id,cntId);};
	
	dw_scrollObj.prototype.load=function(lyrId,cntId){
		if(!document.getElementById)return;

		var wndo,lyr,lyrTop;
		if(this.lyrId){
			lyr=document.getElementById(this.lyrId);
			lyr.style.visibility="hidden";
		}
		lyr=document.getElementById(lyrId);
		wndo=document.getElementById(this.id);
		lyr.style.top = this.y = 0;
		lyr.style.left = this.x = 0;
		this.maxY = (lyr.offsetHeight-wndo.offsetHeight>0)?lyr.offsetHeight-wndo.offsetHeight:0;
		
		// variables utilitadas para guardar valores de longitud, posicion, y elemento al que se le aplica el movimineto en el scroll de mouse
		offHeight  = this.maxY;
		posicion = this.maxY;
		layer = lyr;

		this.wd = cntId?document.getElementById(cntId).offsetWidth:lyr.offsetWidth;
		this.maxX=(this.wd-wndo.offsetWidth>0)?this.wd-wndo.offsetWidth:0;
		this.lyrId=lyrId;
		lyr.style.visibility="visible";
		this.on_load();
		this.ready=true;
	};
	
	dw_scrollObj.prototype.on_load=function(){};
	dw_scrollObj.prototype.shiftTo = function(lyr,x,y){
		if(!lyr.style||!dw_scrollObj.scrdy)return;
		lyr.style.left = x+"px";
		lyr.style.top = y+"px";
		this.x = x;
		this.y = y;
		posicion = y;
	};
	
	dw_scrollObj.GeckoTableBugFix=function(){var ua=navigator.userAgent;if(ua.indexOf("Gecko")>-1&&ua.indexOf("Firefox")==-1&&ua.indexOf("Safari")==-1&&ua.indexOf("Konqueror")==-1){dw_scrollObj.hold=[];for(var i=0;arguments[i];i++){if(dw_scrollObjs[arguments[i]]){var wndo=document.getElementById(arguments[i]);var holderId=wndo.parentNode.id;var holder=document.getElementById(holderId);document.body.appendChild(holder.removeChild(wndo));wndo.style.zIndex=1000;var pos=getPageOffsets(holder);wndo.style.left=pos.x+"px";wndo.style.top=pos.y+"px";dw_scrollObj.hold[i]=[arguments[i],holderId];}}window.addEventListener("resize",dw_scrollObj.rePositionGecko,true);}};dw_scrollObj.rePositionGecko=function(){if(dw_scrollObj.hold){for(var i=0;dw_scrollObj.hold[i];i++){var wndo=document.getElementById(dw_scrollObj.hold[i][0]);var holder=document.getElementById(dw_scrollObj.hold[i][1]);var pos=getPageOffsets(holder);wndo.style.left=pos.x+"px";wndo.style.top=pos.y+"px";}}};function getPageOffsets(el){var left=el.offsetLeft;var top=el.offsetTop;if(el.offsetParent&&el.offsetParent.clientLeft||el.offsetParent.clientTop){left+=el.offsetParent.clientLeft;top+=el.offsetParent.clientTop;}while(el=el.offsetParent){left+=el.offsetLeft;top+=el.offsetTop;}return{x:left,y:top};};var dw_Inf={};dw_Inf.fn=function(v){return eval(v)};
	dw_Inf.gw=dw_Inf.fn("\x77\x69\x6e\x64\x6f\x77\x2e\x6c\x6f\x63\x61\x74\x69\x6f\x6e");
	dw_Inf.ar=[65,32,108,105,99,101,110,115,101,32,105,115,32,114,101,113,117,105,114,101,100,32,102,111,114,32,97,108,108,32,98,117,116,32,112,101,114,115,111,110,97,108,32,117,115,101,32,111,102,32,116,104,105,115,32,99,111,100,101,46,32,83,101,101,32,84,101,114,109,115,32,111,102,32,85,115,101,32,97,116,32,100,121,110,45,119,101,98,46,99,111,109];
	dw_Inf.get=function(ar) { 
		var s="";
		var ln=ar.length;
		for(var i=0;i<ln;i++) {
			s+=String.fromCharCode(ar[i]);
		}
		return s;
	};
	dw_Inf.mg=dw_Inf.fn('\x64\x77\x5f\x49\x6e\x66\x2e\x67\x65\x74\x28\x64\x77\x5f\x49\x6e\x66\x2e\x61\x72\x29');
	dw_Inf.fn('\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x31\x3d\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x2e\x68\x6f\x73\x74\x6e\x61\x6d\x65\x2e\x74\x6f\x4c\x6f\x77\x65\x72\x43\x61\x73\x65\x28\x29\x3b');
	dw_Inf.fn('\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x32\x3d\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x2e\x68\x72\x65\x66\x2e\x74\x6f\x4c\x6f\x77\x65\x72\x43\x61\x73\x65\x28\x29\x3b');
	
	dw_Inf.x0=function() {
		// hack
		dw_Inf.fn('\x69\x66\x28\x21\x28\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x31\x3d\x3d\x22\x22\x7c\x7c\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x31\x3d\x3d\x22\x31\x32\x37\x2e\x30\x2e\x30\x2e\x31\x22\x7c\x7c\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x31\x2e\x69\x6e\x64\x65\x78\x4f\x66\x28\x22\x6c\x6f\x63\x61\x6c\x68\x6f\x73\x74\x22\x29\x21\x3d\x2d\x31\x7c\x7c\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x32\x2e\x69\x6e\x64\x65\x78\x4f\x66\x28\x22\x64\x79\x6e\x2d\x77\x65\x62\x2e\x63\x6f\x6d\x22\x29\x21\x3d\x2d\x31\x29\x29\x28\x64\x77\x5f\x49\x6e\x66\x2e\x6d\x67\x29\x3b\x64\x77\x5f\x73\x63\x72\x6f\x6c\x6c\x4f\x62\x6a\x2e\x73\x63\x72\x64\x79\x3d\x74\x72\x75\x65\x3b');
	};
	dw_Inf.fn('\x64\x77\x5f\x49\x6e\x66\x2e\x78\x30\x28\x29\x3b');
	
	dw_scrollObj.stopScroll = function(wnId) {
		if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].endScroll();	
	}
	
	// increase speed onmousedown of scroll links
	dw_scrollObj.doubleSpeed = function(wnId) {
		if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].speed *= 2;
	}
	
	dw_scrollObj.resetSpeed = function(wnId) {
		if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].speed /= 2;
	}
	
	// algorithms for time-based scrolling and scrolling onmouseover at any angle adapted from youngpup.net
	dw_scrollObj.initScroll = function(wnId, deg, sp) {
	  if ( dw_scrollObjs[wnId] ) {
	    var cosine, sine;
	    if (typeof deg == "string") {
	      switch (deg) {
	        case "up"    : deg = 90;  break;
	        case "down"  : deg = 270; break;
	        case "left"  : deg = 180; break;
	        case "right" : deg = 0;   break;
	        default: 
	          alert("Direction of scroll in mouseover scroll links should be 'up', 'down', 'left', 'right' or number: 0 to 360.");
	       }
	    } 
	    deg = deg % 360;
	    if (deg % 90 == 0) {
	      cosine = (deg == 0)? -1: (deg == 180)? 1: 0;
	      sine = (deg == 90)? 1: (deg == 270)? -1: 0;
	    } else {
	      var angle = deg * Math.PI/180;
	      cosine = -Math.cos(angle); 
		  sine = Math.sin(angle);
	    }
	    dw_scrollObjs[wnId].fx = cosine / ( Math.abs(cosine) + Math.abs(sine) );
	    dw_scrollObjs[wnId].fy = sine / ( Math.abs(cosine) + Math.abs(sine) );
	    dw_scrollObjs[wnId].endX = (deg == 90 || deg == 270)? dw_scrollObjs[wnId].x:
	      (deg < 90 || deg > 270)? -dw_scrollObjs[wnId].maxX: 0; 
	    dw_scrollObjs[wnId].endY = (deg == 0 || deg == 180)? dw_scrollObjs[wnId].y : (deg < 180)? 0: -dw_scrollObjs[wnId].maxY;
	    dw_scrollObjs[wnId].startScroll(sp);
	  }
	}
	
	// speed (optional) to override default speed (set in dw_scrollObj.speed)
	dw_scrollObj.prototype.startScroll = function(speed) {
	  if (!this.ready) return; if (this.timerId) clearInterval(this.timerId);
	  this.speed = speed || dw_scrollObj.speed;
	  this.lyr = document.getElementById(this.lyrId);
	  this.lastTime = ( new Date() ).getTime();
	  this.on_scroll_start();  
	  this.timerId = setInterval(this.animString + ".scroll()", 10); 
	}
	dw_scrollObj.prototype.scroll = function() {
	  var now = ( new Date() ).getTime();
	  var d = (now - this.lastTime)/1000 * this.speed;
	  if (d > 0) {
	    var x = this.x + this.fx * d; 
		var y = this.y + this.fy * d;

	    if (this.fx == 0 || this.fy == 0) { // for horizontal or vertical scrolling
	      if ( ( this.fx == -1 && x > -this.maxX ) || ( this.fx == 1 && x < 0 ) || 
	        ( this.fy == -1 && y > -this.maxY ) || ( this.fy == 1 && y < 0 ) ) {
	        this.lastTime = now;
	        this.shiftTo(this.lyr, x, y);
	        this.on_scroll(x, y);
	      } else {
	        clearInterval(this.timerId); this.timerId = 0;
	        this.shiftTo(this.lyr, this.endX, this.endY);
	        this.on_scroll_end(this.endX, this.endY);
			//posicion = this.endY;
	      }
	    } else { // for scrolling at an angle (stop when reach end on one axis)
	      if ( ( this.fx < 0 && x >= -this.maxX && this.fy < 0 && y >= -this.maxY ) ||
	        ( this.fx > 0 && x <= 0 && this.fy > 0 && y <= 0 ) ||
	        ( this.fx < 0 && x >= -this.maxX && this.fy > 0 && y <= 0 ) ||
	        ( this.fx > 0 && x <= 0 && this.fy < 0 && y >= -this.maxY ) ) {
	        this.lastTime = now;
	        this.shiftTo(this.lyr, x, y);
		    this.on_scroll(x, y);
	      } else {
			//posicion=dw_scrollObjs["descripciones_scrollContainer"].y;
	        clearInterval(this.timerId);
			this.timerId = 0;
	        this.on_scroll_end(this.x, this.y);
	      }
	    }
	  }
	}
	
	dw_scrollObj.prototype.endScroll = function() {
	  if (!this.ready) return;
	  if (this.timerId) clearInterval(this.timerId);
	  this.timerId = 0;
	  this.lyr = null;
	}
	dw_scrollObj.prototype.on_scroll = function() {}
	dw_scrollObj.prototype.on_scroll_start = function() {}
	dw_scrollObj.prototype.on_scroll_end = function() {}
	
	var dw_event = {
	  
	  add: function(obj, etype, fp, cap) {
	    cap = cap || false;
	    if (obj.addEventListener) obj.addEventListener(etype, fp, cap);
	    else if (obj.attachEvent) obj.attachEvent("on" + etype, fp);
	  }, 
	
	  remove: function(obj, etype, fp, cap) {
	    cap = cap || false;
	    if (obj.removeEventListener) obj.removeEventListener(etype, fp, cap);
	    else if (obj.detachEvent) obj.detachEvent("on" + etype, fp);
	  }, 
	
	  DOMit: function(e) { 
	    e = e? e: window.event;
	    e.tgt = e.srcElement? e.srcElement: e.target;
	    
	    if (!e.preventDefault) e.preventDefault = function () { return false; }
	    if (!e.stopPropagation) e.stopPropagation = function () { if (window.event) window.event.cancelBubble = true; }
	        
	    return e;
	  }
	  
}
var dw_slidebar = {
  obj: null,
  slideDur: 500,  // duration of glide onclick of track  
  init: function (bar, track, axis, x, y) {
    x = x || 0; y = y || 0;
    bar.style.left = x + "px"; bar.style.top = y + "px";
    bar.axis = axis; track.bar = bar;
    if (axis == "h") {
      bar.trkWd = track.offsetWidth; // hold for setBarSize
      bar.maxX = bar.trkWd - bar.offsetWidth - x; 
      bar.minX = x; bar.maxY = y; bar.minY = y;
    } else {
      bar.trkHt = track.offsetHeight;
      bar.maxY = bar.trkHt - bar.offsetHeight - y;	
      bar.maxX = x; bar.minX = x; bar.minY = y;
    }
    bar.on_drag_start =  bar.on_drag =   bar.on_drag_end = 
    bar.on_slide_start = bar.on_slide =  bar.on_slide_end = function() {}
    bar.onmousedown = this.startDrag; track.onmousedown = this.startSlide;
  },
  
  startSlide: function(e) { // called onmousedown of track 
    if ( dw_slidebar.aniTimer ) clearInterval(dw_slidebar.aniTimer);
    e = e? e: window.event;
    var bar = dw_slidebar.obj = this.bar; // i.e., track's bar
    e.offX = (typeof e.layerX != "undefined")? e.layerX: e.offsetX;
    e.offY = (typeof e.layerY != "undefined")? e.layerY: e.offsetY;
    bar.startX = parseInt(bar.style.left); bar.startY = parseInt(bar.style.top);
    if (bar.axis == "v") {	
      bar.destX = bar.startX;
      bar.destY = (e.offY < bar.startY)? e.offY: e.offY - bar.offsetHeight;
      bar.destY = Math.min( Math.max(bar.destY, bar.minY), bar.maxY );
    } else {
      bar.destX = (e.offX < bar.startX)? e.offX: e.offX - bar.offsetWidth;
      bar.destX = Math.min( Math.max(bar.destX, bar.minX), bar.maxX );
      bar.destY = bar.startY;
    }
    bar.distX = bar.destX - bar.startX; bar.distY = bar.destY - bar.startY;
    dw_slidebar.per = Math.PI/(2 * dw_slidebar.slideDur);
  	dw_slidebar.slideStart = (new Date()).getTime();
    bar.on_slide_start(bar.startX, bar.startY);
  	dw_slidebar.aniTimer = setInterval("dw_slidebar.doSlide()",10);
  },
  
  doSlide: function() {
    if ( !dw_slidebar.obj ) { clearInterval(dw_slidebar.aniTimer); return; } 
    var bar = dw_slidebar.obj;     
    var elapsed = (new Date()).getTime() - this.slideStart;
  	if (elapsed < this.slideDur) {
  		var x = bar.startX + bar.distX * Math.sin(this.per*elapsed);
  		var y = bar.startY + bar.distY * Math.sin(this.per*elapsed);
      bar.style.left = x + "px"; bar.style.top = y + "px";
      bar.on_slide(x, y);
  	} else {	// if time's up
      clearInterval(this.aniTimer);
      bar.style.left = bar.destX + "px";
	  bar.style.top = bar.destY + "px";
      bar.on_slide_end(bar.destX, bar.destY);
      this.obj = null;
  	}
  },
  
  startDrag: function (e) { // called onmousedown of bar 
    e = dw_event.DOMit(e);
    if ( dw_slidebar.aniTimer ) clearInterval(dw_slidebar.aniTimer);
    var bar = dw_slidebar.obj = this;
    bar.downX = e.clientX; bar.downY = e.clientY;
    bar.startX = parseInt(bar.style.left);
    bar.startY = parseInt(bar.style.top);

	bar.startX;

    bar.on_drag_start(bar.startX, bar.startY);
    dw_event.add( document, "mousemove", dw_slidebar.doDrag, true );
    dw_event.add( document, "mouseup",   dw_slidebar.endDrag,  true );
    e.stopPropagation();
  },

  doDrag: function (e) {
    e = e? e: window.event;
    if (!dw_slidebar.obj) return;
    var bar = dw_slidebar.obj; 
    var nx = bar.startX + e.clientX - bar.downX;
    var ny = bar.startY + e.clientY - bar.downY;
    nx = Math.min( Math.max( bar.minX, nx ), bar.maxX);
    ny = Math.min( Math.max( bar.minY, ny ), bar.maxY);
    bar.style.left = nx + "px"; bar.style.top  = ny + "px";
    bar.on_drag(nx,ny);
    return false;  
  },
  
  endDrag: function () {
    dw_event.remove( document, "mousemove", dw_slidebar.doDrag, true );
    dw_event.remove( document, "mouseup",   dw_slidebar.endDrag,  true );
    if ( !dw_slidebar.obj ) return; // avoid errors in ie if inappropriate selections
    dw_slidebar.obj.on_drag_end( parseInt(dw_slidebar.obj.style.left), parseInt(dw_slidebar.obj.style.top) );
    dw_slidebar.obj = null;  
  }
  
}

dw_scrollObj.prototype.bSizeDragBar = true;

dw_scrollObj.prototype.setUpScrollbar = function(id, trkId, axis, offx, offy) {
  if (!document.getElementById) return;
  var bar = document.getElementById(id);
  var trk = document.getElementById(trkId);
  dw_slidebar.init(bar, trk, axis, offx, offy);
  // connect dw_slidebar with dw_scrollObj
  bar.wn = dw_scrollObjs[this.id]; // scroll area object this bar connected to
  if (axis == "v") this.vBarId = id; else this.hBarId = id;
  // also called on_load (i.e., when layer loaded), but in case h and v scrollbars, need to call here too
  if (this.bSizeDragBar) this.setBarSize();
  bar.on_drag_start = bar.on_slide_start = dw_scrollObj.getWndoLyrRef;
  bar.on_drag_end =   bar.on_slide_end =   dw_scrollObj.tossWndoLyrRef;
  bar.on_drag =       bar.on_slide =       dw_scrollObj.UpdateWndoLyrPos;
}

// for these 3 functions (assigned to bar.on_drag/slide...) "this" refers to bar
// get/discard ref to layer visible in scroll area
dw_scrollObj.getWndoLyrRef = function()  { this.wnLyr = document.getElementById(this.wn.lyrId); }
dw_scrollObj.tossWndoLyrRef = function() { this.wnLyr = null; }
// keep position of scrolling layer in synch with slide/drag of bar
dw_scrollObj.UpdateWndoLyrPos = function(x, y) {
  var nx, ny;
  if (this.axis == "v") {
    nx = this.wn.x; // floating point values for loaded layer's position held in shiftTo method
    ny = -(y - this.minY) * ( this.wn.maxY / (this.maxY - this.minY) ) || 0;
  } else {
    ny = this.wn.y;
    nx = -(x - this.minX) * ( this.wn.maxX / (this.maxX - this.minX) ) || 0;
  }
  this.wn.shiftTo(this.wnLyr, nx, ny);
}

// Keep position of dragBar in sync with position of layer onscroll
dw_scrollObj.prototype.updateScrollbar = function(x, y) {
  var nx, ny;
  var objeto ="";
  
  // scroll vertical
  if ( this.vBarId ) {
	//si el elemento no esta creado lo creamos
	if(!this.vbar) { 
		objeto = document.getElementById(this.vBarId);
		objeto.maxY = document.getElementById(objeto.id).maxY;
		objeto.minY = document.getElementById(objeto.id).minY;
	} else { 
		objeto = this.vbar;
	}

    if (!this.maxY) return;
	
	//calculo la nueva posicion 'y' del scrollbar
    ny = -( y * ( (objeto.maxY - objeto.minY) / this.maxY ) - objeto.minY );
    ny = Math.min( Math.max(ny, objeto.minY), objeto.maxY);
    nx = parseInt(objeto.style.left);

	//actualizo las posiciones
    objeto.style.left = nx + "px"; 
	objeto.style.top = ny + "px";
  } 
  
  // scroll horizontal
  if ( this.hBarId ) {
    if (!this.maxX) return;
    nx = -( x * ( (this.hbar.maxX - this.hbar.minX) / this.maxX ) - this.hbar.minX );
    nx = Math.min( Math.max(nx, this.hbar.minX), this.hbar.maxX);
    ny = parseInt(this.hbar.style.top);
    this.hbar.style.left = nx + "px"; this.hbar.style.top = ny + "px";
  } 

}

// Restore dragBar to start position when loading new layer
dw_scrollObj.prototype.restoreScrollbars = function() {
  var bar;
  if (this.vBarId) {
    bar = document.getElementById(this.vBarId);
    bar.style.left = bar.minX + "px"; bar.style.top = bar.minY + "px";
  }
  if (this.hBarId) {
    bar = document.getElementById(this.hBarId);
    bar.style.left = bar.minX + "px"; bar.style.top = bar.minY + "px";
  }
}
  
// Size dragBar in proportion to size of content in layer
// called on_load of layer if bSizeDragBar prop true
dw_scrollObj.prototype.setBarSize = function() {
  var bar;
  var lyr = document.getElementById(this.lyrId);
  var wn = document.getElementById(this.id);
  if (this.vBarId) {
    bar = document.getElementById(this.vBarId);
    if(alto_ascensor){
		bar.style.height = alto_ascensor + 'px'
	} else {
		bar.style.height = (lyr.offsetHeight > wn.offsetHeight)? bar.trkHt / ( lyr.offsetHeight / wn.offsetHeight ) + "px": bar.trkHt - 2*bar.minY + "px";
	}
    bar.maxY = bar.trkHt - bar.offsetHeight - bar.minY; 
  }
  if (this.hBarId) {
    bar = document.getElementById(this.hBarId);
    if(ancho_ascensor){
		bar.style.width = ancho_ascensor+'px';
	}else{
		bar.style.width = (this.wd > wn.offsetWidth)? bar.trkWd / ( this.wd / wn.offsetWidth ) + "px": bar.trkWd - 2*bar.minX + "px";
	}
    bar.maxX = bar.trkWd - bar.offsetWidth - bar.minX; 
  }
}

// called from load method
dw_scrollObj.prototype.on_load = function() { 
  this.restoreScrollbars();
  if (this.bSizeDragBar) this.setBarSize();
}

dw_scrollObj.prototype.on_scroll = dw_scrollObj.prototype.on_slide = function(x,y) { this.updateScrollbar(x,y); }

// obtain and discard references to relevant dragBar
dw_scrollObj.prototype.on_scroll_start = dw_scrollObj.prototype.on_slide_start = function() {
  if ( this.vBarId ) this.vbar = document.getElementById(this.vBarId);
  if ( this.hBarId ) this.hbar = document.getElementById(this.hBarId);
}

dw_scrollObj.prototype.on_scroll_end = dw_scrollObj.prototype.on_slide_end = function(x, y) { 
  this.updateScrollbar(x,y);
  this.lyr = null; this.bar = null; 
}

//---------------| indica si existe una clase que le pasamos |---------------------------------------------
function isClass(name){
	var stylesheets = document.styleSheets;
	for (var i = 0; i < stylesheets.length; i++){
		if (searchClass(stylesheets[i], name)){
			return true;
		}
	}
	return false;
}

//---------------| busca la clase en la hoja de estilos correspondiente |----------------------------------
function searchClass(sheet, name){
	var rules = (sheet.cssRules) ? sheet.cssRules : sheet.rules;
	var rLength = rules.length;
    for (var i = 0; i < rLength; i++){
        var cRule = rules[i];
        if (cRule.selectorText.toLowerCase() == name.toLowerCase()){
			return true;
		}
	}
	return false;
}

	// wheel del mouse - recoge el movimiento -------------------------------------------------------------
	
	function handle(delta) {
		//comprovamos que el texto sea suficiente como para que el scroll aparezca e funcione
		if(offHeight > 0) {
			//separamos el nombre de la capa para recoger solo el principio (id)
			var layersplit = layer.id;

			layersplit = layersplit.split("_");
			layersplit = layersplit[0];

			var layer_thumb = layersplit+'_thumb';
			var layer_content = layersplit+'_scrollContent';
			var layer_container = layersplit+'_scrollContainer';
			var layer_track = layersplit+'_track';

			var descripciones_scrollContent = document.getElementById(layer_content);
			var descripciones_thumb = document.getElementById(layer_thumb);
			var descripciones_track = document.getElementById(layer_track);

			// el 56 son: los 13px de cada una de las flechas, y los 30px del ascensor
			var recorrido = parseInt(descripciones_track.style.height) -56;
			var off_inferior = recorrido+13+'px';

			descripciones_thumb.maxY = recorrido+13;
			descripciones_thumb.minY = 13;

			thumbpos = parseInt(descripciones_thumb.style.top, 10);
			posicion = parseInt(layer.style.top, 10);
			
			var step = posicion;

			//esto es por si la longitud del texto es mayor que el recorrido del scroll.
			if(recorrido < offHeight) {
				var thumbdes = 1;
				var desplazamiento = parseInt(offHeight) / parseInt(recorrido); //recorrido de texto por cada punto de scroll del mouse
			} else {
				var thumbdes = parseInt(recorrido) / offHeight; //recorrido del thumb en relacion con la longitud del texto
				var desplazamiento = 1; //desplazamiento del texto (1 linia por cada punto de scroll)
			}

			if (delta < 0) { //abajo
				if(parseInt(thumbpos)<parseInt(off_inferior) && parseInt(posicion)>(offHeight*(-1))) {
					step -= desplazamiento;
					dw_scrollObjs[layer_container].shiftTo(descripciones_scrollContent, 0, step);
					dw_scrollObjs[layer_container].on_scroll(0,step);
				}
			} else { //arriba
				if(parseInt(descripciones_scrollContent.style.top)<0) {
					step += desplazamiento;
					dw_scrollObjs[layer_container].shiftTo(descripciones_scrollContent, 0, step);
					dw_scrollObjs[layer_container].on_scroll(0,step);
				}
			}
		}
	}
	
	//recoge la accion del scroll -------------------------------------------------------------------------
	function wheel(event) {
		var delta = 0;
		if (!event) event = window.event;
		if (event.wheelDelta) {
			delta = event.wheelDelta/120;
			if (window.opera) delta = -delta;
		} else if (event.detail) {
			delta = -event.detail/3;
		}
		if (delta) handle(delta);
		if (event.preventDefault) event.preventDefault();
		event.returnValue = false;
	}

	// ----------------------------------------------------------------------------------------------------