// JavaScript Document

//scroll vertical
function checkBrowser(){
	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 checkBrowser()


var speed=50

var loop, timer

function makeObj(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=goUp;this.down=goDown;
	this.moveIt=moveIt; this.x; this.y;
    this.obj = obj + "Object"
    eval(this.obj + "=this")
    return this
}
function moveIt(x,y){
	this.x=x;this.y=y
	this.css.left=this.x
	this.css.top=this.y
}

function goDown(move){
	if(this.y>-this.scrollHeight+oCont.clipHeight){
		this.moveIt(0,this.y-move)
			if(loop) setTimeout(this.obj+".down("+move+")",speed)
	}
}

function goUp(move){
	if(this.y<0){
		this.moveIt(0,this.y-move)
		if(loop) setTimeout(this.obj+".up("+move+")",speed)
	}
}

function directup(){
   oScroll.moveIt(0,0);
}
 
function directdown(){
  scroll(oCont.clipHeight);
}

function scroll(speed){
	if(loaded){
		loop=true;
		if(speed>0) oScroll.down(speed)
		else oScroll.up(speed)
	}
}


function noScroll(){
	loop=false
	if(timer) clearTimeout(timer)
}

var loaded;
function scrollInit(){
	oCont=new makeObj('divCont')
	oScroll=new makeObj('divText','divCont')
	oScroll.moveIt(0,0)
	oCont.css.visibility='visible'
	loaded=true;
	if(screen.width==800)
		document.all.divCont.style.left = 340;
	if(screen.width==1024)
		document.all.divCont.style.left = 430;
    if(screen.width==1152)
		document.all.divCont.style.left = 500;
	if(screen.width==1280)
		document.all.divCont.style.left = 560;
		
}
//fin scroll vertical



//scroll horizontal
if(screen.width==1024)
		sLeft= 380;
    if(screen.width==1152)
		sLeft= 450;
	if(screen.width==1280)
		sLeft= 510;
if(screen.width==800)		
	sLeft=280//The left placement of the menu

sTop=580 //The top placement of the menu

//The height of the menu
sMenuheight=115

//Width of the arrows
sArrowwidth=16

//Scroll speed: (in milliseconds, change this one and the next variable to change the speed)
sScrollspeed=35

//Pixels to scroll per timeout.
sScrollPx=10


function makeObjh(obj,nest,menu){
	
	nest=(!nest) ? '':'document.'+nest+'.'										
   	this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.' +obj):0;		
	this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.' +obj):0;		
	
	this.scrollWidth=bw.ns4?this.css.document.width:this.evnt.offsetWidth;

	this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.pixelLeft;
	this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.pixelTop;		
	this.moveBy=b_moveBy; this.moveIt=b_moveIt;	this.showIt=b_showIt;this.clipTo=b_clipTo;
	return this
}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}

function mLeft(){
	if(!noScroll && oMenu.x<sArrowwidth){
		oMenu.moveBy(sScrollPx,0)
		tim=setTimeout("mLeft()",sScrollspeed)
	}
}

function mRight(){
	if(!noScroll && oMenu.x>-(oMenu.scrollWidth-(pageWidth))-sArrowwidth){
		oMenu.moveBy(-sScrollPx,0)
		tim=setTimeout("mRight()",sScrollspeed)
	}
}

function noMove(){clearTimeout(tim); noScroll=true}

function b_showIt(){this.css.visibility="visible"}
function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x; this.css.top=this.y}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
function b_clipTo(t,r,b,l){
	if(bw.ns4){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l
	}else this.css.clip="rect("+t+","+r+","+b+","+l+")";
}


function sideInit(){
	//Width of the menu, Currently set to the width of the document.
	//If you want the menu to be 500px wide for instance, just 
	//set the the pageWidth=500 in stead.
	
	pageWidth=(bw.ns4 || bw.ns5)?innerWidth:document.body.offsetWidth-440;
	//(bw.ns4 || bw.ns5)?innerWidth:document.body.offsetWidth-20;
	pageWidth = 500;
	oBg=new makeObjh('divContImg')
	oMenu=new makeObjh('divImage','divContImg',1)
	//oArrowRight=new makeObjh('divArrowRight','divCont')
	
	//Placement
	oBg.moveIt(sLeft,sTop) //Main div, holds all the other divs.
	oMenu.moveIt(sArrowwidth,6)
	//oArrowRight.moveIt(pageWidth-sArrowwidth,9)
	//setting the width and the visible area of the links.
	if(bw.dom || bw.ie4){ oBg.css.width=pageWidth; oBg.css.overflow="hidden" }
	oBg.clipTo(0,pageWidth,sMenuheight,0) 
	oBg.css.visibility='visible' //esto lo puse yo porque no me lo mostraba Karina
	
}
//fin scroll horizontal