/*******************************************************************************
 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
 ******************************************************************************/

/*
 * Name:jquery.mb.menu
 * Version: 2.8.5rc5
 *
 * added: boxMenu menu modality by: Sven Dowideit http://trunk.fosiki.com/Sandbox/WebSubMenu
 */
// to get the element that is fireing a contextMenu event you have $.mbMenu.lastContextMenuEl that returns an object.

(function($) {
  $.mbMenu = {
	name:"mbMenu",
	author:"Matteo Bicocchi",
	version:"2.8.5rc5",
	actualMenuOpener:false,
	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:"",
	  menuSelector:".menuContainer",
	  menuWidth:400,
	  openOnRight:false,
	  containment:"window",
	  iconPath:"ico/",
	  hasImages:true,
	  fadeInTime:100,
	  fadeOutTime:200,
	  menuTop:0,
	  menuLeft:0,
	  submenuTop:0,
	  submenuLeft:4,
	  opacity:1,
	  openOnClick:true,
	  closeOnMouseOut:false,
	  closeAfter:500,
	  minZindex:"auto", // or number
	  hoverIntent:0, //if you use jquery.hoverIntent.js set this to time in milliseconds; 0= false;
	  submenuHoverIntent:200, //if you use jquery.hoverIntent.js set this to time in milliseconds; 0= false;
	  onContextualMenu:function(){} //it pass 'o' (the menu you clicked on) and 'e' (the event)
	},
	buildMenu : function (options){
	  return this.each (function ()
	  {
		var thisMenu =this;
		thisMenu.id = !this.id ? "menu_"+Math.floor (Math.random () * 1000): this.id;
		this.options = {};
		$.extend (this.options, $.mbMenu.options);
		$.extend (this.options, options);

		$(".mbmenu").hide();
		thisMenu.clicked = false;
		thisMenu.rootMenu=false;
		thisMenu.actualOpenedMenu=false;
		thisMenu.menuvoice=false;
		var root=$(this);
		var openOnClick=this.options.openOnClick;
		var closeOnMouseOut=this.options.closeOnMouseOut;

		//build roots
		$(root).each(function(){

		  /*
		   *using metadata plugin you can add attribute writing them inside the class attr with a JSON sintax
		   * for ex: class="rootVoice {menu:'menu_2'}"
		   */
		  if ($.metadata){
			$.metadata.setType("class");
			thisMenu.menuvoice=$(this).find(".rootVoice");
			$(thisMenu.menuvoice).each(function(){
			  if ($(this).metadata().menu) $(this).attr("menu",$(this).metadata().menu);
			  if ($(this).metadata().disabled) $(this).attr("isDisable",$(this).metadata().disabled);
			});
		  }

		  thisMenu.menuvoice=$(this).find("[menu]").add($(this).filter("[menu]"));
		  thisMenu.menuvoice.filter("[isDisable]").addClass("disabled");

		  $(thisMenu.menuvoice).css("white-space","nowrap");

		  if(openOnClick){
			$(thisMenu.menuvoice).bind("click",function(){
			  $(document).unbind("click.closeMbMenu");                              
			  if (!$(this).attr("isOpen")){
				$(this).buildMbMenu(thisMenu,$(this).attr("menu"));
				$(this).attr("isOpen","true");
			  }else{
				$(this).removeMbMenu(thisMenu,true);
				$(this).addClass("selected");
			  }

			  //empty
			  if($(this).attr("menu")=="empty"){
				if(thisMenu.actualOpenedMenu){
				  $("[isOpen]").removeAttr("isOpen");
				}
				$(this).removeMbMenu(thisMenu);
			  }
			  $(document).unbind("click.closeMbMenu");
			});
		  }
		  var mouseOver=$.browser.msie?"mouseenter":"mouseover";
		  var mouseOut=$.browser.msie?"mouseleave":"mouseout";

		  $(thisMenu.menuvoice).mb_hover(
				  this.options.hoverIntent,
				  function(){
					if(!$(this).attr("isOpen"))
					  $("[isOpen]").removeAttr("isOpen");
					if (closeOnMouseOut) clearTimeout($.mbMenu.deleteOnMouseOut);
					if (!openOnClick) $(thisMenu).find(".selected").removeClass("selected");
					if(thisMenu.actualOpenedMenu){ $(thisMenu.actualOpenedMenu).removeClass("selected");}
					$(this).addClass("selected");
					if((thisMenu.clicked || !openOnClick) && !$(this).attr("isOpen")){
					  $(this).removeMbMenu(thisMenu);
					  $(this).buildMbMenu(thisMenu,$(this).attr("menu"));
					  if ($(this).attr("menu")=="empty"){
						$(this).removeMbMenu(thisMenu);
					  }
					  $(this).attr("isOpen","true");
					}
				  },
				  function(){
					if (closeOnMouseOut)
					  $.mbMenu.deleteOnMouseOut= setTimeout(function(){
						$(this).removeMbMenu(thisMenu,true);
						$(document).unbind("click.closeMbMenu");
					  },$(root)[0].options.closeAfter);

					if ($(this).attr("menu")=="empty"){
					  $(this).removeClass("selected");
					}
					if(!thisMenu.clicked)
					  $(this).removeClass("selected");
					$(document).one("click.closeMbMenu",function(){
					  $("[isOpen]").removeAttr("isOpen");
					  $(this).removeClass("selected");
					  $(this).removeMbMenu(thisMenu,true);
					  thisMenu.rootMenu=false;thisMenu.clicked=false;
					});
				  }
				  );
		});
	  });
	},
	buildContextualMenu:  function (options){
	  return this.each (function ()
	  {
		var thisMenu = this;
		thisMenu.options = {};
		$.extend (thisMenu.options, $.mbMenu.options);
		$.extend (thisMenu.options, options);
		$(".mbmenu").hide();
		thisMenu.clicked = false;
		thisMenu.rootMenu=false;
		thisMenu.actualOpenedMenu=false;
		thisMenu.menuvoice=false;

		/*
		 *using metadata plugin you can add attribut writing them inside the class attr with a JSON sintax
		 * for ex: class="rootVoice {menu:'menu_2'}"
		 */
		var cMenuEls;
		if ($.metadata){
		  $.metadata.setType("class");
		  cMenuEls= $(this).find(".cmVoice");
		  $(cMenuEls).each(function(){
			if ($(this).metadata().cMenu) $(this).attr("cMenu",$(this).metadata().cMenu);
		  });
		}
		cMenuEls= $(this).find("[cMenu]").add($(this).filter("[cMenu]"));

		$(cMenuEls).each(function(){
		  $(this).css({"-webkit-user-select":"none","-moz-user-select":"none"});
		  var cm=this;
		  cm.id = !cm.id ? "menu_"+Math.floor (Math.random () * 100): cm.id;
		  $(cm).css({cursor:"default"});
		  $(cm).bind("contextmenu","mousedown",function(event){
			event.preventDefault();
			event.stopPropagation();
			event.cancelBubble=true;

			$.mbMenu.lastContextMenuEl=cm;

			if ($.mbMenu.options.actualMenuOpener) {
			  $(thisMenu).removeMbMenu($.mbMenu.options.actualMenuOpener);
			}
			/*add custom behavior to contextMenuEvent passing the el and the event
			 *you can for example store to global var the obj that is fireing the event
			 *mbActualContextualMenuObj=cm;
			 *
			 * you can for example create a function that manipulate the voices of the menu
			 * you are opening according to a certain condition...
			 */

			thisMenu.options.onContextualMenu(this,event);

			$(this).buildMbMenu(thisMenu,$(this).attr("cMenu"),"cm",event);
			$(this).attr("isOpen","true");

		  });
		});
	  });
	}
  };
  $.fn.extend({
	buildMbMenu: function(op,m,type,e){
	  var msie6=$.browser.msie && $.browser.version=="6.0";
	  var mouseOver=$.browser.msie?"mouseenter":"mouseover";
	  var mouseOut=$.browser.msie?"mouseleave":"mouseout";
	  if (e) {
		this.mouseX=$(this).getMouseX(e);
		this.mouseY=$(this).getMouseY(e);
	  }

	  if ($.mbMenu.options.actualMenuOpener && $.mbMenu.options.actualMenuOpener!=op)
		$(op).removeMbMenu($.mbMenu.options.actualMenuOpener);
	  $.mbMenu.options.actualMenuOpener=op;
	  if(!type || type=="cm")	{
		if (op.rootMenu) {
		  $(op.rootMenu).removeMbMenu(op);
		  $(op.actualOpenedMenu).removeAttr("isOpen");
		  $("[isOpen]").removeAttr("isOpen");
		}
		op.clicked=true;
		op.actualOpenedMenu=this;
		$(op.actualOpenedMenu).attr("isOpen","true");
		$(op.actualOpenedMenu).addClass("selected");
	  }

	  //empty
	  if($(this).attr("menu")=="empty"){
		return;
	  }

	  var opener=this;
	  var where=(!type|| type=="cm")?$(document.body):$(this).parent().parent();

	  var menuClass= op.options.menuSelector.replace(".","");

	  if(op.rootMenu) menuClass+=" submenuContainer";
	  if(!op.rootMenu && $(opener).attr("isDisable")) menuClass+=" disabled";

	  where.append("<div class='menuDiv'><div class='"+menuClass+" '></div></div>");
	  this.menu  = where.find(".menuDiv");
	  $(this.menu).css({width:0, height:0});
	  if (op.options.minZindex!="auto"){
		$(this.menu).css({zIndex:op.options.minZindex++});
	  }else{
		$(this.menu).mb_bringToFront();
	  }
	  this.menuContainer  = $(this.menu).find(op.options.menuSelector);

	  $(this.menuContainer).bind(mouseOver,function(){
		$(opener).addClass("selected");
	  });
	  $(this.menuContainer).css({
		position:"absolute",
		opacity:op.options.opacity
	  });
	  if (!$("#"+m).html()){
		$.ajax({
		  type: "POST",
		  url: op.options.template,
		  cache: false,
		  async: false,
		  data:"menuId="+m+(op.options.additionalData!=""?"&"+op.options.additionalData:""),
		  success: function(html){
			$("body").append(html);
			$("#"+m).hide();
		  }
		});
	  }
	  $(this.menuContainer).attr("id", "mb_"+m).hide();

	  //LITERAL MENU SUGGESTED BY SvenDowideit
	  var isBoxmenu=$("#"+m).hasClass("boxMenu");

	  if (isBoxmenu) {
		this.voices = $("#"+m).clone(true);
		this.voices.css({display: "block"});
		this.voices.attr("id", m+"_clone");
	  } else {
		//TODO this will break <a rel=text> - if there are nested a's
		this.voices= $("#"+m).find("a").clone(true);
	  }

	  /*
	   *using metadata plugin you can add attribut writing them inside the class attr with a JSON sintax
	   * for ex: class="rootVoice {menu:'menu_2'}"
	   */
	  if ($.metadata){
		$.metadata.setType("class");
		$(this.voices).each(function(){
		  if ($(this).metadata().disabled) $(this).attr("isdisable",$(this).metadata().disabled);
		  if ($(this).metadata().img) $(this).attr("img",$(this).metadata().img);
		  if ($(this).metadata().menu) $(this).attr("menu",$(this).metadata().menu);
		  if ($(this).metadata().action) $(this).attr("action",$(this).metadata().action);
		});
	  }


	  // build each voices of the menu
	  $(this.voices).each(function(i){

		var voice=this;
		var imgPlace="";

		var isText=$(voice).attr("rel")=="text";
		var isTitle=$(voice).attr("rel")=="title";
		var isDisabled=$(voice).is("[isdisable]");
		if(!op.rootMenu && $(opener).attr("isDisable"))
		  isDisabled=true;

		var isSeparator=$(voice).attr("rel")=="separator";

		// boxMenu SUGGESTED by Sven Dowideit
		if (op.options.hasImages && !isText && !isBoxmenu){

		  var imgPath=$(voice).attr("img")?$(voice).attr("img"):"blank.gif";
		  imgPath=(imgPath.length>3 && imgPath.indexOf(".")>-1)?"<img class='imgLine' src='"+op.options.iconPath+imgPath+"'>":imgPath;
		  imgPlace="<td class='img'>"+imgPath+"</td>";
		}

		var line="<table id='"+m+"_"+i+"' class='line"+(isTitle?" title":"")+"' cellspacing='0' cellpadding='0' border='0' style='width:100%;' width='100%'><tr>"+imgPlace+"<td class='voice' nowrap></td></tr></table>";

		if(isSeparator)
		  line="<p class='separator' style='width:100%;'></p>";

		if(isText)
		  line="<div style='width:100%; display:table' class='line' id='"+m+"_"+i+"'><div class='voice'></div></div>";

		// boxMenu SUGGESTED by Sven Dowideit
		if(isBoxmenu)
		  line="<div style='width:100%; display:inline' class='' id='"+m+"_"+i+"'><div class='voice'></div></div>";

		$(opener.menuContainer).append(line);

		var menuLine = $(opener.menuContainer).find("#" + m + "_" + i);
		var menuVoice = menuLine.find(".voice");
		if(!isSeparator){
		  menuVoice.append(this);
		  if($(this).attr("menu") && !isDisabled){
			menuLine.find(".voice a").wrap("<div class='menuArrow'></div>");
			menuLine.find(".menuArrow").addClass("subMenuOpener");
			menuLine.css({cursor:"default"});
			this.isOpener=true;
		  }
		  if(isText){
			menuVoice.addClass("textBox");
			if ($.browser.msie) menuVoice.css({maxWidth:op.options.menuWidth});
			this.isOpener=true;
		  }
		  if(isDisabled){
			menuLine.addClass("disabled").css({cursor:"default"});
		  }

		  if(!(isText || isTitle || isDisabled ||isBoxmenu)){
			menuLine.css({cursor:"pointer"});

			menuLine.bind("mouseover",function(){
			  clearTimeout($.mbMenu.deleteOnMouseOut);
			  $(this).addClass("selected");
			});

			menuLine.bind("mouseout",function(){
			  $(this).removeClass("selected");
			});

			menuLine.mb_hover(
					op.options.submenuHoverIntent,
					function(event){
					  if(opener.menuContainer.actualSubmenu && !$(voice).attr("menu")){
						$(opener.menu).find(".menuDiv").remove();
						$(opener.menuContainer.actualSubmenu).removeClass("selected");
						opener.menuContainer.actualSubmenu=false;
					  }
					  if ($(voice).attr("menu")){
						if(opener.menuContainer.actualSubmenu && opener.menuContainer.actualSubmenu!=this){
						  $(opener.menu).find(".menuDiv").remove();
						  $(opener.menuContainer.actualSubmenu).removeClass("selected");
						  opener.menuContainer.actualSubmenu=false;
						}
						if (!$(voice).attr("action")) $(opener.menuContainer).find("#"+m+"_"+i).css("cursor","default");
						if (!opener.menuContainer.actualSubmenu || opener.menuContainer.actualSubmenu!=this){
						  $(opener.menu).find(".menuDiv").remove();

						  opener.menuContainer.actualSubmenu=false;
						  $(this).buildMbMenu(op,$(voice).attr("menu"),"sm",event);
						  opener.menuContainer.actualSubmenu=this;
						}
						$(this).attr("isOpen","true");
						return false;
					  }
					});
		  }
		  if(isDisabled || isTitle || isText || isBoxmenu){
			$(this).removeAttr("href");
			menuLine.bind(mouseOver,function(){
			  if (closeOnMouseOut) clearTimeout($.mbMenu.deleteOnMouseOut);
			  if (opener.menuContainer.actualSubmenu){
				$(opener.menu).find(".menuDiv").remove();
				opener.menuContainer.actualSubmenu=false;
			  }
			}).css("cursor","default");
		  }
		  menuLine.bind("click",function(){
			if (($(voice).attr("action") || $(voice).attr("href")) && !isDisabled &&  !isBoxmenu && !isText){
			  var target=$(voice).attr("target")?$(voice).attr("target"):"_self";
			  if ($(voice).attr("href") && $(voice).attr("href").indexOf("javascript:")>-1){
				$(voice).attr("action",$(voice).attr("href").replace("javascript:",""));
			  }
			  var link=$(voice).attr("action")?$(voice).attr("action"):"window.open('"+$(voice).attr("href")+"', '"+target+"')";
			  $(voice).removeAttr("href");
			  eval(link);
			  $(this).removeMbMenu(op,true);
			}else{
			  $(document).unbind("click.closeMbMenu");
			}
		  });
		}
	  });

	  // Close on Mouseout

	  var closeOnMouseOut=$(op)[0].options.closeOnMouseOut;
	  if (closeOnMouseOut){
		$(opener.menuContainer).bind("mouseenter",function(){
		  clearTimeout($.mbMenu.deleteOnMouseOut);
		});
		$(opener.menuContainer).bind("mouseleave",function(){
		  var menuToRemove=$.mbMenu.options.actualMenuOpener;
		  $.mbMenu.deleteOnMouseOut= setTimeout(function(){$(this).removeMbMenu(menuToRemove,true);$(document).unbind("click.closeMbMenu");},$(op)[0].options.closeAfter);
		});
	  }

	  //positioning opened
	  var t=0,l=0;
	  $(this.menuContainer).css({
		minWidth:op.options.menuWidth
	  });
	  if ($.browser.msie) $(this.menuContainer).css("width",$(this.menuContainer).width()+2);

	  switch(type){
		case "sm":
		  t=$(this).position().top+op.options.submenuTop;

		  l=$(this).position().left+$(this).width()-op.options.submenuLeft;
		  break;
		case "cm":
		  t=this.mouseY-5;
		  l=this.mouseX-5;
		  break;
		default:
		  if (op.options.openOnRight){
			t=$(this).offset().top-($.browser.msie?2:0)+op.options.menuTop;
			l=$(this).offset().left+$(this).outerWidth()-op.options.menuLeft-($.browser.msie?2:0);
		  }else{
			t=$(this).offset().top+$(this).outerHeight()-(!$.browser.mozilla?2:0)+op.options.menuTop;
			l=$(this).offset().left+op.options.menuLeft;
		  }
		  break;
	  }

	  $(this.menu).css({
		position:"absolute",
		top:t,
		left:l
	  });

	  if (!type || type=="cm") op.rootMenu=this.menu;
	  $(this.menuContainer).bind(mouseOut,function(){
		$(document).one("click.closeMbMenu",function(){$(document).removeMbMenu(op,true);});
	  });

	  if (op.options.fadeInTime>0) $(this.menuContainer).fadeIn(op.options.fadeInTime);
	  else $(this.menuContainer).show();

	  var wh= (op.options.containment=="window")?$(window).height():$("#"+op.options.containment).offset().top+$("#"+op.options.containment).outerHeight();
	  var ww=(op.options.containment=="window")?$(window).width():$("#"+op.options.containment).offset().left+$("#"+op.options.containment).outerWidth();

	  var mh=$(this.menuContainer).outerHeight();
	  var mw=$(this.menuContainer).outerWidth();

	  var actualX=$(where.find(".menuDiv:first")).offset().left-$(window).scrollLeft();
	  var actualY=$(where.find(".menuDiv:first")).offset().top-$(window).scrollTop();
	  switch(type){
		case "sm":
		  if ((actualX+mw)>= ww && mw<ww){
			l-=((op.options.menuWidth*2)-(op.options.submenuLeft*2));
		  }
		  break;
		case "cm":
		  if ((actualX+(op.options.menuWidth*1.5))>= ww && mw<ww){
			l-=((op.options.menuWidth)-(op.options.submenuLeft));
		  }
		  break;
		default:
		  if ((actualX+mw)>= ww && mw<ww){
			l-=($(this.menuContainer).offset().left+mw)-ww+18;
		  }
		  break;
	  }
	  if ((actualY+mh)>= wh-10 && mh<wh){
		t-=((actualY+mh)-wh)+10;
	  }

	  $(this.menu).css({
		top:t,
		left:l
	  });
	},

	removeMbMenu: function(op,fade){
	  if(!op)op=$.mbMenu.options.actualMenuOpener;
	  if(!op) return;
	  if (op.rootMenu) {
		$(op.actualOpenedMenu)
				.removeAttr("isOpen")
				.removeClass("selected");
		$("[isOpen]").removeAttr("isOpen");
		$(op.rootMenu).css({width:1, height:1});
		if (fade) $(op.rootMenu).fadeOut(op.options.fadeOutTime,function(){$(this).remove();});
		else $(op.rootMenu).remove();
		op.rootMenu=false;
		op.clicked=false;
	  }
	},

	//mouse  Position
	getMouseX : function (e){
	  var mouseX;
	  if ($.browser.msie)mouseX = e.clientX + document.documentElement.scrollLeft;
	  else mouseX = e.pageX;
	  if (mouseX < 0) mouseX = 0;
	  return mouseX;
	},
	getMouseY : function (e){
	  var mouseY;
	  if ($.browser.msie)	mouseY = e.clientY + document.documentElement.scrollTop;
	  else mouseY = e.pageY;
	  if (mouseY < 0)	mouseY = 0;
	  return mouseY;
	},
	//get max z-inedex of the page
	mb_bringToFront: function(){
	  var zi=10;
	  $('*').each(function() {
		if($(this).css("position")=="absolute" || $(this).css("position")=="fixed" ){
		  var cur = parseInt($(this).css('zIndex'));
		  zi = cur > zi ? parseInt($(this).css('zIndex')) : zi;
		}
	  });

	  $(this).css('zIndex',zi+=10);
	},
	mb_hover:function(hoverIntent, fn1, fn2){
	  if(hoverIntent==0)
		$(this).hover(fn1,fn2);
	  else
		$(this).hoverIntent({
		  sensitivity: 30,
		  interval: hoverIntent,
		  timeout: 0,
		  over:fn1,
		  out:fn2
		});
	}
  });
  $.fn.buildMenu = $.mbMenu.buildMenu;
  $.fn.buildContextualMenu = $.mbMenu.buildContextualMenu;
})(jQuery);