//this is javascript to do the acordian 

window.accordion2_jso = {
        ContentHeight: 100,
        TimeToSlide: 250.0,
        openAccordion: '',
        _lastClicked: null,

        runAccordion: function(index, divo)
        {
          var nID = "Accordion" + index + "Content";
          if(window.accordion2_jso.openAccordion == nID)
            nID = '';
           
          setTimeout("window.accordion2_jso.animate("
              + new Date().getTime() + "," + window.accordion2_jso.TimeToSlide + ",'"
              + window.accordion2_jso.openAccordion + "','" + nID + "')", 33);
         
          window.accordion2_jso.openAccordion = nID;
          
          var d = document.getElementById("arrow"+index);
          if(window.accordion2_jso._lastClicked != null && d != window.accordion2_jso._lastClicked) 
                //window.accordion2_jso._setImage(window.accordion2_jso._lastClicked, 1);
         
          //window.accordion2_jso._setImage(d);
          window.accordion2_jso._lastClicked = d;
        },

        animate: function(lastTick, timeLeft, closingId, openingId)
        { 
          var curTick = new Date().getTime();
          var elapsedTicks = curTick - lastTick;
         
          var opening = (openingId == '') ?
              null : document.getElementById(openingId);
          var closing = (closingId == '') ?
              null : document.getElementById(closingId);
         
          if(timeLeft <= elapsedTicks)
          {
            if(opening != null)
              opening.style.height = window.accordion2_jso.ContentHeight + '%';
           
            if(closing != null)
            {
              closing.style.display = 'none';
              closing.style.height = '0px';
            }
            return;
          }
         
          timeLeft -= elapsedTicks;
          var newClosedHeight =
              Math.round((timeLeft/window.accordion2_jso.TimeToSlide) * window.accordion2_jso.ContentHeight);

          if(opening != null)
          {
            if(opening.style.display != 'block')
              opening.style.display = 'block';
            opening.style.height =
                (window.accordion2_jso.ContentHeight - newClosedHeight) + 'px';
          }
         
          if(closing != null)
            closing.style.height = newClosedHeight + 'px';

          setTimeout("window.accordion2_jso.animate(" + curTick + "," + timeLeft + ",'"
              + closingId + "','" + openingId + "')", 33);
        }/*,
        this line is for the aspx page:<img Xstate="off" id="arrow27" />
        
        _setImage: function (o, force){
         if(o.getAttribute("Xstate") == "opened" || force == 1){

                o.src=o.src.replace(/_on\.gif/,'_off.gif');
                o.setAttribute("Xstate","off");
               }
          else{
               o.src=o.src.replace(/_off\.gif/,'_open.gif');
               o.setAttribute("Xstate","on");
              }
         }*/

}