var STYLE_0 = {
    backgroundClass: [ "menubackground", "menubackground_over" ],
    textClass:[ "menutext_out", "menutext_over" ],
    size:[ 23, "+self" ], /* maxItem */
    itemoff:[ 0, "+previousItem" ],
    leveloff:[ "+parentItem", 0 ]
};

var STYLE_1 =
{
    backgroundClass: [ "submenubackground", "submenubackground_over" ],
    textClass:[ "submenutext_out", "submenutext_over" ],
    itemoff:[ "+previousItem", 0 ],
    leveloff:[ "+parentItem", 0 ],
    borderWidth:[ 1, 0, 1, 0 ],
    color: { border:"#aab" },
    ifFirst:{ borderWidth:[ 1, 1, 1, 0 ] },
    ifLast:{ borderWidth:[ 1, 0, 1, 1 ] }
};

var STYLE_2 =
{
    backgroundClass: [ "submenubackground", "submenubackground_over" ],
    textClass:[ "submenutext_out", "submenutext_over" ],
    itemoff:[ "+previousItem", 0 ],
    leveloff:[ 0, "+parentItem"],
    borderWidth:[ 1, 0, 1, 0 ],
    color: { border:"#aab" },
    ifFirst:{ borderWidth:[ 1, 1, 1, 0 ] },
    ifLast:{ borderWidth:[ 1, 0, 1, 1 ] }
};

var MENU_ITEMS = [
    {pos:"relative", style:[ STYLE_0, STYLE_1, STYLE_2 ], blankImage:"/demo/images/menu-blank.gif", autosize:true, imgsize:[24,24] },
    {code:"Home", url:"/demo/"},


    {code:"About Us", url:"/demo/about"},
    {code:"Contact Us", url:"/demo/contact"},
    {code:"Login", url:"/demo/login"},


];

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