var activeLocation = "plattegrond"


// ---- Vorige Volgende knoppen

function moveNextPrevious(prevDiv, toLocation, currentDiv, toCurLocation, activeLoc ) { //div to show, loc1, div current, loc2
	
	//var uit flash
	if (activeLoc != undefined) {
		activeLocation = activeLoc
	}
	
	//alert(prevDiv);
	
	
	// activeLocation is eigenlijk altijd: prevDiv --> anders een aparte var in functie voor opnemen ivm flash
	
	//morph
	new Effect.Morph(prevDiv,{
		style:{
			left:toLocation
			},
			/* start beforeStart */
			beforeStart: function(){ 
			    
	        	if (prevDiv === 'plattegrond') {

				 /* alert("1e"); */
				        new Effect.Morph('btn_route_left',{
					        style:{
						        left:'805px'
						        },
						        /* start afterFinish */
						        afterFinish: function(){ 
							        document.getElementById('btn_route_right').style.left = '805px';
							        document.getElementById('btn_route_left').style.left = '900px';
						        }
						        /* end afterFinish */
				         }
				         )/* end morph */
            }/* end if */
            else {
                /* alert("2e"); */
				        new Effect.Morph('btn_route_right',{
					        style:{
						        left:'0px'
						        },
						        /* start afterFinish */
						        afterFinish: function(){ 
							        document.getElementById('btn_route_right').style.left = '-100px';
							        document.getElementById('btn_route_left').style.left = '0px';
						        }
						        /* end afterFinish */
				         }
				         )/* end morph */
            }
            
            
			}
			/* end beforeStart */
	}
	)
	
	
	// morph
	new Effect.Morph(currentDiv,{
		style:{
			left:toCurLocation
			},
			/* start afterFinish */
			afterFinish: function(){ 
				moveToPosition();
			}
			/* end afterFinish */
	}
	)
	
	
	

	
;}

