$(document).ready(function(){
    $(".submenu").hide();
    $("#selstart").slideDown(10);
    $("#selstart").siblings().children(".arrow").attr("src","pics/arrow-menu-a.gif");
    $(".menu").click(function () {
      var classArr = $(this).attr("class").split(" ");
      $(this).parent().siblings().children(".submenu").slideUp("fast", background(this, classArr[1]));
      if($(this).siblings(".submenu").is(":hidden"))
      {
        $(this).siblings(".submenu").slideDown("fast");
        click(this, classArr[1]);
      }
      else
      {
        $(this).siblings(".submenu").slideUp("fast");
        $(this).removeClass(classArr[1] + "-in");
        $(this).addClass(classArr[1] + "-out");
      }
      return false;
    });
 });
function click()
{
    $(arguments[0]).children(".arrow").attr("src","pics/arrow-menu-a.gif");
    $(arguments[0]).removeClass(arguments[1] + "-out");
    $(arguments[0]).addClass(arguments[1] + "-in");
}
function background()
{
   var color = $(arguments[0]).children(".arrow").attr("class").split(" ");
   $(arguments[0]).parent().siblings().children(".menu").children(".arrow").attr("src","pics/arrow-menu-" + color[1] + ".gif");
   $(arguments[0]).children(".arrow").attr("src","pics/arrow-menu-" + color[1] + ".gif");
   $(arguments[0]).parent().siblings().children(".menu").removeClass(arguments[1] + "-in");
   $(arguments[0]).parent().siblings().children(".menu").addClass(arguments[1] + "-out");
}