/*

READ COMMENTS CAREFULLY..........

THERE ARE TWO JAVASCRIPT FILES 

mmenu.js			It has all the functions to build menus....You will not need to change in this.
					So don't change anything unless you are evry sure.

menu_array.js		It has all the configuration detail....style sheets and menu names link.
					To configure your menu you will change only this.

I will mark comments within

/////////////////////////////////////////
/////////////////////////////////////////
	// HERE WILL BE MY COMMENTS
/////////////////////////////////////////
/////////////////////////////////////////

// CODE 
// CODE

/////////////////////////////////////////
/////////////////////////////////////////
//////////////////////////////////////////	(THIS SHOWS COMMENT FINISHED)



I will also write some commented code to change the layout so uncomment that... and see the change.
I will tell you what to comment and what to uncomment.

*/

///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////
// LEAVE THE FOLLOWING LINE AS IT IS
///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////
var menunum=0;
var menus=new Array();
function addmenu()
{
	menunum++;
	menus[menunum]=menu;
}
function dumpmenus()
{
	mt="<script language=javascript>";
	for(a=1;a<menus.length;a++)
	{
		mt+=" menu"+a+"=menus["+a+"];"
		//alert(menus[a]);
	}
	mt+="<\/script>";
	
	//THIS WRITES TO MENU ON YOUR PAGE.
	// Keep it here only and to position it in your page...use menu property array...
	// when u call addmenu function. You will see ie later.
	document.write(mt)
}
///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////



///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////
// Editable properties START here 
///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////



///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////
// Special effect string for IE5.5 or above 

//visit http://www.milonic.co.uk/menu/filters_sample.php for more filters

// THIS IS NOT THAT IMPORTANT SO YOU CAN LEAVE IT.
///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////
if(navigator.appVersion.indexOf("MSIE 6.0")>0)
{
	// control will come here if....
	// you are using IE6.0 or more.

	// so when menu will come....it will fade for .2 seconds.
	// you can change duration=0.0, if you don't want this.
	effect = "Fade(duration=0.2);"
	
	// this will show the transparency only in IE6 or more.
	// if you have IE6.0 or more try change opacity=100 and see....
	// the value of opacity will be between 0 to 100.
	effect += "Alpha(style=0,opacity=88);"
	
	// this doesn't affect much so leave it.
	effect += "Shadow(color='#777777', Direction=135, Strength=5)"
}
else
{
	// control will come here if your browser is not IE 6.0 or more.

	// this doesn't affect much so leave it.
	effect = "Shadow(color='#777777', Direction=400, Strength=5)"
}
///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////


///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////
// THIS IS IMPORTANT.
///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////

/**
This time specifies that how long your menu should be visible when you take your mouse 
away from the menu.
time is specified in milli seconds. so 1000 milliseconds = 1 second.
*/
timegap=300			

// leave it as it is
// Follow Scrolling speed
followspeed=0		
// leave it as it is
// Follow Scrolling Rate
followrate=40			

/**
These two variable specifies the location of your Sub Menu with respect to Main Menu.
change both of them to 10 and see how submenu appears.
*/
suboffset_top=0;		
suboffset_left=0;		

/**
This is style attached to one layer of menu......
layer of menu means style for all top level menus.
you can make one more styl style2 for your one sub level menu.
similarly for other sub level you can make separate styles or use existing styles.
It will be shown below when you will make your menu, how to change the styles?
*/

style1=[				// style1 is an array of properties. You can have as many property arrays as you need. 
						// This means that menus can have their own style.

"ffffff",					// Font Color of menu layer
"B32E30",				// Background Color of menu layer
"B32E30",				// Mouse Over Font Color of menu layer
"FFCF72",				// Mouse Over Background Color of menu layer
"FFFFFF",				// Menu Border Color 
10,						// Font Size in pixels
"normal",				// Font Style (italic or normal)
"bold",					// Font Weight (bold or normal)
"Verdana, Arial",		// Font Name

4,						// Menu Item Padding
						// means from where your sub menu will start. Actually this works as a 
						// left offset for menu items inside the table.
						// change it to 0 or 10 and see the menus.
												
"image/arrow.gif",			// Sub Menu Image (Leave this blank if not needed)
						// If you have SUB SUB menu then this image (small right arrow) will appear
						// with your SUBMENU indicating that this SUBMENU contains another SUBMENU.

,						// 3D Border & Separator bar (Leave This)
"66ffff",				// 3D High Color (Leave This)
"000099",				// 3D Low Color (Leave This)

"ffffff",				// Current Page Item Font Color (leave this blank to disable) (Leave This)

"B22D30",					// Current Page Item Background Color (leave this blank to disable)
						// (Leave This)

"images/arrowdn.gif",			// Top Bar image (Leave this blank to disable)
						// this is the image for top menu only, if it has sub menu then it will show
						// a little down arrow with your menu.

"B32E30",				// Menu Header Font Color (Leave blank if headers are not needed)
						// (Leave This)
"000099",				// Menu Header Background Color (Leave blank if headers are not needed)
						// (Leave This)
]

