// JavaScript Document
$(function(){
			$(".myMenu").buildMenu(
			{
				template:"menuVoices.html",
				additionalData:"pippo=1",
				menuWidth:200,
				openOnRight:false,
				rootMenuSelector: ".rootVoices",
				menuSelector: ".menuContainer",
				iconPath:"ico/",
				hasImages:true,
				fadeTime:200,
				adjustLeft:2,
				minZindex:"auto",
				adjustTop:10,
				opacity:.95,
				shadow:true
				
			});

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

			$(document).buildContextualMenu(
			{
				template:"menuVoices.html",
				menuWidth:200,
				overflow:2,
				menuSelector: ".menuContainer",
				iconPath:"ico/",
				hasImages:false,
				fadeTime:100,
				adjustLeft:0,
				adjustTop:0,
				opacity:.99,
				effect:"fade",
				closeOnMouseOut:true,
				onContextualMenu:function(o,e){
					alert("this is:  "+$(o).attr("cmenu")+"  and its ID is:  "+$($.mbMenu.lastContextMenuEl).attr("id"))
				},
				shadow:true
			});

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