
var nElements = 10;

var activeElement

function onElementClick(event, element) {
    //alert('onElementClick(' + event + ', ' +element  +')');
    if (activeElement) {
        /*if (activeElement == element) {
            return;
        }*/
        YAHOO.util.Dom.replaceClass(activeElement, 'imageGalOpened', 'imageGalClosed');
        if (activeElement == element) {
            activeElement = null;
            YAHOO.util.Event.stopEvent(event);
            return;
        }    
    }
    activeElement = element;
    YAHOO.util.Dom.replaceClass(activeElement, 'imageGalClosed', 'imageGalOpened');
    
    YAHOO.util.Event.stopEvent(event);
}

function onLoad() {
    var element

    var i = nElements + 1;
    while (--i > 0) {
        element = document.getElementById('imageGal' + i);
        YAHOO.util.Event.addListener(element, "click", onElementClick, element);
        /*if (i == 1) {
            activeElement = element;
        } else {
            YAHOO.util.Dom.replaceClass(element, 'imageGalOpened', 'imageGalClosed');
        }*/
        YAHOO.util.Dom.replaceClass(element, 'imageGalOpened', 'imageGalClosed');
    }
    
    
}

YAHOO.util.Event.addListener(window, "load", onLoad);