/* ~~~~~~~ Create a new menu widget object with the API. ~~~~~~~~~~~~~*/

		//Menu configuration properties (hide and show timers in Milliseconds)
		var config = {showTimerMS:250,hideTimerMS:250};

		//Pass the menu object construcor an ID or object representing the root node of your structure
		var myMenu = new NF.widget.menu("myMenu", config);
	


		/*~~~~~~~~ Sub Show Animation w/Replicator ~~~~~~~~~~~~~*/

		//Create an animation clip for showing the menu.  Animate the CSS clip style from the center out.
		var clip = new NF.anim.clip({clip:{start:{value:'50% 50% 50% 50%', refNode:"self"}, end:{value:'0% 100% 100% 0%', refNode:"self"}}}, {frames:6,reset:true,hook:"NFplayOnSubShow"});

		//Create a new replicator where the master object is the clip. (Applies the clip effect to all sub menus)
		var subAnim_Show_Replicator = new NF.replicator("transition", {master:clip,widgetClass:"nfSubC",widgetLevel:'level>=1'});
		myMenu.addReplicator(subAnim_Show_Replicator);



		/*~~~~~~~~ Sub Hide Animation w/Replicator ~~~~~~~~~~~~~*/

		//Create an animation clip for hiding the menu.  Animate the CSS clip style from the edges to the center.
		clip = new NF.anim.clip({clip:{start:{value:'0% 100% 100% 0%', refNode:"self"}, end:{value:'50% 50% 50% 50%', refNode:"self"}}}, {frames:6,reset:true,hook:"NFplayOnSubHide"});

		//Create a new replicator where the master object is the clip. (Applies the clip effect to all sub menus)
		var subAnim_Hide_Replicator = new NF.replicator("transition", {master:clip,widgetClass:"nfSubC",widgetLevel:'level>=1'});
		myMenu.addReplicator(subAnim_Hide_Replicator);

	


		/* ~~~~~~~ Activate the menu object. (Converts the pure CSS menu to a script enhanced widget) ~~~~~~~~~~~~~*/

		//Activate the menu
		myMenu.activate();