window.addEvent('load', function(){ // MAIN

  var menubloks = getElementsByClassName($('menu'), 'div', 'menublok-1');
  
  ///// add behaviour to elements in the menublok structure
  
  menubloks.each(function(menublok) {
    /// all A.slider tags will, onclick, slide out their respective second paragraph 
    var secondPar = getElementsByClassName(menublok, 'div', 'slide')[0];
    menublok.effect = new Fx.Slide(secondPar, { wait: false, duration: 200 });
    
    var sliders = getElementsByClassName(menublok, 'a', 'slider');
    sliders.each(function(a) {
      a.href='javascript:;';
      $(a).addEvent('click', function(){menublok.effect.toggle()});
      $(a).addEvent('focus', function(){a.blur()});
    });
    
    menublok.effect.hide();
    secondPar.style.display = 'block';   
    
    /// all A tags in P.links will, onclick, update content DIV on the right
    var links = $A(getElementsByClassName(menublok, 'p', 'links')[0].getElementsByTagName('a'));
    links.each(function(a) {
      a.href='javascript:;';
      $(a).addEvent('click', updateContentDIV.pass(a.getAttribute('rel')));
      a.addEvent('focus', function(){a.blur()});
    });
    updateContentDIV($('start'));
  });  
  
  ///// add main logo click behaviour 
  var start = $('start').clone();
  var mainlogo = $('mainlogo');
  mainlogo.href = 'javascript:;';
  mainlogo.addEvent('focus', function(){mainlogo.blur()});
  mainlogo.addEvent('click', function() {
    updateContentDIV(start);
    menubloks.each(function(menublok){ menublok.effect.slideOut() });
    return false;
  });
  
});

function updateContentDIV(element) {
  var curContent = $($('content').getElementsByTagName('div')[0]);
  curContent.replaceWith($(element).clone());

// reset flash demo on home page
  if(element.id == 'start') {
    var so = new SWFObject("/flash/interactieve-demo.swf", "sotester", "356", "242", "8", "#FF6600");
    so.addParam("wmode", "transparent");
	so.addVariable("vUrl", "/flash/interactieve-demo.xml");
    so.write("flashcontent");
  }

  return false;
}

/*
    Written by Jonathan Snook, http://www.snook.ca/jonathan
    Add-ons by Robert Nyman, http://www.robertnyman.com
*/

function getElementsByClassName(oElm, strTagName, strClassName){
    var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];      
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }   
    }
    return (arrReturnElements)
}