var Pagenum=1;
var timer=0;
var page=1;

var imgNextUP=new Image();
var imgPrevUP=new Image();
var imgNextOvr=new Image();
var imgPrevOvr=new Image();
imgNextUP.src="images/nextUp.png";
imgPrevUP.src="images/previousUp.png";
imgNextOvr.src="images/nextOvr.png";
imgPrevOvr.src="images/previousOvr.png";

function manipPagesDiv(mouse){
   if(mouse=="over"){
     getElem('pages').style.visibility ='visible';  
   } 
   else{
     getElem('pages').style.visibility ='hidden';  
   }
}
function changeImg(btn, state){
     if(state=="over") {
        if(btn=='next'){
            getElem(btn).src=imgPrevOvr.src;
        }
        else{
            getElem(btn).src=imgNextOvr.src;          
        }
    }
    else{
         if(btn=='next'){
            getElem(btn).src=imgPrevUP.src;          
        }
        else{
            getElem(btn).src=imgNextUP.src;
        }
       
    }       
}
function onClick(btn, pg, max){
    clearTimeout(timer);
    div= getElem('pageNumInner');
    page=pg;
    if(btn=='next'){
        page++;
        if(page>max){ page=max; }
        div.scrollTop=div.scrollTop+19;
    }
    else{
        page--;
        if(page<1){ page=1; }
        div.scrollTop=div.scrollTop-19;
    }
    
    timer=setTimeout(function(){relocate(page)}, 1000);
}

function ShowPage(num){
    if(getElem('pageNumInner')!=null){
        div= getElem('pageNumInner');
        pos=(num*19)-19;
        div.scrollTop=pos; 
    }   
}

function relocate(page){
    main=main.replace(' & ', '-');
    sub=sub.replace(' & ', '-');
    if((sub=="")||(sub==null)||(sub.length==0)){
        window.document.location="main/"+main+"/pg/"+page+".html"; 
    }
    else{
         window.document.location="main/"+main+"/sub/"+sub+"/pg/"+page+".html"; 
   }
    clearTimeout(timer);   
}