//Menu object creation
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname

oCMenu.frames=0

//Menu properties   
oCMenu.pxBetween=7
oCMenu.fromLeft=20 
oCMenu.fromTop=0   
oCMenu.rows=1 
oCMenu.menuPlacement="center"
                                                             
oCMenu.offlineRoot="file:///F|/SVG/" 
oCMenu.onlineRoot="http://www.itk.ilstu.edu/faculty/javila/SVG/"
oCMenu.resizeCheck=1 
oCMenu.wait=1000 
oCMenu.fillImg="cm_fill.gif"
oCMenu.zIndex=0

//Background bar properties
oCMenu.useBar=1
oCMenu.barWidth="100%"
oCMenu.barHeight="menu" 
oCMenu.barClass="clBar"
oCMenu.barX=0 
oCMenu.barY=0
oCMenu.barBorderX=0
oCMenu.barBorderY=0
oCMenu.barBorderClass=""

//Level properties - ALL properties have to be specified in level 0
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
oCMenu.level[0].width=136
oCMenu.level[0].height=18 
oCMenu.level[0].regClass="clLevel0"
oCMenu.level[0].overClass="clLevel0over"
oCMenu.level[0].borderX=0
oCMenu.level[0].borderY=0
oCMenu.level[0].borderClass="clLevel0border"
oCMenu.level[0].offsetX=0
oCMenu.level[0].offsetY=0
oCMenu.level[0].rows=0
oCMenu.level[0].arrow=0
oCMenu.level[0].arrowWidth=0
oCMenu.level[0].arrowHeight=0
oCMenu.level[0].align="bottom"



//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu.level[1].width=oCMenu.level[0].width-1
oCMenu.level[1].height=18
oCMenu.level[1].regClass="clLevel1"
oCMenu.level[1].overClass="clLevel1over"
oCMenu.level[1].borderX=0
oCMenu.level[1].borderY=0
oCMenu.level[1].align="right" 
oCMenu.level[1].offsetX=0
oCMenu.level[1].offsetY=0
oCMenu.level[1].borderClass="clLevel1border"
//dynamic effect
oCMenu.level[1].clippx=2
oCMenu.level[1].cliptim=2
//special animation filters
oCMenu.level[1].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)" 


//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to specify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu.level[2].width=120
oCMenu.level[2].height=18
oCMenu.level[2].offsetX=0
oCMenu.level[2].offsetY=0
oCMenu.level[2].regClass="clLevel2"
oCMenu.level[2].overClass="clLevel2over"
oCMenu.level[2].borderClass="clLevel2border"


/******************************************
Menu item creation:
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) 
*************************************/
/***1. About the Tutorial  ***/

oCMenu.makeMenu('top0','','About the Tutorial','index.htm')

/***2. SVG overview  ***/	

oCMenu.makeMenu('top1','','SVG Overview')
	oCMenu.makeMenu('sub10','top1','Introduction','SVG_overview/introduction.htm')
	oCMenu.makeMenu('sub11','top1','Origins of SVG','SVG_overview/origins.htm')
	oCMenu.makeMenu('sub12','top1','Explaining SVG','SVG_overview/DefineSVG.htm')
	oCMenu.makeMenu('sub13','top1','SVG viewer & Browser','SVG_overview/SVG_viewer.htm')

	oCMenu.makeMenu('sub14','top1','Why Another Graphic Format >>','','',175,0)
		oCMenu.makeMenu('sub141','sub14','Vectors vs Bitmaps','SVG_overview/svg-vs-bitmap.htm','',130,0)
		oCMenu.makeMenu('sub142','sub14','SVG of Flash','SVG_overview/svg-vs-flash.htm','',130,0)



                  oCMenu.makeMenu('sub15','top1','Applications of SVG >>','','',130,0)
		oCMenu.makeMenu('sub151','sub15','Mobile','SVG_overview/mobile.htm','',130,0)
		oCMenu.makeMenu('sub152','sub15','Print & Web','SVG_overview/print_and_web.htm','',130,0)        
		oCMenu.makeMenu('sub153','sub15','Design & Interchange','SVG_overview/interchange.htm','',130,0)
		oCMenu.makeMenu('sub154','sub15','GIS & Mapping','SVG_overview/GIS_and_%20map.htm','',130,0)
		oCMenu.makeMenu('sub155','sub15','Embedded Systems','SVG_overview/embeded_sys.htm','',130,0)

                 oCMenu.makeMenu('sub16','top1','Quiz','SVG_overview/quiz.htm')