function moveToPosition() {
	//alert(activeLocation);
	
	if (activeLocation == "plattegrond") {
		document.getElementById("locatie01").style.left = '830px';
		document.getElementById("locatie02").style.left = '830px';
		document.getElementById("locatie03").style.left = '830px';
		document.getElementById("locatie04").style.left = '830px';
		document.getElementById("locatie05").style.left = '830px';
		document.getElementById("locatie06").style.left = '830px';
		document.getElementById("locatie07").style.left = '830px';
		document.getElementById("locatie08").style.left = '830px';
		document.getElementById("locatie09").style.left = '830px';
		document.getElementById("locatie010").style.left = '830px';
		document.getElementById("locatie011").style.left = '830px';
		document.getElementById("locatie012").style.left = '830px';
	}
	if (activeLocation == "locatie01") {
		document.getElementById("locatie02").style.left = '830px';
		document.getElementById("locatie03").style.left = '830px';
	}
	if (activeLocation == "locatie02") {
		document.getElementById("locatie01").style.left = '-830px';
		document.getElementById("locatie03").style.left = '830px';
		document.getElementById("locatie04").style.left = '830px';
		document.getElementById("locatie05").style.left = '830px';
		document.getElementById("locatie06").style.left = '830px';
		document.getElementById("locatie07").style.left = '830px';
		document.getElementById("locatie08").style.left = '830px';
		document.getElementById("locatie09").style.left = '830px';
		document.getElementById("locatie010").style.left = '830px';
		document.getElementById("locatie011").style.left = '830px';
		document.getElementById("locatie012").style.left = '830px';
	}
	if (activeLocation == "locatie03") {
		document.getElementById("locatie01").style.left = '-830px';
		document.getElementById("locatie02").style.left = '-830px';
		document.getElementById("locatie04").style.left = '830px';
		document.getElementById("locatie05").style.left = '830px';
		document.getElementById("locatie06").style.left = '830px';
		document.getElementById("locatie07").style.left = '830px';
		document.getElementById("locatie08").style.left = '830px';
		document.getElementById("locatie09").style.left = '830px';
		document.getElementById("locatie010").style.left = '830px';
		document.getElementById("locatie011").style.left = '830px';
		document.getElementById("locatie012").style.left = '830px';
	}
	if (activeLocation == "locatie04") {
		document.getElementById("locatie01").style.left = '-830px';
		document.getElementById("locatie02").style.left = '-830px';
		document.getElementById("locatie03").style.left = '-830px';
		document.getElementById("locatie05").style.left = '830px';
		document.getElementById("locatie06").style.left = '830px';
		document.getElementById("locatie07").style.left = '830px';
		document.getElementById("locatie08").style.left = '830px';
		document.getElementById("locatie09").style.left = '830px';
		document.getElementById("locatie010").style.left = '830px';
		document.getElementById("locatie011").style.left = '830px';
		document.getElementById("locatie012").style.left = '830px';
	}
	if (activeLocation == "locatie05") {
		document.getElementById("locatie01").style.left = '-830px';
		document.getElementById("locatie02").style.left = '-830px';
		document.getElementById("locatie03").style.left = '-830px';
		document.getElementById("locatie04").style.left = '-830px';
		document.getElementById("locatie06").style.left = '830px';
		document.getElementById("locatie07").style.left = '830px';
		document.getElementById("locatie08").style.left = '830px';
		document.getElementById("locatie09").style.left = '830px';
		document.getElementById("locatie010").style.left = '830px';
		document.getElementById("locatie011").style.left = '830px';
		document.getElementById("locatie012").style.left = '830px';
	}
	if (activeLocation == "locatie06") {
		document.getElementById("locatie01").style.left = '-830px';
		document.getElementById("locatie02").style.left = '-830px';
		document.getElementById("locatie03").style.left = '-830px';
		document.getElementById("locatie04").style.left = '-830px';
		document.getElementById("locatie05").style.left = '-830px';
		document.getElementById("locatie07").style.left = '830px';
		document.getElementById("locatie08").style.left = '830px';
		document.getElementById("locatie09").style.left = '830px';
		document.getElementById("locatie010").style.left = '830px';
		document.getElementById("locatie011").style.left = '830px';
		document.getElementById("locatie012").style.left = '830px';
	}
	if (activeLocation == "locatie07") {
		document.getElementById("locatie01").style.left = '-830px';
		document.getElementById("locatie02").style.left = '-830px';
		document.getElementById("locatie03").style.left = '-830px';
		document.getElementById("locatie04").style.left = '-830px';
		document.getElementById("locatie05").style.left = '-830px';
		document.getElementById("locatie06").style.left = '-830px';
		document.getElementById("locatie08").style.left = '830px';
		document.getElementById("locatie09").style.left = '830px';
		document.getElementById("locatie010").style.left = '830px';
		document.getElementById("locatie011").style.left = '830px';
		document.getElementById("locatie012").style.left = '830px';
	}
	if (activeLocation == "locatie08") {
		document.getElementById("locatie01").style.left = '-830px';
		document.getElementById("locatie02").style.left = '-830px';
		document.getElementById("locatie03").style.left = '-830px';
		document.getElementById("locatie04").style.left = '-830px';
		document.getElementById("locatie05").style.left = '-830px';
		document.getElementById("locatie06").style.left = '-830px';
		document.getElementById("locatie07").style.left = '-830px';
		document.getElementById("locatie09").style.left = '830px';
		document.getElementById("locatie010").style.left = '830px';
		document.getElementById("locatie011").style.left = '830px';
		document.getElementById("locatie012").style.left = '830px';
	}if (activeLocation == "locatie09") {
		document.getElementById("locatie01").style.left = '-830px';
		document.getElementById("locatie02").style.left = '-830px';
		document.getElementById("locatie03").style.left = '-830px';
		document.getElementById("locatie04").style.left = '-830px';
		document.getElementById("locatie05").style.left = '-830px';
		document.getElementById("locatie06").style.left = '-830px';
		document.getElementById("locatie07").style.left = '-830px';
		document.getElementById("locatie08").style.left = '-830px';
		document.getElementById("locatie010").style.left = '830px';
		document.getElementById("locatie011").style.left = '830px';
		document.getElementById("locatie012").style.left = '830px';
	}
	if (activeLocation == "locatie010") {
		document.getElementById("locatie01").style.left = '-830px';
		document.getElementById("locatie02").style.left = '-830px';
		document.getElementById("locatie03").style.left = '-830px';
		document.getElementById("locatie04").style.left = '-830px';
		document.getElementById("locatie05").style.left = '-830px';
		document.getElementById("locatie06").style.left = '-830px';
		document.getElementById("locatie07").style.left = '-830px';
		document.getElementById("locatie08").style.left = '-830px';
		document.getElementById("locatie09").style.left = '-830px';
		document.getElementById("locatie011").style.left = '830px';
		document.getElementById("locatie012").style.left = '830px';
	}
	if (activeLocation == "locatie011") {
		document.getElementById("locatie01").style.left = '-830px';
		document.getElementById("locatie02").style.left = '-830px';
		document.getElementById("locatie03").style.left = '-830px';
		document.getElementById("locatie04").style.left = '-830px';
		document.getElementById("locatie05").style.left = '-830px';
		document.getElementById("locatie06").style.left = '-830px';
		document.getElementById("locatie07").style.left = '-830px';
		document.getElementById("locatie08").style.left = '-830px';
		document.getElementById("locatie09").style.left = '-830px';
		document.getElementById("locatie010").style.left = '-830px';
		document.getElementById("locatie012").style.left = '830px';
	}
	if (activeLocation == "locatie012") {
		document.getElementById("locatie01").style.left = '-830px';
		document.getElementById("locatie02").style.left = '-830px';
		document.getElementById("locatie03").style.left = '-830px';
		document.getElementById("locatie04").style.left = '-830px';
		document.getElementById("locatie05").style.left = '-830px';
		document.getElementById("locatie06").style.left = '-830px';
		document.getElementById("locatie07").style.left = '-830px';
		document.getElementById("locatie08").style.left = '-830px';
		document.getElementById("locatie09").style.left = '-830px';
		document.getElementById("locatie010").style.left = '-830px';
		document.getElementById("locatie011").style.left = '-830px';
	}
}



