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



/* 1. hide boxes */

/* 2. change classes to popup */

/* 3. change links so they have a function displayPopup */

/* 4. diplayPopup hides all boxes and shows specified box via classname */



/* Init Nightlife Popups */

function initNightlifePopups() {

if (!document.createElement) return; // Check for DOM support

hidePopups();



// iterate through popup boxes and add associate display events

for (i=1;i<10;i++) {

var aElem = document.getElementById('location' + i);

var bElem = document.getElementById('shape' + i);

var popupElem = document.getElementById('box' + i );

setOnClickEvent2(aElem, popupElem);
setOnClickEvent2(bElem, popupElem);



var closeElem = document.getElementById('close' + i);

closeElem.onclick = function(){
hidePopups();

return false;

}

}

return false;

}



/* Hide all popup boxes */

function hidePopups() {

for (i=1;i<10;i++) {

popupElem = document.getElementById('box' + i );
popupElem.className = 'hidden'; // Hide all popups

}

}



/* Associate the anchor click event with the correct popup */

function setOnClickEvent2(aElem, boxElem) {

aElem.onclick = function(){

hidePopups();

boxElem.className = 'popup';



return false;

}

}