/***3. SVG Basics  ***/	


oCMenu.makeMenu('top2','','SVG Concepts')

	oCMenu.makeMenu('sub21','top2','Rendering Concept','SVG_basics/render_concept.htm')
	oCMenu.makeMenu('sub22','top2','SVG Document','SVG_basics/svg_doc.htm')
	oCMenu.makeMenu('sub23','top2','Basic Document Layout','SVG_basics/standalone_doc.htm')
	oCMenu.makeMenu('sub24','top2','SVG Data Types','SVG_basics/data_type.htm')
	oCMenu.makeMenu('sub25','top2','Styling in SVG','SVG_basics/styling.htm')
	oCMenu.makeMenu('sub26','top2','Grouping in SVG','SVG_basics/grouping.htm')
	oCMenu.makeMenu('sub27','top2','Referencing objects','SVG_basics/referencing.htm')
        oCMenu.makeMenu('sub28','top2','Embedded SVG in HTML','SVG_basics/embed_doc.htm')
        oCMenu.makeMenu('sub29','top2','Quiz','SVG_basics/quiz.htm')


/***4. Basic Drawing  ***/	

oCMenu.makeMenu('top3','','Basic Drawing')
	
                 oCMenu.makeMenu('sub31','top3','Getting Started','SVG_drawing1/getStarted.htm')	
                 oCMenu.makeMenu('sub32','top3','Graphical Objects','SVG_drawing1/g_objects.htm')	

	oCMenu.makeMenu('sub33','top3','Basic Shapes >>','','',90,0)
		oCMenu.makeMenu('sub331','sub33','Basic Shape Elements','SVG_drawing1/basic_shape_elements.htm','',130,0)
		oCMenu.makeMenu('sub332','sub33','Rectangle & Square','SVG_drawing1/rectangle.htm','',130,0)
		oCMenu.makeMenu('sub333','sub33','Circle & Ellipse','SVG_drawing1/circle.htm','',130,0)
		oCMenu.makeMenu('sub334','sub33','Polygon','SVG_drawing1/polygon.htm','',130,0)
		oCMenu.makeMenu('sub335','sub33','Line & Polyline','SVG_drawing1/line.htm','',130,0)

	oCMenu.makeMenu('sub34','top3','Path >>','','',60,0)
		oCMenu.makeMenu('sub341','sub34','About Path','SVG_drawing1/path.htm','',130,0)
		oCMenu.makeMenu('sub342','sub34','Line & Shape','SVG_drawing1/line_shape.htm','',130,0)
		oCMenu.makeMenu('sub343','sub34','Cubic Bezier Curve','SVG_drawing1/cubic_curve.htm','',130,0)
		oCMenu.makeMenu('sub344','sub34','Quadratic Bezier Curve','SVG_drawing1/quad_curve.htm','',130,0)
		oCMenu.makeMenu('sub345','sub34','Elliptical Curve','SVG_drawing1/elliptical_curve.htm','',130,0)
		
	oCMenu.makeMenu('sub35','top3','Text >>','','',60,0)
		oCMenu.makeMenu('sub351','sub35','About Text','SVG_drawing1/text.htm','',155,0)
		oCMenu.makeMenu('sub352','sub35','Font, Alignment &                  Direction','SVG_drawing1/font_align_direction.htm','',155,0)
		oCMenu.makeMenu('sub353','sub35','Word Wrapping','SVG_drawing1/word_wrap.htm','',155,0)
		oCMenu.makeMenu('sub354','sub35','Text on a Path','SVG_drawing1/text_path.htm','',155,0)
		
	oCMenu.makeMenu('sub36','top3','Quiz','SVG_drawing1/quiz.htm')


