var contentw = 380;   
    fullpic = true;
    
    function set_paging()
    {
        var pgleft = document.getElementById("left_content_holder");
        var holder = document.getElementById("bio_holder");
        var content = document.getElementById("bio_content");
        var pgsbar = document.getElementById("bio_scrollbar");
        var pgsbg = document.getElementById("bio_scrollbg");

        var lw = parseInt(pgleft.offsetWidth); 
        
        var w = lw -15;
        
        holder.style.width=w+"px";
        content.style.width=w+"px";
        
        var hh = parseInt(holder.offsetHeight);
        var ch = parseInt(content.offsetHeight);
        var sh = hh - 26;
           
        pgsbar.style.height = hh+"px";
        pgsbg.style.height = sh+"px";
        
        scroller.scrollAreaH = sh;            
        if (hh>=ch)
            pgsbar.style.display='none';
       
        /*
        if (isNaN(cmt))
            cmt = 0;
        if (cmt>=0)
            document.getElementById("bio_up").style.display='none';
        else            
            document.getElementById("bio_up").style.display='';
        if ( cmt - hh <= -1 * ch)
            document.getElementById("bio_down").style.display='none';
        else            
            document.getElementById("bio_down").style.display='';
          */
            
        scroller.reset();
           
    }      
    
    /**************************************** IMAGE SCROLL BAR ***********************************************/    

    //We wrap all the code in an object so that it doesn't interfere with any other code
        var scroller = {
          init:   function() {

            //collect the variables
            scroller.docH = document.getElementById("bio_content").offsetHeight;
            scroller.contH = document.getElementById("bio_holder").offsetHeight;
            scroller.scrollAreaH = document.getElementById("bio_scrollbg").offsetHeight;
              
            //calculate height of scroller and resize the scroller div
            //(however, we make sure that it isn't to small for long pages)
            scroller.scrollH = (scroller.contH * scroller.scrollAreaH) / scroller.docH;
            
            document.getElementById("bio_scroller").style.height = Math.round(scroller.scrollH) + "px";
            
            //what is the effective scroll distance once the scoller's height has been taken into account
            scroller.scrollDist = Math.round(scroller.scrollAreaH-scroller.scrollH);
            
            //make the scroller div draggable
            Drag.init(document.getElementById("bio_scroller"),null,0,0,-1,scroller.scrollDist);
            
            //add ondrag function
            document.getElementById("bio_scroller").onDrag = function (x,y) {
              var scrollY = parseInt(document.getElementById("bio_scroller").style.top);
              var docY = 0 - (scrollY * (scroller.docH - scroller.contH) / scroller.scrollDist);
              var contentlayer =document.getElementById("bio_content");
              contentlayer.style.top = docY + "px";
            }          

            //hide the scroll bar if no scrolling        
            if (scroller.scrollDist<=0)
                document.getElementById("bio_scrollbar").style.display="none";
            else
                document.getElementById("bio_scrollbar").style.display="";
          },
          
          reset: function () {                
          
            //reset handler and content position
            var handler=document.getElementById("bio_scroller");
            handler.style.top="0px";
            var contentlayer =document.getElementById("bio_content");
            contentlayer.style.top = "0px";
                  
            //collect the variables
            scroller.docH = document.getElementById("bio_content").offsetHeight;                
            //alert("docH="+scroller.docH);
              
              
            //calculate height of scroller and resize the scroller div
            //(however, we make sure that it isn't to small for long pages)
            scroller.scrollH = (scroller.contH * scroller.scrollAreaH) / scroller.docH;
            if (!isNaN(scroller.scrollH))            
                document.getElementById("bio_scroller").style.height = Math.round(scroller.scrollH) + "px";
            
            //what is the effective scroll distance once the scoller's height has been taken into account
            scroller.scrollDist = Math.round(scroller.scrollAreaH-scroller.scrollH);
            
            //reset the drag y value
            Drag.resetMaxY(document.getElementById("bio_scroller"),scroller.scrollDist);
            
            //hide the scroll bar if no scrolling
            //alert("scrollDist="+scroller.scrollDist);        
            if (scroller.scrollDist<=0)
                document.getElementById("bio_scrollbar").style.display="none";
            else
                document.getElementById("bio_scrollbar").style.display="";      
                
          },       
          
          stepup: function () {
            var contentlayer =document.getElementById("bio_content");
            var handler=document.getElementById("bio_scroller");
            var contenty= parseInt(contentlayer.style.top);
            var handlery = parseInt(handler.style.top);
            
            var stepsize=20; //pixel
            
            if (contenty<0)
            {
                contenty=contenty+stepsize;
                contentlayer.style.top = contenty+"px";            
            }
            
            if (handlery>0)
            {
                var handlerstep = stepsize * scroller.scrollDist / (scroller.docH - scroller.contH);
                handlery = handlery-handlerstep;
                if (handlery<0) handlery=0;
                handler.style.top = handlery+"px";
            }      
          },
          
          stepdown: function() {
            var contentlayer =document.getElementById("bio_content");
            var handler=document.getElementById("bio_scroller");
            var contenty= parseInt(contentlayer.style.top);
            var handlery = parseInt(handler.style.top);
            
            var stepsize=20; //pixel
            
            if (Math.abs(contenty)<(scroller.docH-scroller.contH))
            {
                contenty=contenty-stepsize;
                contentlayer.style.top = contenty+"px";            
                var handlerstep = stepsize * scroller.scrollDist / (scroller.docH - scroller.contH);
                handlery = handlery+handlerstep;
                if (handlery<0) handlery=0;
                handler.style.top = handlery+"px";
            }      
            else
                handler.style.top = scroller.scrollDist+"px";
          }
        }     

