// -------------------------------- PROGRAMMA -------------------

// ---- Toggle voor in en uit klappen
function toggleProgramma(e) {
     Effect.toggle('submenu', 'slide', { 
        delay: 0,
        afterFinish: function(){ 
	        // --- Change arrow up/down
           changeArrow('arrow01');
	    }
        });
}

// ---- SlideUp bij openen submenu pagina's
function activateSubMenu_programma() {
    document.getElementById('programma').style.display = "block";
    document.getElementById('_toggleProgramma').style.display = "block";
   document.getElementById('submenu').style.display = "block";
    
    /*
	Effect.SlideUp('submenu', {
	    transition: Effect.Transitions.sinoidal,
	    afterFinish: function(){ 
	        // --- Change arrow up/down
            changeArrow('arrow01');
	    }
	}
	
	);
	*/
}

// ---- SlideDown bij openen hoofd pagina
function rolloutSubMenu_programma() {
	document.getElementById('programma').style.display = "block";
    document.getElementById('_toggleProgramma').style.display = "block";

	Effect.SlideDown('submenu', {
	    transition: Effect.Transitions.sinoidal
	}
	
	);
}

// -------------------------------- BEREIKBAARHEID -------------------

// ---- Toggle voor in en uit klappen
function toggleBereikbaarheid(e) {
    Effect.toggle('submenu', 'slide', { 
        delay: 0,
        afterFinish: function(){ 
	        // --- Change arrow up/down
           changeArrow('arrow04');
	    }
        });
}

// ---- SlideUp bij openen submenu pagina's
function activateSubMenu_bereikbaarheid() {
    document.getElementById('bereikbaarheid').style.display = "block";
    document.getElementById('_toggleBereikbaarheid').style.display = "block";
    document.getElementById('submenu').style.display = "block";
    /*
	Effect.SlideUp('submenu', {
	    transition: Effect.Transitions.sinoidal,
	    afterFinish: function(){ 
	        // --- Change arrow up/down
            changeArrow('arrow04');
	    }
	}
	
	);
	*/
}

// ---- SlideDown bij openen hoofd pagina
function rolloutSubMenu_bereikbaarheid() {
	document.getElementById('bereikbaarheid').style.display = "block";
    document.getElementById('_toggleBereikbaarheid').style.display = "block";

	Effect.SlideDown('submenu', {
	    transition: Effect.Transitions.sinoidal
	}
	
	);
}

// -------------------------------- ORGANISATIE -------------------

// ---- Toggle voor in en uit klappen
function toggleOrganisatie(e) {
     Effect.toggle('submenu', 'slide', { 
        delay: 0,
        afterFinish: function(){ 
	        // --- Change arrow up/down
           changeArrow('arrow05');
	    }
        });
}

// ---- SlideUp bij openen submenu pagina's
function activateSubMenu_organisatie() {
    document.getElementById('organisatie').style.display = "block";
    document.getElementById('_toggleOrganisatie').style.display = "block";
    document.getElementById('submenu').style.display = "block";
    
    /*
	Effect.SlideUp('submenu', {
	    transition: Effect.Transitions.sinoidal,
	    afterFinish: function(){ 
	        // --- Change arrow up/down
            changeArrow('arrow05');
	    }
	}
	
	);
	*/
}

// ---- SlideDown bij openen hoofd pagina
function rolloutSubMenu_organisatie() {
	document.getElementById('organisatie').style.display = "block";
    document.getElementById('_toggleOrganisatie').style.display = "block";

	Effect.SlideDown('submenu', {
	    transition: Effect.Transitions.sinoidal
	}
	
	);
}

// -------------------------------- GESCHIEDENIS -------------------

// ---- Toggle voor in en uit klappen
function toggleGeschiedenis(e) {
     Effect.toggle('submenu', 'slide', { 
        delay: 0,
        afterFinish: function(){ 
	        // --- Change arrow up/down
           changeArrow('arrow06');
	    }
        });
}

