/** This is new LMWEB (DealerSites version2) Accordian Menu Javascript **/

 //include this function/code in the particular cfgpage.xml content to have a menu open on that page
    // 0 - New Inventory
    // 1 - Used Inventory
    // 2 - Service/Parts
    // 3 - Collision
    // 4 - Contact Us
    // blank - All Closed
      
    //openMenu(0-4);

function getMenuItem(menuitem, menuitemlink, menuitemtitle, menuitemtarget) {
  if(menuitem == "NEW") {
      document.write('<a href="'+menuitemlink+'" title="'+menuitemtitle+'" target="'+menuitemtarget+'" id="newButton" class="menu newButton">');
    }
    if(menuitem == "USED") {
      document.write('<a href="'+menuitemlink+'" title="'+menuitemtitle+'" target="'+menuitemtarget+'" id="usedButton" class="menu usedButton">');
    }
    if(menuitem == "SERVICE/PARTS") {
      document.write('<a href="'+menuitemlink+'" title="'+menuitemtitle+'" target="'+menuitemtarget+'" id="serviceButton" class="menu serviceButton">');
    }
    if(menuitem == "COLLISION") {
      document.write('<a href="'+menuitemlink+'" title="'+menuitemtitle+'" target="'+menuitemtarget+'" id="collisionButton" class="menu collisionButton">');
    }
    if(menuitem == "CONTACT") {
      document.write('<a href="'+menuitemlink+'" title="'+menuitemtitle+'" target="'+menuitemtarget+'" id="contactButton" class="menu contactButton">');
    }
  }

function openMenu(item_num) {

    ddaccordion.init({
      headerclass: "headerbar", //Shared CSS class name of headers group
      contentclass: "submenu", //Shared CSS class name of contents group
      revealtype: "clickgo", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
      mouseoverdelay: 600, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
      collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
      defaultexpanded: [""], //index of content(s) open by default [index1, index2, etc] [] denotes no content
      onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)
      animatedefault: false, //Should contents open by default be animated into view?
      persiststate: false, //persist state of opened contents within browser session?
      toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
      togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
      animatespeed: 750, //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
      oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
        //do nothing
        ddaccordion.expandone('headerbar', item_num);

        /*  if(item_num == 0) {
            document.getElementById("newButton").className = "newButton_on";
           }
          if(item_num == 1) {
            document.getElementById("usedButton").className = "usedButton_on";
          }
          if(item_num == 2) {
            document.getElementById("serviceButton").className = "serviceButton_on";
          }
          if(item_num == 3) {
            document.getElementById("collisionButton").className = "collisionButton_on";
          }
          if(item_num == 4) {
            document.getElementById("contactButton").className = "contactButton_on";
          } */
        
      },
      onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
         //do nothing
        
      }
    });
  
}