/***5. Painting & Effects  ***/		

        oCMenu.makeMenu('top4','','Painting & Effects')

	oCMenu.makeMenu('sub41','top4','Painting >>','','',100,0)
		oCMenu.makeMenu('sub411','sub41','Painting Operations','SVG_Drawing2/paint_operation.htm','',120,0)
		oCMenu.makeMenu('sub412','sub41','Color','SVG_Drawing2/color.htm','',120,0)
		oCMenu.makeMenu('sub413','sub41','Fill','SVG_Drawing2/fill.htm','',120,0)
		oCMenu.makeMenu('sub414','sub41','Stroke','SVG_Drawing2/stroke.htm','',120,0)
		oCMenu.makeMenu('sub415','sub41','Gradient','SVG_Drawing2/gradient.htm','',120,0)
		oCMenu.makeMenu('sub416','sub41','Pattern','SVG_Drawing2/pattern.htm','',120,0)


	oCMenu.makeMenu('sub42','top4','Filter Effect >>','','',110,0)
		oCMenu.makeMenu('sub421','sub42','Filter Primitives','SVG_Drawing2/filter.htm','',110,0)
		oCMenu.makeMenu('sub422','sub42','Filter Attributes','SVG_Drawing2/filter_attributes.htm','',110,0)
		oCMenu.makeMenu('sub423','sub42','Images Examples','SVG_Drawing2/filter_examples.htm','',110,0)
		oCMenu.makeMenu('sub424','sub42','Text Example','SVG_Drawing2/filter_example_text.htm','',110,0)

	oCMenu.makeMenu('sub43','top4','Transformation >>','','',110,0)
		oCMenu.makeMenu('sub431','sub43','Basics','SVG_Drawing2/transformation.htm','',100,0)
		oCMenu.makeMenu('sub432','sub43','Translation','SVG_Drawing2/translate.htm','',100,0)
		oCMenu.makeMenu('sub433','sub43','Rotation','SVG_Drawing2/rotate.htm','',100,0)
		oCMenu.makeMenu('sub434','sub43','Scaling & Skew','SVG_Drawing2/scale.htm','',100,0)

	oCMenu.makeMenu('sub44','top4','Quiz','SVG_Drawing2/quiz.htm')


/***6. Dynamic SVG  ***/		

        oCMenu.makeMenu('top5','','Dynamic SVG')
	oCMenu.makeMenu('sub51','top5','Animation >>','','',90,0)
		oCMenu.makeMenu('sub511','sub51','Basics','SVG_Drawing3/animation_basics.htm','',115,0)
		oCMenu.makeMenu('sub512','sub51','Attributes','SVG_Drawing3/animation_attributes.htm','',115,0)
		oCMenu.makeMenu('sub513','sub51','<animate>','SVG_Drawing3/a_animate.htm','',115,0)
		oCMenu.makeMenu('sub514','sub51','<animateColor>','SVG_Drawing3/a_animateColor.htm','',115,0)
		oCMenu.makeMenu('sub515','sub51','<animateMotion>','SVG_Drawing3/a_animateMotion.htm','',115,0)
		        oCMenu.makeMenu('sub516','sub51','<animateTransform>','SVG_Drawing3/a_animateTransform.htm','',115,0)
		oCMenu.makeMenu('sub517','sub51','<set>','SVG_Drawing3/a_set.htm','',115,0)

	oCMenu.makeMenu('sub52','top5','Interactivity >>','','',90,0)
		oCMenu.makeMenu('sub521','sub52','Basics','SVG_Drawing3/interactivity_basics.htm','',100,0)
		oCMenu.makeMenu('sub522','sub52','Linking','SVG_Drawing3/linking.htm','',100,0)
		oCMenu.makeMenu('sub523','sub52','Mouse Event','SVG_Drawing3/mouse_events.htm','',100,0)
		oCMenu.makeMenu('sub524','sub52','Keyboard Event','SVG_Drawing3/keyboard_events.htm','',100,0)
		oCMenu.makeMenu('sub525','sub52','Scripting','SVG_Drawing3/scripting.htm','',100,0)
		oCMenu.makeMenu('sub526','sub52','Using JavaScript','SVG_Drawing3/scripting_with_JS.htm','',100,0)

	oCMenu.makeMenu('sub53','top5','Quiz','SVG_Drawing3/quiz.htm')



//Leave this line - it constructs the menu
oCMenu.construct()