// ---- SlideUp bij openen submenu pagina's
function activateSubMenu_geschiedenis() {
    document.getElementById('geschiedenis').style.display = "block";
    document.getElementById('_toggleGeschiedenis').style.display = "block";
    document.getElementById('submenu').style.display = "block";

    /*
	Effect.SlideUp('submenu', {
	    transition: Effect.Transitions.sinoidal,
	    afterFinish: function(){ 
	        // --- Change arrow up/down
            changeArrow('arrow06');
	    }
	}
	
	);
	*/
}

// ---- SlideDown bij openen hoofd pagina
function rolloutSubMenu_geschiedenis() {
	document.getElementById('geschiedenis').style.display = "block";
    document.getElementById('_toggleGeschiedenis').style.display = "block";

	Effect.SlideDown('submenu', {
	    transition: Effect.Transitions.sinoidal
	}
	
	);
}


// -------------------------------- SPONSOREN -------------------

// ---- Toggle voor in en uit klappen
function toggleSponsoren(e) {
     Effect.toggle('submenu', 'slide', { 
        delay: 0,
        afterFinish: function(){ 
	        // --- Change arrow up/down
           changeArrow('arrow07');
	    }
        });
}

// ---- SlideUp bij openen submenu pagina's
function activateSubMenu_sponsoren() {
    document.getElementById('sponsoren').style.display = "block";
    document.getElementById('_toggleSponsoren').style.display = "block";
    document.getElementById('submenu').style.display = "block";

    /*
	Effect.SlideUp('submenu', {
	    transition: Effect.Transitions.sinoidal,
	    afterFinish: function(){ 
	        // --- Change arrow up/down
            changeArrow('arrow07');
	    }
	}
	
	);
	*/
}

// ---- SlideDown bij openen hoofd pagina
function rolloutSubMenu_sponsoren() {
	document.getElementById('sponsoren').style.display = "block";
    document.getElementById('_toggleSponsoren').style.display = "block";

	Effect.SlideDown('submenu', {
	    transition: Effect.Transitions.sinoidal
	}
	
	);
}

// -------------------------------- Algemene functie voor alle knoppen om arrows te veranderen -------------------

function changeArrow(imgId) {
    var getImg = document.getElementById(imgId);
    var getImgSrc = getImg.src;
    //alert(getImgSrc);
    if ( getImgSrc === "http://www.jazzinduketown.nl/_images/arrows/arrow_pink_down_small.gif" ){
        getImg.src = "_images/arrows/arrow_pink_up_small.gif";
    }
    if ( getImgSrc === "http://www.jazzinduketown.nl/_images/arrows/arrow_pink_up_small.gif"){
        getImg.src = "_images/arrows/arrow_pink_down_small.gif";
    }
}

// -------------------------------- add Listeners -------------------

function addListeners(e){

    //-------- PROGRAMMA ----------------
    var btn01 = document.getElementById('_toggleProgramma');
    addEvent(btn01, 'click', toggleProgramma, false);

    //-------- BEREIKBAARHEID ----------------
    var btn04 = document.getElementById('_toggleBereikbaarheid');
    addEvent(btn04, 'click', toggleBereikbaarheid, false);

    //-------- ORGANISATIE ----------------
    var btn05 = document.getElementById('_toggleOrganisatie');
    addEvent(btn05, 'click', toggleOrganisatie, false);


    //-------- GESCHIEDENIS ----------------
    var btn06 = document.getElementById('_toggleGeschiedenis');
    addEvent(btn06, 'click', toggleGeschiedenis, false);

    //-------- SPONSOREN ----------------
    var btn07 = document.getElementById('_toggleSponsoren');
    addEvent(btn07, 'click', toggleSponsoren, false);


}


addEvent(window, 'load', addListeners, false);

function addEvent(elm, evType, fn, useCapture)
      // cross-browser event handling for IE5+, NS6+ and Mozilla/Gecko
      // By Scott Andrew
      {
        if (elm.addEventListener) {
          elm.addEventListener(evType, fn, useCapture); 
          return true; 
        } else if (elm.attachEvent) {
          var r = elm.attachEvent('on' + evType, fn); 
          return r; 
        } else {
          elm['on' + evType] = fn;
        }
      }