// Functies die toegewezen zijn aan vorige volgende knoppen roepen moveNextPrevious aan met juiste variabelen
// dit gaat via een extra functie omdat variabelen (nog) niet kunnen worden meegegeven via addListeners
function test(e) { 
	activeLocation="locatie01" 
	moveNextPrevious('locatie01', '0px', 'plattegrond', '-830px'); 
	
}
function locationRoute(e) {
	//activeLocation wordt gebruikt om de huidige pagine te nemen en deze naar rechts te animeren.
	//----na animatie moeten alle pagina's naar rechts gezet worden.
	moveNextPrevious('plattegrond', '0px', activeLocation, '830px'); 
	
	//allToLeft()
	activeLocation="plattegrond" 
}

function location01Previous(e) { 
	activeLocation="plattegrond"
	moveNextPrevious('plattegrond', '0px', 'locatie01', '830px'); 
}

function location01Next(e) { 
	activeLocation="locatie02" 
	moveNextPrevious('locatie02', '0px', 'locatie01', '-830px'); 
}

function location02Previous(e) { 
	activeLocation="locatie01" 
	moveNextPrevious('locatie01', '0px', 'locatie02', '830px'); 
}

function location02Next(e) { 
	activeLocation="locatie03" 
	moveNextPrevious('locatie03', '0px', 'locatie02', '-830px'); 
}

function location03Previous(e) { 
	activeLocation="locatie02" 
	moveNextPrevious('locatie02', '0px', 'locatie03', '830px'); 
}

function location03Next(e) { 
	activeLocation="locatie04" 
	moveNextPrevious('locatie04', '0px', 'locatie03', '-830px'); 
}

function location04Previous(e) { 
	activeLocation="locatie03" 
	moveNextPrevious('locatie03', '0px', 'locatie04', '830px'); 
}

function location04Next(e) { 
	activeLocation="locatie05" 
	moveNextPrevious('locatie05', '0px', 'locatie04', '-830px'); 
}

function location05Previous(e) { 
	activeLocation="locatie04" 
	moveNextPrevious('locatie04', '0px', 'locatie05', '830px'); 
}

function location05Next(e) { 
	activeLocation="locatie06" 
	moveNextPrevious('locatie06', '0px', 'locatie05', '-830px'); 
}

function location06Previous(e) { 
	activeLocation="locatie05" 
	moveNextPrevious('locatie05', '0px', 'locatie06', '830px'); 
}

function location06Next(e) { 
	activeLocation="locatie07" 
	moveNextPrevious('locatie07', '0px', 'locatie06', '-830px'); 
}


function location07Previous(e) { 
	activeLocation="locatie06" 
	moveNextPrevious('locatie06', '0px', 'locatie07', '830px'); 
}

function location07Next(e) { 
	activeLocation="locatie08" 
	moveNextPrevious('locatie08', '0px', 'locatie07', '-830px'); 
}

