$(document).ready(function() {

    //$('#firstpane p.menu_head').css({
    $('.accordion p.menu_head').css({
      background: 'url(/img/neighborhoods/left-arrow.gif) center left no-repeat'
    });
    //$('#firstpane div.menu_body').css({
    $('.accordion div.menu_body').css({
      background: 'transparent'
    });

    //slides the element with class 'menu_body' when paragraph with class 'menu_head' is clicked 
    //$('#firstpane p.menu_head').click(function() {
    $('.accordion p.menu_head').click(function() {

      if ($(this).next('div.menu_body').is(':visible')) {
        $(this).css({
          background: 'url(/img/neighborhoods/left-arrow.gif) center left no-repeat'
        });
      } else {
        $(this).css({
          background: 'url(/img/neighborhoods/down-arrow.gif) center left no-repeat'
        });
      }

      $(this).next('div.menu_body').slideToggle(100).siblings('div.menu_body').slideUp('fast');

      $(this).siblings('p').css({
        background: 'url(/img/neighborhoods/left-arrow.gif) center left no-repeat'
      });

    });

    //slides the element with class 'menu_body' when mouse is over the paragraph
//  $('#secondpane p.menu_head').mouseover(function() {
//
//    $(this).css({
//      background:'url(/img/neighborhoods/down-arrow.gif) center left no-repeat'
//    }).next('div.menu_body').slideDown(100).siblings('div.menu_body').slideUp('fast');
//
//    $(this).siblings().css({
//      background:'url(/img/neighborhoods/left-arrow.gif) center left no-repeat'
//    });
//
//  });

  });