//            onload = scroller.init;
        
    /**************************************** END OF IMAGE SCROLL BAR ***********************************************/    

    var selectedver = "bio_short";
    var lang="en";
    
    function mouseover_ver(ver)
    {
            if (selectedver!="bio_short" && ver=="bio_short") document.getElementById("link_short").style.backgroundPosition="-63px 0px";
            if (selectedver!="bio_long" && ver=="bio_long") document.getElementById("link_long").style.backgroundPosition="-79px 0px"; 
    }
    
    function mouseout_ver(ver)
    {
        if (ver=="bio_short" && selectedver!="bio_short") document.getElementById("link_short").style.backgroundPosition="0px 0px";
        if (ver=="bio_long" && selectedver!="bio_long") document.getElementById("link_long").style.backgroundPosition="0px 0px";
    }
        
    function switch_ver(ver)
    {
        selectedver=ver;    
   
        if (ver=="bio_short")
        {
            if (lang!=null && (lang=="tc" || lang=="sc"))
            {
                document.getElementById("link_short").style.backgroundPosition="-63px 0px";
                document.getElementById("link_long").style.backgroundPosition="0px 0px";
            }
            else            
            {
                document.getElementById("link_short").className = "selected";    
                document.getElementById("link_long").className = "";    
            }
        }
        else
        {
            if (lang!=null && (lang=="tc" || lang=="sc"))
            {
                document.getElementById("link_short").style.backgroundPosition="0px 0px";
                document.getElementById("link_long").style.backgroundPosition="-79px 0px";
            }
            else            
            {        
                document.getElementById("link_short").className = "";    
                document.getElementById("link_long").className = "selected";                
            }
        }            
        
        document.getElementById("bio_content").innerHTML = document.getElementById(ver).innerHTML;
        document.getElementById("bio_content").marginTop = "0px";
        set_paging();
    }
    
    function page_postload() 
    {        
        switch_ver("bio_short");            
        var bhh=document.getElementById("bg_pic").offsetHeight-350;
        document.getElementById("bio_holder").style.height=bhh+"px";
        scroller.init(); 
        set_paging();
    }