var  scrollActive;
var  scrollLimit;
var scrollContentShown;
var top;
var n=(document.all) ? 1:0;
var nx=(document.all) ? 1:0;
var ie=(document.all) ? 1:0;
var n4=(document.layers) ? 1:0;
var n6=(document.getElementById) ? 1:0;  
var paso=0;
var valor;
var tiempo;
var altura=-50;
var Y;
var activo=false; 
var capa=scrollContentShown;
var tiempo;

function init() {
        scrollActive = 0
        scrollLimit = -700
        scrollContentShown = "elem1"
        ini()
}
function reset() {
	  if (nx) 
	    document.getElementById(scrollContentShown).style.top = 0
	  if (n) 
	    eval("document.principal.document.elementos.document." + scrollContentShown + ".top = 0")
          if (ie) 
	    eval(scrollContentShown + ".style.pixelTop = 0")
}

function scrollChange(which,limit) {
        var ie=(document.all) ? 1:0;
        var n=(document.layers) ? 1:0;
        var nx=(document.getElementById) ? 1:0;

   if(nx)	{
		    document.getElementById(scrollContentShown).style.visibility = "hidden";
		    document.getElementById(which).style.visibility = "visible";		    
		}

    if (n) {
       eval("document.principal.document.elementos.document."+scrollContentShown+".visibility = 'hide'")
       eval("document.principal.document.elementos.document." + which + ".visibility = 'show'")
    }

    if (ie) {
       eval(scrollContentShown + ".style.visibility = 'hidden'")
       eval(which + ".style.visibility = 'visible'")
    }

    scrollContentShown = which
    scrollLimit = limit
    capa=scrollContentShown
    altura=scrollLimit
}


function showobj(showobj) {
        var ie=(document.all) ? 1:0;
        var n=(document.layers) ? 1:0;
        var nx=(document.getElementById) ? 1:0;

	 if (nx) eval("document.getElementById(showobj).style.visibility = 'visible'")
        if (n) eval("document." + showobj + ".visibility = 'show'")
        if (ie) eval(showobj + ".style.visibility = 'visible'")
}

function hideobj(hideobj) {
        var ie=(document.all) ? 1:0;
        var n=(document.layers) ? 1:0;
        var nx=(document.getElementById) ? 1:0;
                
        if (nx){ document.getElementById(hideobj).style.visibility = "hidden";
        		document.getElementById(scrollContentShown).style.visibility = "hidden";}
        if (n) eval("document." + hideobj + ".visibility = 'hide'")
        if (ie){ eval(hideobj + ".style.visibility = 'hidden'");
        		eval(scrollContentShown + ".style.visibility = 'hidden'");}
}

    function ini()
    {
    	  capa=scrollContentShown;
    	  altura=scrollLimit;
        Y=0;
        paso=0;

        if(ie)
        {
            document.all[capa].style.top=Y;
            document.all[capa].style.height=334;
            document.all[capa].style.clip="rect(0px,340px,334px,0px)";
        }
        else if(n4)
        {
             document.principal.document.elementos.document.layers[capa].top=Y;
             document.principal.document.elementos.document.layers[capa].height=334;//tamaņo de la capa a mostrar
         }
        if(n6)
        {
            document.getElementById(capa).style.top=Y;
            document.getElementById(capa).style.height=334;
            document.getElementById(capa).style.clip="rect(0px,340px,334px,0px)";
        }
    }

    function scroller(direction)   //0 o1
    {
    if (scrollActive) {
       var ie=(document.all) ? 1:0;
       var n4=(document.layers) ? 1:0;
       var n6=(document.getElementById) ? 1:0;  
    
        if(ie)
        {
            clearTimeout(tiempo);
            Y=parseInt(document.all[capa].style.top);
            H=parseInt(document.all[capa].style.height);
            if((Y>altura)&&(direction==0))
            {
                activo=true;
                valor=5;
                paso+=valor;
                document.all[capa].style.top = Y-valor;
                document.all[capa].style.height = H+valor;
                eval("document.all['"+capa+"'].style.clip='rect("+paso+",340,"+(H+valor)+",0)'");
                tiempo=setTimeout("scroller(0)",50);
            }
            else if((Y<=0) && (direction==1) && (activo==true))
            {
                valor=-5;
                paso+=valor;
                document.all[capa].style.top = Y-valor;
                document.all[capa].style.height = H+valor;
                eval("document.all['"+capa+"'].style.clip='rect("+paso+",340,"+(H+valor)+",0)'");
                tiempo=setTimeout("scroller(1)",50);
            }
        }
        else if( n4)
        {
            Y=document.principal.document.elementos.document.layers[capa].top;
            H=document.principal.document.elementos.document.layers[capa].height;
            if((Y>altura)&&(direction==0))
            {
                activo=true;
                valor=5;
                paso+=valor;
                document.principal.document.elementos.document.layers[capa].top = Y-valor;
                document.principal.document.elementos.document.layers[capa].height = H+valor;
                document.principal.document.elementos.document.layers[capa].clip.top=paso;
                document.principal.document.elementos.document.layers[capa].clip.bottom=(H+valor);
                tiempo=setTimeout("scroller(0)",50);
            }
            else if((Y<=0)&&(direction==1) && (activo==true))
            {
                valor=-5;
                paso+=valor;
                document.principal.document.elementos.document.layers[capa].top = Y-valor;
                document.principal.document.elementos.document.layers[capa].height = H+valor;
                document.principal.document.elementos.document.layers[capa].clip.top=paso;
                eval("document.principal.document.elementos.document.layers[capa].clip.bottom=(H+valor)")
                tiempo=setTimeout("scroller(1)",50);
            }
        }
        else if(n6)
        {
            Y=parseInt(document.getElementById(capa).style.top);
            H=parseInt(document.getElementById(capa).style.height);
            if((Y>altura)&&(direction==0))
            {
                activo=true;
                valor=5; 
                paso+=valor;
                document.getElementById(capa).style.top = Y-valor;
                document.getElementById(capa).style.height = H+valor;
                eval("document.getElementById('"+capa+"').style.clip='rect("+paso+",340,"+(H+valor)+",0)'");
                tiempo=setTimeout("scroller(0)",50);
            }
            else if((Y<=0)&&(direction==1) && (activo==true))
            {
                valor=-5;
                paso+=valor;
                document.getElementById(capa).style.top = Y-valor;
                document.getElementById(capa).style.height = H+valor;
                eval("document.getElementById('"+capa+"').style.clip='rect("+paso+",340,"+(H+valor)+",0)'");
                tiempo=setTimeout("scroller(1)",50);
            }
        }
     }   
   } 


