//variables
var POS1 = "relative";
var BORDERS1 = [0, 0, 0, 0];
var COLOR1 = {border:"#ED3C28", shadow:"#DBD8D1", bgON:"#ED3C28", bgOVER:"#ED3C28", imagebg:"#ED3C28", oimagebg:"#ED3C28"};
var STYLE1 = {border:1, borders:BORDERS1, shadow:0, color:COLOR1, css:{ON:'clsCMOn', OVER:'clsCMOver'}};
var COLOR2 = {border:"#ED3C28", shadow:"#DBD8D1", bgON:"#ED3C28", bgOVER:"#B6BDD2", imagebg:"#DBD8D1", oimagebg:"#B6BDD2"};
var CSS1 = {ON:'clsCMOn', OVER:'clsCMOver'};
var CSS2 = {ON:'clsCsOn', OVER:'clsCsOver'};
var STYLE2 = {border:1, shadow:0, color:COLOR2, css:CSS1};
var FORMAT1 = {size:[34, 60], image:"images/home.jpg", imgsize:[34, 61], oimage:"images/homehover.jpg", style:STYLE2};
var FORMAT2 = {size:[34, 60], itemoff:[0, 61], image:"images/about.jpg", imgsize:[34, 61], oimage:"images/abouthover.jpg", style:STYLE2};
var BORDERS2 = [1, 1, 1, 1];
var COLOR3 = {border:"#ED3C28", shadow:"#DBD8D1", bgON:"#D8D4D4", bgOVER:"#ED3C28"};
var STYLE3 = {border:1, borders:BORDERS2, shadow:0, color:COLOR3, css:CSS2};
var STYLE4 = {border:1, borders:BORDERS2, shadow:0, color:{border:"Black", shadow:"#DBD8D1", bgON:"#D8D4D4", bgOVER:"#ED3C28"}, css:CSS2};
var FORMAT3 = {size:[22, 60], itemoff:[0, 61], style:STYLE4};
var FORMAT4 = {size:[22, 60], itemoff:[21, 0], style:STYLE4};
var FORMAT5 = {size:[22, 109], itemoff:[21, 0], style:STYLE4};
var COLOR4 = {border:"Black", shadow:"#DBD8D1", bgON:"#D8D4D4", bgOVER:"#ED3C28"};
var STYLE5 = {border:1, borders:BORDERS2, shadow:0, color:COLOR4, css:CSS2};
var FORMAT6 = {size:[22, 110], itemoff:[21, 0], style:STYLE5};
var COLOR5 = {border:"#ED3C28", shadow:"#DBD8D1", bgON:"#ED3C28", bgOVER:"#B6BDD2", imagebg:"#ED3C28", oimagebg:"#B6BDD2"};
var STYLE6 = {border:1, shadow:0, color:COLOR5, css:CSS1};
var FORMAT7 = {size:[34, 61], itemoff:[0, 61], image:"images/support.jpg", imgsize:[34, 61], oimage:"images/supporthover.jpg", style:STYLE6};
var FORMAT8 = {size:[22, 61], itemoff:[0, 0], style:STYLE4};
var FORMAT9 = {size:[34, 72], itemoff:[0, 61], image:"images/programs.jpg", imgsize:[34, 72], oimage:"images/programshover.jpg", style:STYLE2};
var FORMAT10 = {size:[22, 170], itemoff:[0, 0], style:STYLE5};
var FORMAT11 = {size:[22, 90], itemoff:[21, 0], style:STYLE5};
var STYLE7 = {border:1, borders:BORDERS2, shadow:0, color:COLOR4, css:CSS2};
var FORMAT12 = {size:[22, 80], itemoff:[21, 0], style:STYLE7};
var FORMAT13 = {size:[22, 100], itemoff:[21, 0], style:STYLE5};
var FORMAT14 = {size:[34, 80], itemoff:[0, 72], image:"images/membership.jpg", imgsize:[34, 83], oimage:"images/membershiphover.jpg", style:STYLE6};
var COLOR6 = {border:"Black", shadow:"#DBD8D1", bgON:"#D8D4D4", bgOVER:"#ED3C28", imagebg:"#DBD8D1", oimagebg:"#B6BDD2"};
var STYLE8 = {border:1, borders:BORDERS2, shadow:0, color:COLOR6, css:CSS2};
var FORMAT15 = {size:[22, 80], itemoff:[0, 22], style:STYLE5};
var FORMAT16 = {size:[34, 98], itemoff:[0, 82], image:"images/rent.jpg", imgsize:[34, 100], oimage:"images/renthover.jpg", style:STYLE6};
var FORMAT17 = {size:[22, 110], style:STYLE5};
var FORMAT18 = {size:[34, 86], itemoff:[0, 99], image:"images/employment.jpg", imgsize:[34, 86], oimage:"images/employmenthover.jpg", style:STYLE6};
var FORMAT19 = {size:[34, 82], itemoff:[0, 85], image:"images/youth.jpg", imgsize:[34, 82], oimage:"images/youthhover.jpg", style:STYLE6};
var FORMAT20 = {size:[22, 80], itemoff:[0, 79], style:STYLE8};
var FORMAT21 = {size:[22, 130], itemoff:[21, 0], style:STYLE8};
var FORMAT22 = {size:[34, 85], itemoff:[0, 81], image:"images/media.jpg", imgsize:[34, 85], oimage:"images/mediahover.jpg", style:STYLE6};
var FORMAT23 = {size:[22, 110], itemoff:[0, 79], style:STYLE8};
var FORMAT24 = {size:[34, 59], itemoff:[0, 84], image:"images/contact.jpg", imgsize:[34, 59], oimage:"images/contacthover.jpg", style:STYLE6};
var FORMAT25 = {size:[22, 80], itemoff:[0, 79], style:{border:1, borders:BORDERS2, shadow:0, color:COLOR6, css:CSS2}};
var FORMAT26 = {size:[22, 125], itemoff:[21, 0], style:STYLE5};
var FORMAT27 = {size:[22, 80], itemoff:[4, 4], style:STYLE8};
var COLOR7 = {border:"Black", shadow:"#D8D4D4", bgON:"#D8D4D4", bgOVER:"#ED3C28"};
var STYLE9 = {border:1, borders:BORDERS2, shadow:0, color:COLOR7, css:CSS2};
var FORMAT28 = {size:[22, 80], itemoff:[21, 0], style:STYLE9};
var FORMAT29 = {size:[22, 140], itemoff:[21, 0], style:STYLE5};
var COLOR8 = {border:"#ED3C28", shadow:"#DBD8D1", bgON:"#ED3C28", bgOVER:"#ED3C28"};
var STYLE10 = {border:1, shadow:0, color:COLOR8, css:CSS1};
var FORMAT30 = {size:[34, 30], itemoff:[0, 59], image:"images/leftmenublank.jpg", imgsize:[34, 25], oimage:"images/leftmenublank.jpg", style:STYLE10};
var FORMAT31 = {size:[34, 28], itemoff:[0, 29], image:"images/leftmenublank.jpg", imgsize:[34, 25], oimage:"images/leftmenublank.jpg", style:STYLE10};
//menu items
var MENU_ITEMS = [
  {pos:POS1, size:[34, 90], itemoff:[0, 25], leveloff:[0, 0], blankImage:"images/b.gif", oimage:"images/b.gif", imgsize:[0, 0], arrsize:[0, 0], popup:true, popupoff:true, style:STYLE1}, 
    {code:"l", format:FORMAT31},
    {code:"Home", url:"index.html", format:FORMAT1},
    {code:"About Us", url:"about.html", format:FORMAT2, 
      sub:[
      {size:[22, 119], itemoff:[22, 1], leveloff:[34, 0], imgsize:[0, 0], arrsize:[0, 0], popup:true, popupoff:true, style:STYLE3}, 
        {code:"Mission", url:"mission.html", format:FORMAT3},
        {code:"Staff", url:"stafflist.html", format:FORMAT4},
        {code:"Board of Trustees", url:"board.html", format:FORMAT5},
        {code:"History", url:"history.html", format:FORMAT6}
      ]},
    {code:"Support", url:"support.html", format:FORMAT7, 
      sub:[
      {size:[20, 30], itemoff:[19, 0], leveloff:[34, 0], imgsize:[0, 0], arrsize:[0, 0], popup:true, popupoff:true, style:STYLE5}, 
        {code:"Donate", url:"donate.html", format:FORMAT8}
      ]},
    {code:"Programs", url:"programs.html", format:FORMAT9, 
      sub:[
      {size:[20, 30], itemoff:[19, 0], leveloff:[34, 0], imgsize:[0, 0], arrsize:[0, 0], popup:true, popupoff:true, style:STYLE5}, 
        {code:"Professional Development", url:"professionaldevelopment.html", format:FORMAT10},
        {code:"School Groups", url:"schoolgroups.html", format:FORMAT11},
        {code:"Camps", url:"camps.html", format:FORMAT12},
        {code:"1-Hour Programs", url:"onehourprograms.html", format:FORMAT11},
        {code:"Camper Forms", url:"campforms.html", format:FORMAT13}
      ]},
    {code:"Member", url:"membership.html", format:FORMAT14, 
      sub:[
      {size:[20, 30], itemoff:[19, 0], leveloff:[34, 1], imgsize:[0, 0], arrsize:[0, 0], popup:true, popupoff:true, style:STYLE8}, 
        {code:"Application", url:"images/Member_Application.pdf", format:FORMAT15}
      ]},
    {code:"Rent", url:"rent.html", format:FORMAT16, 
      sub:[
      {size:[20, 30], itemoff:[19, 0], leveloff:[33, 2], imgsize:[0, 0], arrsize:[0, 0], popup:true, popupoff:true, style:STYLE5}, 
        {code:"Facilities Rental", url:"rent.html", format:FORMAT17}
      ]},
    {code:"Employ", url:"employment.html", format:FORMAT18, 
      sub:[
      {size:[20, 30], itemoff:[19, 0], leveloff:[34, 1], imgsize:[0, 0], arrsize:[0, 0], popup:true, popupoff:true, style:STYLE5}, 
        {code:"Open Positions", url:"employment.html", format:FORMAT5},
        {code:"Application", url:"images/employment_application.pdf", format:FORMAT11}
      ]},
    {code:"YA", url:"youthalive.html", format:FORMAT19, 
      sub:[
      {size:[22, 80], itemoff:[21, 0], leveloff:[33, 0], imgsize:[0, 0], arrsize:[0, 0], popup:true, popupoff:true, style:STYLE5}, 
        {code:"Applications", url:"yapply.html", format:FORMAT20},
        {code:"YouthALIVE! Photos", url:"youthphotos.html", format:FORMAT21}
      ]},
    {code:"Media", url:"media.html", format:FORMAT22, 
      sub:[
      {size:[22, 80], itemoff:[0, 0], leveloff:[33, 0], imgsize:[0, 0], arrsize:[0, 0], popup:true, popupoff:true, style:STYLE5}, 
        {code:"Press Releases", url:"media.html", format:FORMAT23}
      ]},
    {code:"Cont", url:"contact.html", format:FORMAT24, 
      sub:[
      {size:[22, 80], itemoff:[21, 0], leveloff:[33, 0], imgsize:[0, 0], arrsize:[0, 0], popup:true, popupoff:true, style:STYLE5}, 
        {code:"Staff", url:"contact.html", format:FORMAT25},
        {code:"Directions from:", format:FORMAT26, 
          sub:[
          {size:[22, 80], itemoff:[21, 0], leveloff:[21, 0], imgsize:[0, 0], arrsize:[0, 0], popup:true, popupoff:true, style:STYLE5}, 
            {code:"Norwich", url:"directionsnorwich.html", format:FORMAT27},
            {code:"Groton", url:"directionsgroton.html", format:FORMAT28},
            {code:"East Lyme", url:"directionsnewyork.html", format:FORMAT11},
            {code:"Hartford", url:"directionshartford.html", format:FORMAT11},
            {code:"Downtown New London", url:"directionsnewlondon.html", format:FORMAT29}
          ]}
      ]},
    {code:"", format:FORMAT30}
];

    var lmenu = new COOLjsMenuPRO("lmenu", MENU_ITEMS);
lmenu.initTop();