$(document).ready(function() {
  $("a.expand-plus,a.expand-title,a.expand-button,a.downtown-image,a.volunteer-image,a.events-image,a.eating-image,a.groups-image,a.shopping-image").click(OnTogglePanelClick);
});

function getEventTarget(e) {
    var targ;
    if (!e) var e = window.event;
    if (e.target) targ = e.target;
    else if (e.srcElement) targ = e.srcElement;
    if (targ.nodeType == 3) // defeat Safari bug
        targ = targ.parentNode;
    return targ
}

function getNextSibling(element) {
    var nextSib = element.nextSibling;
    if (nextSib.nodeType == 3) {
        nextSib = nextSib.nextSibling;
    }
    return nextSib;
}

function getStyleAttributeText(element) {
    var styleattribute = element.getAttribute('style');
    if (typeof styleattribute == 'object')
    {
      styleattribute = styleattribute.cssText.toUpperCase();
    }
    
    return styleattribute.toUpperCase();
}

function OnTogglePanelClick(e) {
    var target = getEventTarget(e);

    var slideTextArea = getNextSibling(target.parentNode);

    if (getStyleAttributeText(slideTextArea).match("DISPLAY: NONE"))
    {
      $("#" + slideTextArea.id).slideDown("slow");
      if (target.parentNode.childNodes.length > 1) {
        target.parentNode.childNodes[0].innerHTML = "—";
        target.parentNode.childNodes[2].innerHTML = "COLLAPSE";
      }
    }
    else
    {
      $("#" + slideTextArea.id).slideUp("slow");
      if (target.parentNode.childNodes.length > 1) {
        target.parentNode.childNodes[0].innerHTML = "+";
        target.parentNode.childNodes[2].innerHTML = "EXPAND";
      }
    }

    return false;
}