/* 
   Simple JQuery Accordion menu.
   HTML structure to use:

   <ul id="menu">
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     ...
     ...
   </ul>

Copyright 2007 by Marco van Hylckama Vlieg

web: http://www.i-marco.nl/weblog/
email: marco@i-marco.nl

Free for non-commercial use
*/

function initMenu() {
  $('#menu tr').slideUp('normal');
  $('#menu tr').hide();
  $('#menu tr:first').show();
  $('#menu tr').click(
    function() {
      var checkElement = $(this).next();
      if((checkElement.is('tr')) && (checkElement.is(':visible'))) {
        return false;
        }
      if((checkElement.is('tr')) && (!checkElement.is(':visible'))) {
        $('#menu tr:visible').slideUp('normal');
        checkElement.slideDown('normal');
        return false;
        }
      }
    );
  }
  $(document).ready(function() { initMenu(); });


  $(function() {
      $(".myMenu").buildMenu(
    {
        template: "menuVoices.html",
        additionalData: "pippo=1",
        menuWidth: 200,
        openOnRight: false,
        menuSelector: ".menuContainer",
        iconPath: "ico/",
        hasImages: true,
        fadeInTime: 50,
        fadeOutTime: 100,
        adjustLeft: 2,
        minZindex: "auto",
        adjustTop: 10,
        opacity: .95,
        shadow: false,
        shadowColor: "#ccc",
        hoverIntent: 0,
        openOnClick: true,
        closeOnMouseOut: false,
        closeAfter: 300,
        submenuHoverIntent: 50
    });

      $(".vertMenu").buildMenu(
    {
        template: "menuVoices.html",
        menuWidth: 170,
        openOnRight: true,
        menuSelector: ".menuContainer",
        iconPath: "ico/",
        hasImages: true,
        fadeInTime: 100,
        fadeOutTime: 100,
        adjustLeft: 0,
        adjustTop: 0,
        opacity: .95,
        openOnClick: false,
        minZindex: 200,
        shadow: false,
        hoverIntent: 100,
        submenuHoverIntent: 100,
        closeOnMouseOut: true
    });

      $(document).buildContextualMenu(
    {
        template: "menuVoices.html",
        menuWidth: 200,
        overflow: 2,
        menuSelector: ".menuContainer",
        iconPath: "ico/",
        hasImages: false,
        fadeInTime: 100,
        fadeOutTime: 100,
        adjustLeft: 0,
        adjustTop: 0,
        opacity: .99,
        closeOnMouseOut: false,
        onContextualMenu: function(o, e) { }, //params: o = the contextual menu,e = the event
        shadow: false
    });
  });

  //this function get the id of the element that fires the context menu.
  function testForContextMenu(el) {
      if (!el) el = $.mbMenu.lastContextMenuEl;
      alert("the ID of the element is:   " + $(el).attr("id"));
  }

  function recallcMenu(el) {
      if (!el) el = $.mbMenu.lastContextMenuEl;
      var cmenu = +$(el).attr("cmenu");
      $(cmenu).remove();
  }

  function loadFlash() {
      $.ajax({
          url: "testFlash/test.html",
          success: function(html) {
              $("#flashTest").html(html);
          }
      });
  }

  function showMessage(msg) {
      var msgBox = $("<div>").addClass("msgBox");
      $("body").append(msgBox);
      msgBox.append("You click on: <br>" + msg);
      setTimeout(function() { msgBox.fadeOut(500, function() { msgBox.remove(); }) }, 3000)
  }

  $(document).ready(function() {

      // set up the accordion
      $("#accordion>h3").click(function() {
          $(this).next("div").slideToggle(500).siblings("div").slideUp(500);
      });

      // show active menu section
      setTimeout('$("#accordion>div.activesec").slideToggle(800)', 100);

  });

  $(document).ready(function() {
      $("#navmenu-h li,#navmenu-v li").hover(
    function() { $(this).addClass("iehover"); },
    function() { $(this).removeClass("iehover"); }
  );
  });