function accordion(el) 
{
   
   if ($('visible') == el) 
   {
        return;
    }
      
     if ($('visible')) 
    {
        var eldown = el.parentNode.id+'-body';
        var elup = $('visible').parentNode.id+'-body';

         new Effect.Parallel(
        [
            new Effect.SlideUp(elup),
            new Effect.SlideDown(eldown)
        ], {
            duration: 0.5
        });         
        $('visible').id = '';
   
      }
      else 
       {
       // If there is an omnipresent page that isn't in the menu bar, just open the menu item and push the tier 2 down
       var eldown = el.parentNode.id+'-body';
   	
        new Effect.Parallel(
        [   
            new Effect.SlideDown(eldown)
        ], {
            duration: 0.5
        });
                  
      }     
     el.id = 'visible';
}


function init() {

    imageLoad();
    // hide all elements apart from the one with id visible
    var acc = document.getElementById('accordion');
   
    var apanels = acc.getElementsByTagName('div');
    for (i = 0; i < apanels.length; i++) {
       if (apanels[i].className == 'panel_body') {
        apanels[i].style.display = 'none';
        }
   }
   var avis = document.getElementById('visible').parentNode.id+'-body';
    document.getElementById(avis).style.display = 'block';
}

function addEvent(elm, evType, fn, useCapture) {
    elm["on"+evType]=fn;return;
 }

addEvent(window, "load", init);

function hover(el)
{

        var elChange = el.parentNode.id;
       
        switch(elChange)
         {
              case "panel4":   document.getElementById(elChange).style.backgroundPosition = '0 -33px'; break;
              case "panel3":   document.getElementById(elChange).style.backgroundPosition = '-128px -33px'; break;
              case "panel7":    document.getElementById(elChange).style.backgroundPosition = '-640px -33px'; break;
              case "panel2":    document.getElementById(elChange).style.backgroundPosition = '-384px -33px'; break;
              case "panel5":    document.getElementById(elChange).style.backgroundPosition = '-256px -33px'; break;
              case "panel6":    document.getElementById(elChange).style.backgroundPosition = '-512px -33px'; break;
               case "panel8":   document.getElementById(elChange).style.backgroundPosition = '-768px -33px'; break;
        }
 
}

function hoverOut(el)
{
     var elChange = el.parentNode.id;     
                  switch(elChange)
             {
                  case "panel4":    document.getElementById(elChange).style.backgroundPosition = '0 0'; break;
                  case "panel3":    document.getElementById(elChange).style.backgroundPosition = '-128px 0'; break;
                  case "panel7":    document.getElementById(elChange).style.backgroundPosition = '-640px 0'; break;
                  case "panel2":    document.getElementById(elChange).style.backgroundPosition = '-384px 0'; break;
                  case "panel5":    document.getElementById(elChange).style.backgroundPosition = '-256px 0'; break;
                  case "panel6":   document.getElementById(elChange).style.backgroundPosition = '-512px 0'; break;
                  case "panel8":    document.getElementById(elChange).style.backgroundPosition = '-768px 0'; break;
            }     
 
}