﻿var config = {showTimerMS:250,hideTimerMS:250,stickyHover:true};var myMenu = new NF.widget.menu("myMenu", config);
	NF.anim.playerSynchronizer.delay = 15;
		var hovClip = new NF.anim.clip({backgroundColor:{start:"#ccc",end:"#eee"}},{frames:10,hook:"NFplayOnLinkHoverShow"});
		myMenu.addReplicator(new NF.replicator("transition",{master:hovClip,widgetClass:"nfItem",targetClass:"nfLink",widgetLevel:"level==1"}));

		hovClip = new NF.anim.clip({backgroundColor:{start:"#eee",end:"#ccc"}},{frames:40,hook:"NFplayOnLinkHoverHide"});
		myMenu.addReplicator(new NF.replicator("transition",{master:hovClip,widgetClass:"nfItem",targetClass:"nfLink",widgetLevel:"level==1"}));

		var hovClip = new NF.anim.clip({backgroundColor:{start:"#ccc",end:"#eee"}},{frames:10,hook:"NFplayOnLinkHoverShow"});
		myMenu.addReplicator(new NF.replicator("transition",{master:hovClip,widgetClass:"nfItem",targetClass:"nfLink",widgetLevel:"level==2"}));

		hovClip = new NF.anim.clip({backgroundColor:{start:"#eee",end:"#ccc"}},{frames:40,hook:"NFplayOnLinkHoverHide"});
		myMenu.addReplicator(new NF.replicator("transition",{master:hovClip,widgetClass:"nfItem",targetClass:"nfLink",excludeClass:"nfParentLink",widgetLevel:"level==2"}));

		var clip = new NF.anim.clip({opacity:{start:0, end:1}}, {frames:10,reset:true,hook:"NFplayOnSubShow"});
		var subAnim_Show_Replicator = new NF.replicator("transition", {master:clip,widgetClass:"nfSubC",widgetLevel:'level==1'});
		myMenu.addReplicator(subAnim_Show_Replicator);

		clip = new NF.anim.clip({opacity:{start:1, end:0}}, {frames:10,reset:true,hook:"NFplayOnSubHide"});
		var subAnim_Hide_Replicator = new NF.replicator("transition", {master:clip,widgetClass:"nfSubC",widgetLevel:'level==1'});
		myMenu.addReplicator(subAnim_Hide_Replicator);

		var clip1 = new NF.anim.clip({opacity:{start:0, end:1}}, {frames:10,hook:"NFplayOnSubShow"});
		var clip2 = new NF.anim.clip({clip:{start:{value:'0% 0% 0% 0%', refNode:"self"}, end:{value:'0% 100% 100% 0%', refNode:"self"}}}, {frames:12,hook:"NFplayOnSubShow"});
		var timeline = new NF.anim.timeline(clip1,'NFplayOnSubShow');
		timeline.addTrack(clip2);
		var subAnim_Show_Replicator = new NF.replicator("transition", {master:timeline,widgetClass:"nfSubC",widgetLevel:'level>1'});
		myMenu.addReplicator(subAnim_Show_Replicator);

		clip1 = new NF.anim.clip({opacity:{start:1, end:0}}, {frames:10,hook:"NFplayOnSubHide"});
		clip2 = new NF.anim.clip({clip:{start:{value:'0% 100% 100% 0%', refNode:"self"}, end:{value:'0% 0% 0% 0%', refNode:"self"}}}, {frames:12,reset:true,hook:"NFplayOnSubHide"});
		timeline = new NF.anim.timeline(clip1,'NFplayOnSubHide');
		timeline.addTrack(clip2);
		var subAnim_Hide_Replicator = new NF.replicator("transition", {master:timeline,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();