// If you want to make other styles just copy existing style1 and rename it and change the property
// which you want to change.



/**
	THIS IS VERY IMPORTANT. HERE YOU WILL SPECIFY YOU MENU TEXT / IMAGE.

	Here addmenu() is a javascript function defined on the top of this file. 
	you will make a array of menu[]
	and pass it to addmenu.
	it is like 

	addmenu( menu=[a,b,c,d,.....,z] )

	where a,b,c,d,....,z		are different properties. and you should use them in the same order.

	now this is your addmenu function.
	
	menus=new Array();			...............1
	function addmenu()			...............2
	{							...............3
		menunum++;				...............4
		menus[menunum]=menu;	...............5
	}							...............6

	here we make a array menus (in line 1).
	in line 2 our function is not taking any parameter but in line 5 its taking the menu variable 
	which we pass to it and stores in a separate "menus" array.

	so that means first we make a "menu" array and pass it to function addmenu which atores all these
	"menu" arrays in an another array "menus".

	NOW YOU CLOSELY SEE WHAT ARE ALL THE PROPERTIES WHICH YOU CAN SPECIFY FOR YOUR "MENU" ARRAY
	BECAUSE YOUR MENU AND SUBMENU LOOK AND FEEL DEPENDS ON THIS.
*/
if(screen.width==1024)
{
	screen_left=115
}
else if(screen.width==800)
{
	screen_left=5
}
else if(screen.width==1280)
{
	screen_left=240
}
else
{
screen_left=150
}