function location08Previous(e) { 
	activeLocation="locatie07" 
	moveNextPrevious('locatie07', '0px', 'locatie08', '830px'); 
}

function location08Next(e) { 
	activeLocation="locatie09" 
	moveNextPrevious('locatie09', '0px', 'locatie08', '-830px'); 
}

function location09Previous(e) { 
	activeLocation="locatie08" 
	moveNextPrevious('locatie08', '0px', 'locatie09', '830px'); 
}

function location09Next(e) { 
	activeLocation="locatie010" 
	moveNextPrevious('locatie010', '0px', 'locatie09', '-830px'); 
}


function location10Previous(e) { 
	activeLocation="locatie09" 
	moveNextPrevious('locatie09', '0px', 'locatie010', '830px'); 
}

function location10Next(e) { 
	activeLocation="locatie011" 
	moveNextPrevious('locatie011', '0px', 'locatie010', '-830px'); 
}

function location11Previous(e) { 
	activeLocation="locatie010" 
	moveNextPrevious('locatie010', '0px', 'locatie011', '830px'); 
}

function location11Next(e) { 
	activeLocation="locatie012" 
	moveNextPrevious('locatie012', '0px', 'locatie011', '-830px'); 
}

function location12Previous(e) { 
	activeLocation="locatie011" 
	moveNextPrevious('locatie011', '0px', 'locatie012', '830px'); 
}

/*
function location12Next(e) { 
	activeLocation="plattegrond"
	moveNextPrevious('plattegrond', '0px', 'locatie012', '830px');
}
*/
 
// -------------------------------- add Listeners -------------------

function addListeners(e){
    
    //-------- PROGRAMMA ----------------
    //var btn00 = document.getElementById('left');
    //addEvent(btn00, 'click', test, false);

	var btn001 = document.getElementById('btn_route_left');
    addEvent(btn001, 'click', locationRoute, false);



	var btn01 = document.getElementById('previous01');
    addEvent(btn01, 'click', location01Previous, false);

    var btn02 = document.getElementById('next01');
    addEvent(btn02, 'click', location01Next, false);

    var btn03 = document.getElementById('previous02');
    addEvent(btn03, 'click', location02Previous, false);

    var btn04 = document.getElementById('next02');
    addEvent(btn04, 'click', location02Next, false);
	
    var btn05 = document.getElementById('previous03');
    addEvent(btn05, 'click', location03Previous, false);

    var btn06 = document.getElementById('next03');
    addEvent(btn06, 'click', location03Next, false);
	
    var btn07 = document.getElementById('previous04');
    addEvent(btn07, 'click', location04Previous, false);

    var btn08 = document.getElementById('next04');
    addEvent(btn08, 'click', location04Next, false);

    var btn09 = document.getElementById('previous05');
    addEvent(btn09, 'click', location05Previous, false);

    var btn10 = document.getElementById('next05');
    addEvent(btn10, 'click', location05Next, false);

    var btn11 = document.getElementById('previous06');
    addEvent(btn11, 'click', location06Previous, false);

    var btn12 = document.getElementById('next06');
    addEvent(btn12, 'click', location06Next, false);

    var btn13 = document.getElementById('previous07');
    addEvent(btn13, 'click', location07Previous, false);

    var btn14 = document.getElementById('next07');
    addEvent(btn14, 'click', location07Next, false);

    var btn15 = document.getElementById('previous08');
    addEvent(btn15, 'click', location08Previous, false);

    var btn16 = document.getElementById('next08');
    addEvent(btn16, 'click', location08Next, false);

    var btn17 = document.getElementById('previous09');
    addEvent(btn17, 'click', location09Previous, false);

    var btn18 = document.getElementById('next09');
    addEvent(btn18, 'click', location09Next, false);

    var btn19 = document.getElementById('previous010');
    addEvent(btn19, 'click', location10Previous, false);

    var btn20 = document.getElementById('next010');
    addEvent(btn20, 'click', location10Next, false);

    var btn21 = document.getElementById('previous011');
    addEvent(btn21, 'click', location11Previous, false);

    var btn22 = document.getElementById('next011');
    addEvent(btn22, 'click', location11Next, false);

    var btn23 = document.getElementById('previous012');
    addEvent(btn23, 'click', location12Previous, false);

    //var btn24 = document.getElementById('next012');
    //addEvent(btn24, 'click', location12Next, 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;
        }
      }