/*==================================================
  ~ jquery.mb.components
  ~ Copyright (c) 2001-2010. Matteo Bicocchi (Pupunzi); Open lab srl, Firenze - Italy
  ~ email: info@pupunzi.com
  ~ site: http://pupunzi.com
  ~
  ~ Licences: MIT, GPL
  ~ http://www.opensource.org/licenses/mit-license.php
  ~ http://www.gnu.org/licenses/gpl.html
  ==================================================*/


  /*
   * DEFAULT OPTIONS
   *
   options: {
   template:"yourMenuVoiceTemplate",--> the url that returns the menu voices via ajax. the data passed in the request is the "menu" attribute value as "menuId"
   additionalData:"",								--> if you need additional data to pass to the ajax call
   menuSelector:".menuContainer",		--> the css class for the menu container
   menuWidth:150,										--> min menu width
   openOnRight:false,								--> if the menu has to open on the right insted of bottom
   iconPath:"ico/",									--> the path for the icons on the left of the menu voice
   hasImages:true,									--> if the menuvoices have an icon (a space on the left is added for the icon)
   fadeInTime:100,									--> time in milliseconds to fade in the menu once you roll over the root voice
   fadeOutTime:200,									--> time in milliseconds to fade out the menu once you close the menu
   menuTop:0,												--> top space from the menu voice caller
   menuLeft:0,											--> left space from the menu voice caller
   submenuTop:0,										--> top space from the submenu voice caller
   submenuLeft:4,										--> left space from the submenu voice caller
   opacity:1,												--> opacity of the menu
   shadow:false,										--> if the menu has a shadow
   shadowColor:"black",							--> the color of the shadow
   shadowOpacity:.2,								--> the opacity of the shadow
   openOnClick:true,								--> if the menu has to be opened by a click event (otherwise is opened by a hover event)
   closeOnMouseOut:false,						--> if the menu has to be cloesed on mouse out
   closeAfter:500,									--> time in millisecond to whait befor closing menu once you mouse out
   minZindex:"auto", 								--> if set to "auto" the zIndex is automatically evaluate, otherwise it start from your settings ("auto" or int)
   hoverInted:0, 										--> if you use jquery.hoverinted.js set this to time in milliseconds to delay the hover event (0= false)
   onContextualMenu:function(o,e){} --> a function invoked once you call a contextual menu; it pass o (the menu you clicked on) and e (the event)
   },
   */

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

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

    $(document).buildContextualMenu(
    {
      template:"00-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)
  }