addmenu(
menu=[				// This is the array that contains your menu properties and details
"mainmenu",			// Menu Name - This is needed in order for the menu to be called
					// GIVE A UNIQUE NAME TO ALL YOUR MENUS.

32,				// Menu Top - The Top position of the menu in pixels
screen_left,
//280,					// Menu Left - The Left position of the menu in pixels
					// THIS IS YOUR MAIN MENUS TOP AND LEFT POSITION. WHEN YOU CHANGE THIS...
					// ALL SUBMENUS WILL ALSO CHANGE AUTOMATICALLY.
					// CHANGE TOP TO 0 AND LEFT TO 100 AND SEE.

,					// Menu Width - Menus width in pixels
					// This is menu width means when you load your page you see different menus..
					// top level menus. so you can fix a width for all your menu items say 100.
					// if you don't specify anything then its width will depend upon its content.
					// now suppose you have a menu item "News Sites" and you make the menu width 
					// to 50 so... your "News" and "Sites" word will come in separate lines.
					// so make sure that if you have spaces between your menu items use "&nbsp;"
					// so your news sites will be "News&nbsp;&nbsp;Sites" then it will come
					// in a single line.
					// TRY TO PUT 100, AND SEE WHAT HAPPENS.

1,					// Menu Border Width 

,					// Screen Position - here you can use "center;left;right;middle;top;bottom" 
					// or a combination of "center:middle"
					// So if you define "left" (make sure you have quotes.....otherwise it will give 
					// error - 'left is undefined'.
					// So if you define left then your menu 

style1,				// Properties Array - this is set higher up, as above
					// so here you can reference to other style array also and you define 
					// it above as defined style1.
	
1,					// Always Visible - allows the menu item to be visible at all time (1=on/0=off)

"left",				// Alignment - sets the menu elements text alignment, 
					// values valid here are: left, right or center

effect,				// Filter - Text variable for setting transitional effects on menu activation 
					// - see above for more info

,					// Follow Scrolling - Tells the menu item to follow the user down the screen 
					//(visible at all times) (1=on/0=off)

1, 					// Horizontal Menu - Tells the menu to become horizontal instead of top to bottom 
					// style (1=on/0=off)

,					// Keep Alive - Keeps the menu visible until the user moves over another 
					// menu or clicks elsewhere on the page (1=on/0=off)

,					// Position of TOP sub image left:center:right

,					// Set the Overall Width of Horizontal Menu to 100% and height to the 
					//specified amount (Leave blank to disable)

,					// Right To Left - Used in Hebrew for example. (1=on/0=off)
,					// Open the Menus OnClick - leave blank for OnMouseover (1=on/0=off)
,					// ID of the div you want to hide on MouseOver (useful for hiding form elements)
,					// Reserved for future use
,					// Reserved for future use
,					// Reserved for future use

// Here you start specifying your text / image for your menu.
// The Format is :-

// "Description Text", "URL", "Alternate URL", "Status", "Separator Bar"

// Here you can change / add your Description Text and URL etc.
//If you want to add an image see below in second addmenu call 
// where i have put a image advertisehere.gif.


,"&nbsp;&nbsp;&nbsp;&nbsp;Home&nbsp;&nbsp;&nbsp;&nbsp;","Index.asp","Back To Home","",1


// Remeber i told you about these &nbsp; above.
// See here in place of URL you have show-menu=news which displays "news" menu inside this menu.
// This is how you can add multiple submenus.

// Now the last thing is "1" which describes that you need a seperator bar.
// If you put it 0 then you won't be having a seperator bar.
// here you will get horizontal seperator bar.
,"About&nbsp;&nbsp;Us&nbsp;&nbsp;&nbsp;&nbsp;","show-menu=aboutus",,"",1

,"Membership&nbsp;&nbsp;&nbsp;&nbsp;","show-menu=membership",,"",1

,"&nbsp;&nbsp;&nbsp;&nbsp;Calendar&nbsp;&nbsp;&nbsp;&nbsp;","show-menu=joblinks",,"",1

,"&nbsp;&nbsp;Job&nbsp;&nbsp;Links&nbsp;&nbsp;","job_links.asp",,"",1
,"&nbsp;Individual&nbsp;Members’&nbsp;Expertise&nbsp;&nbsp;","show-menu=prodev",,"",1
,"&nbsp;Partners","partners.asp",,"",1
,"&nbsp;&nbsp;FAQ&nbsp;&nbsp;","faq_page.asp","","",1
,"&nbsp;Contact&nbsp;Us&nbsp;&nbsp;","contact_us.asp","","",1


// don't forget to close the brackets.
])

	
	addmenu(
	// here everything is been difined in two lines. It is already explined above.
	// And here is your "news" menu, which is defined as a menu name.
	// This "news" menu is referenced in the above showmenu call where you have used]
	// "show-menu=news"
	menu=["aboutus",
	,,,1,"",style1,,"left",effect,,,,,,,,,,,,
	
	// this is how you put a image.....
	// this time on your image mouse over it will display "generalnews" menu.
	// because here in place of URL it is defined "show-menu=generalnews"

	// here you will get a vertical seperator bar....
	//,"<img src='advertisehere.gif'>","show-menu=generalnews",,,1

	// Suppose you don't want any submenu in "Technology" so just delete "show-menu=technonews"
	// try it and see... or you can put some url in place of this.
	//,"Technology","show-menu=technonews",,,1

	,"Leadership&nbsp;&nbsp;Team&nbsp;","about_us_vision.asp",,,1
	,"History&nbsp;&nbsp;","about_us_history.asp",,,1
	])
	
	 
	addmenu(
	menu=["membership",
	,,,1,"",style1,,"left",effect,,,,,,,,,,,,

	,"Individuals&nbsp;","individual_benefits.asp",,,1
	,"Organizations&nbsp;","org_mem_benefits.asp",,,1
	])
	
	 
	addmenu(
	menu=["prodev",
	,,,1,"",style1,,"left",effect,,,,,,,,,,,,

	,"Registered&nbsp;Businesses&nbsp;of&nbsp;Members","Pro_ser_view.asp",,,1
	,"Consultancy&nbsp;Expertise&nbsp;of&nbsp;Members","con_expertise_view.asp",,,1
	,"Profiles&nbsp;of&nbsp;Individual&nbsp;Members&nbsp;","pro_ind_members.asp",,,1
	,"Testimonials&nbsp;","testimonials.asp",,,1
	])
	
	addmenu(
	menu=["joblinks",
	,,,1,"",style1,,"left",effect,,,,,,,,,,,,

	,"Upcoming&nbsp;&nbsp;Events","s_p_upcoming.asp",,,1
	,"Completed&nbsp;&nbsp;Events","s_p_completed.asp",,,1
	])
	


/*
	addmenu(menu=["webmaster",
	,,170,1,"",style1,,"left",effect,,,,,,,,,,,,

	// Now see there is one good thing......
	// point your mouse on "Webmaster" and you will see a drop down menu which starts with a image
	// which is defined here newsimage.gif

	// Now when you take your mouse on this link the image changes... but you are not specifying 
	// here anywhere your roll over image.

	// Actually.... javascript function is automatically rolling over to newsimage_over.gif
	// If there is no such image then it will only show your newsimage.gif image
	// try to rename newsimage_over.gif and see your rollover image doesn't come.
	,"<img src=newsimage.gif border=0>&nbsp;Dynamic Drive","http://www.dynamicdrive.com",,,1
	,"<img src=newsimage.gif border=0>&nbsp;JavaScript Kit","http://www.javascriptkit.com",,,1
	,"<img src=newsimage.gif border=0>&nbsp;Freewarejava.Com","http://www.freewarejava.com",,,1
	,"<img src=newsimage.gif border=0>&nbsp;Active-X.com","http://www.active-x.com",,,1
	,"<img src=newsimage.gif border=0>&nbsp;Web Monkey","http://www.webmonkey.com",,,1
	,"<img src=newsimage.gif border=0>&nbsp;Jars","http://www.jars.com",,,1
	])
*/

dumpmenus()