// JScript File


function setupeventlist()
{    
        var eventlistlayer=document.getElementById("event_list_layer");
        var width = 0;
        var colw = 0;
        var coldiv;
        var eventitem;
        var itemw = 0;
        
        for(i = 0; i < eventlistlayer.childNodes.length; i++)                        
        {
            //alert("nodename="+eventlistlayer.childNodes[i].nodeName);
            if(eventlistlayer.childNodes[i].nodeName == 'DIV')
            {      
                coldiv = eventlistlayer.childNodes[i];           
                
                itemw = 0;
                colw = 0;
                for(j = 0; j < coldiv.childNodes.length; j++)
                {
                    if(coldiv.childNodes[j].nodeName == 'DIV')
                    {                                     
                        eventitem = coldiv.childNodes[j];  
                        itemw = parseInt(eventitem.offsetWidth);
                        //alert(eventitem.innerHTML+" : "+itemw);
                        eventitem.style.width=itemw+"px";
                    }
                } 
                colw = parseInt(coldiv.offsetWidth);                                                                 
                //alert(colw);
                eventlistlayer.childNodes[i].style.width=colw+"px";
                width = width + colw;
            }
        }
        eventlistlayer.style.width=width+"px";
        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("home_event_story_content_layer").offsetHeight;
        scroller.contH = document.getElementById("home_event_story_content_holder").offsetHeight;
        scroller.scrollAreaH = document.getElementById("home_event_story_scroll_area").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("home_event_story_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("home_event_story_scroller"),null,0,0,-1,scroller.scrollDist);
        
        //add ondrag function
        document.getElementById("home_event_story_scroller").onDrag = function (x,y) {
          var scrollY = parseInt(document.getElementById("home_event_story_scroller").style.top);
          var docY = 0 - (scrollY * (scroller.docH - scroller.contH) / scroller.scrollDist);
          var contentlayer =document.getElementById("home_event_story_content_layer");
          contentlayer.style.top = docY + "px";
        }          

        //hide the scroll bar if no scrolling        
        if (scroller.scrollDist<=0)
            document.getElementById("home_event_story_scrollbar").style.display="none";
        else
            document.getElementById("home_event_story_scrollbar").style.display="";
      },
      
      reset: function () {
        //collect the variables
        scroller.docH = document.getElementById("home_event_story_content_layer").offsetHeight;
        scroller.contH = document.getElementById("home_event_story_content_holder").offsetHeight;
        scroller.scrollAreaH = document.getElementById("home_event_story_scroll_area").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("home_event_story_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("home_event_story_scroller"),null,0,0,-1,scroller.scrollDist);

        //hide the scroll bar if no scrolling
        
        if (scroller.scrollDist<=0)
            document.getElementById("home_event_story_scrollbar").style.display="none";
        else
            document.getElementById("home_event_story_scrollbar").style.display="";      
      },       
      
      stepup: function () {
        var contentlayer =document.getElementById("home_event_story_content_layer");
        var handler=document.getElementById("home_event_story_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("home_event_story_content_layer");
        var handler=document.getElementById("home_event_story_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";
      }
    }            
    
/**************************************** END OF IMAGE SCROLL BAR ***********************************************/    


/**************************************** HORIZONTAL IMAGE SCROLL BAR ***********************************************/    

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

        //collect the variables
        hscroller.docW = document.getElementById("event_list_layer").offsetWidth;
        hscroller.contW = document.getElementById("event_list_holder").offsetWidth;
        hscroller.scrollAreaH = document.getElementById("event_list_scroll_area").offsetWidth;
          
        //calculate height of hscroller and resize the hscroller div
        //(however, we make sure that it isn't to small for long pages)
        hscroller.scrollW = (hscroller.contW * hscroller.scrollAreaH) / hscroller.docW;
        document.getElementById("event_list_scroller").style.width = Math.round(hscroller.scrollW) + "px";
        
        //what is the effective scroll distance once the scoller's height has been taken into account
        hscroller.scrollDist = Math.round(hscroller.scrollAreaH-hscroller.scrollW);
        
        //make the hscroller div draggable
        Drag.init(document.getElementById("event_list_scroller"),null,-1,hscroller.scrollDist,0,0);
        
        //add ondrag function
        document.getElementById("event_list_scroller").onDrag = function (x,y) {        
          var scrollX = parseInt(document.getElementById("event_list_scroller").style.left);
          var docX = 0 - (scrollX * (hscroller.docW - hscroller.contW) / hscroller.scrollDist);
          var contentlayer =document.getElementById("event_list_layer");
          contentlayer.style.left = docX + "px";
        }          

        //hide the scroll bar if no scrolling        
        if (hscroller.scrollDist<=0)
            document.getElementById("event_list_scrollbar").style.display="none";
        else
            document.getElementById("event_list_scrollbar").style.display="";
      },
      
      reset: function () {
        //collect the variables
        hscroller.docW = document.getElementById("event_list_layer").offsetWidth;
        hscroller.contW = document.getElementById("event_list_holder").offsetWidth;
        hscroller.scrollAreaH = document.getElementById("event_list_scroll_area").offsetWidth;
          
        //calculate height of hscroller and resize the hscroller div
        //(however, we make sure that it isn't to small for long pages)
        hscroller.scrollW = (hscroller.contW * hscroller.scrollAreaH) / hscroller.docW;
        document.getElementById("event_list_scroller").style.width = Math.round(hscroller.scrollW) + "px";
        
        //what is the effective scroll distance once the scoller's height has been taken into account
        hscroller.scrollDist = Math.round(hscroller.scrollAreaH-hscroller.scrollW);
        
        //make the hscroller div draggable
        //Drag.init(document.getElementById("event_list_scroller"),null,0,0,-1,hscroller.scrollDist);

        //hide the scroll bar if no scrolling
        
        if (hscroller.scrollDist<=0)
            document.getElementById("home_passage_scrollbar").style.display="none";
        else
            document.getElementById("home_passage_scrollbar").style.display="";      
      },       
      
      stepup: function () {
        var contentlayer =document.getElementById("event_list_layer");
        var handler=document.getElementById("event_list_scroller");
        var contenty= parseInt(contentlayer.style.left);
        var handlery = parseInt(handler.style.left);
                
        
        var stepsize=60; //pixel
        
        if (contenty<0)
        {
            contenty=contenty+stepsize;
            contentlayer.style.left = contenty+"px";            
        }
        
        if (handlery>0)
        {
            var handlerstep = stepsize * hscroller.scrollDist / (hscroller.docW - hscroller.contW);
            handlery = handlery-handlerstep;
            if (handlery<0) handlery=0;
            handler.style.left = handlery+"px";
        }      
      },
      
      stepdown: function() {
        var contentlayer =document.getElementById("event_list_layer");
        var handler=document.getElementById("event_list_scroller");
        var contentx= parseInt(contentlayer.style.left);
        var handlerx = parseInt(handler.style.left);
        
        var stepsize=60; //pixel
        
        if (Math.abs(contentx)<(hscroller.docW-hscroller.contW))
        {
            contentx=contentx-stepsize;
            contentlayer.style.left = contentx+"px";            
            var handlerstep = stepsize * hscroller.scrollDist / (hscroller.docW - hscroller.contW);
            handlerx = handlerx+handlerstep;
            if (handlerx<0) handlerx=0;
            handler.style.left = handlerx+"px";
        }      
        else
            handler.style.left= hscroller.scrollDist+"px";
      }
    }     
       
   
/**************************************** END OF IMAGE SCROLL BAR ***********************************************/    

onload = myinit;

function myinit()
{
    scroller.init();
    hscroller.init();
    gallery_set_image_holder();
}

/**************************************** EVENT LIST ACTIONS ****************************************************/
function raise_event_list()
{
    //top: 406 --> 24
    //alpha: 0 --> 1
    var stepsize = 10;
    var alphastep = 1.00/((406-24)/stepsize);
    var timef = 1;
    var eventlist = document.getElementById("home_event_list");

    eventlist.style.display="";
    
    document.getElementById("home_event_list_holder").style.zIndex=2;
    var y = parseInt(eventlist.style.top);
    var a = parseFloat(eventlist.style.opacity);
    
    //moving up
    if (y > 24)
    {            
        y =y - stepsize;
    }
    if (y < 24)
        y=24;
    eventlist.style.top=y+"px";            
    //alpha value up
    if (a<1)
    {
        a = a+alphastep;        
    }
    if (a>1)
        a = 1;
    eventlist.style.opacity=a;
    eventlist.style.filter="alpha(opacity="+a*100+")";
    
    //set timer
    if (y > 24)
        timer = setTimeout("raise_event_list();",timef); 
    else
    {
        var listbutton = document.getElementById("event_menuitem_list_all");
        listbutton.style.display="none";
    }    
    
    //filter:alpha(opacity=50);-moz-opacity:.50; opacity:.50;
}

function close_event_list()
{
    var eventlist = document.getElementById("home_event_list");
    eventlist.style.top="406px";   
    eventlist.style.opacity=0;
    eventlist.style.filter="alpha(opacity=0)";
    eventlist.style.display="none";
    document.getElementById("home_event_list_holder").style.zIndex=-1;
    
    var listbutton = document.getElementById("event_menuitem_list_all");
    listbutton.style.display="";    
}

/**************************************** END OF EVENT LIST ACTIONS ****************************************************/