// Initialize WebDDM


function initWebDDM ()
{
    
        
	// Begin base menu
	var constMenuGroupWidth = 176;
	var constMenuGroupHeight = 120;
	
	var constMenuItemWidth = constMenuGroupWidth - 2;
	var constMenuItemHeight = 25;
	var constGapBetweenMenuItem = 5;
	
	
	
	var constMenuClipTransDuration = 24;
	var constMenuClipTransFrames = 6;
	var constMenuClipTransTransitionIn = 'west-to-east-slide';
	var constMenuClipTransTransitionOut = 'west-to-east-slide';
	
	var constMenuItemLeftGap = 1;
	
	var constSubMenuGroupLeftGap = constMenuGroupWidth / 2 + 1;
	var constSubMenuGroupTopGap = 0;
	
	var constSubMenuItemLeftGap = 1;
	var constGapBeteenSubMenuItem = 1;
	
	var constSubMenuGroupWidth = constMenuItemWidth;
	var constSubMenuItemWidth = constSubMenuGroupWidth - 2;
	var constSubMenuItemHeight = constMenuItemHeight;
	
	var constStyleClass = 't2p';
	var constStyleClassContainer = constStyleClass + '_container';
	var constStyleClassRollover = constStyleClass + '_rollover';
	
	var menu = {
		'position':'relative',
		'top':0,
		'left':2,
		'width':constMenuGroupWidth,
		'height':constMenuGroupHeight,
		'expand_menu':'auto',

		'items':{
			'top':0,
			'left':0,
			'width':constMenuGroupWidth,
			'height':constMenuGroupHeight,
			
			// Background item
			'background-item':{
				'width':constMenuGroupWidth, 
				'height':constMenuGroupHeight, 
				'left':0, 
				'top':0,
				'class':constStyleClassContainer
			},
			

            1:{
				'content':'<a href="http://www.zituyuan.com/t2p.php?mode=5" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#20851;&#20110;&#25105;&#20204;</a>',
				'cursor':'hand',
				'width':constMenuItemWidth, 
				'height':constMenuItemHeight, 
				'offsetLeft':constMenuItemLeftGap, 
				'offsetTop':constGapBetweenMenuItem,
				'class':constStyleClass,
				'class_rollover':constStyleClassRollover				
				
			},
			
			
			
			2:{
				'content':'<center>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#25216;&#26415;&#32972;&#26223; &nbsp;&nbsp;&nbsp; &nbsp; >></center>',
				'width':constMenuItemWidth, 
				'height':constMenuItemHeight, 
				'offsetLeft':0, 
				'offsetTop': constMenuItemHeight + constGapBetweenMenuItem,
				'class': constStyleClass,
				'class_menuopen':constStyleClassRollover,
				
				
				
					'items':{
					'top': -1,
					'left':constSubMenuGroupLeftGap,
					'width':constSubMenuGroupWidth,
					'height':constSubMenuItemHeight * 3 + constGapBeteenSubMenuItem * 2 ,
										
					/* Sliding submenu (clipTrans) configuration */
					'clipTrans':{
						'duration':constMenuClipTransDuration,
						'frames':constMenuClipTransFrames,
						'transitionIn':constMenuClipTransTransitionIn,
						'transitionOut':constMenuClipTransTransitionOut
					},
					
					// Background item
					'background-item':{
					    'top':-1,
					    'left':constSubMenuGroupLeftGap, 
						'width':constSubMenuGroupWidth, 
						'height':constSubMenuItemHeight * 3 + constGapBeteenSubMenuItem * 2 + 2 + 8, 
						'class':constStyleClassContainer
					},

					1:{
						'content':'<a href="http://www.zituyuan.com/t2p.php?mode=6" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#22270;&#29255;&#26684;&#24335;</a>',
						'cursor':'hand',
						'width':constSubMenuItemWidth, 
						'height':constSubMenuItemHeight, 
						'offsetLeft':constSubMenuItemLeftGap, 
						'offsetTop':2,
						'class': constStyleClass,
						'class_rollover':constStyleClassRollover
					},
					2:{
						'content':'<a href="http://www.zituyuan.com/t2p.php?mode=7" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#23383;&#20307;&#22788;&#29702;</a>',
						'cursor':'hand',
						'width':constSubMenuItemWidth, 
						'height':constSubMenuItemHeight, 
						'offsetLeft':0, 
						'offsetTop':constGapBeteenSubMenuItem + constSubMenuItemHeight,
						'class':constStyleClass,
						'class_rollover': constStyleClassRollover
					},
					3:{
						'content':'<a href="http://www.zituyuan.com/t2p.php?mode=8" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#26679;&#26412;&#27604;&#36739;</a>',
						'cursor':'hand',
						'width':constSubMenuItemWidth, 
						'height':constSubMenuItemHeight, 
						'offsetLeft':0, 
						'offsetTop':constGapBeteenSubMenuItem + constSubMenuItemHeight,
						'class':constStyleClass,
						'class_rollover':constStyleClassRollover
					}
				}			
			},
			
			
			3:{
				'content':'<a href="http://www.zituyuan.com/t2p.php?mode=9" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&#20351;&#29992;&#24110;&#21161;</a>',
				'cursor':'hand',
				'width':constMenuItemWidth, 
				'height':constMenuItemHeight, 
				'offsetLeft':0, 
				'offsetTop': constMenuItemHeight + constGapBetweenMenuItem,
				'class':constStyleClass,
				'class_rollover':constStyleClassRollover				
				
			},
			
			
			4:{
				'content':'<center>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#22806;&#37096;&#38142;&#25509; &nbsp;&nbsp;&nbsp; &nbsp; >></center>',
				'width':constMenuItemWidth, 
				'height':constMenuItemHeight, 
				'offsetLeft':0, 
				'offsetTop': constMenuItemHeight + constGapBetweenMenuItem,
				'class': constStyleClass,
				'class_menuopen':constStyleClassRollover,
				
				
				
					'items':{
					'top': -1,
					'left':constSubMenuGroupLeftGap,
					'width':constSubMenuGroupWidth,
					'height':constSubMenuItemHeight * 3 + constGapBeteenSubMenuItem * 2 ,
										
					/* Sliding submenu (clipTrans) configuration */
					'clipTrans':{
						'duration':constMenuClipTransDuration,
						'frames':constMenuClipTransFrames,
						'transitionIn':constMenuClipTransTransitionIn,
						'transitionOut':constMenuClipTransTransitionOut
					},
					
					// Background item
					'background-item':{
					    'top':-1,
					    'left':constSubMenuGroupLeftGap, 
						'width':constSubMenuGroupWidth, 
						'height':constSubMenuItemHeight * 3 + constGapBeteenSubMenuItem * 2 + 2 + 8, 
						'class':constStyleClassContainer
					},

					1:{
						'content':'<a href="http://www.text-image.com" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Text Image</a>',
						'cursor':'hand',
						'width':constSubMenuItemWidth, 
						'height':constSubMenuItemHeight, 
						'offsetLeft':constSubMenuItemLeftGap, 
						'offsetTop':2,
						'class': constStyleClass,
						'class_rollover':constStyleClassRollover
					},
					2:{
						'content':'<a href="http://www.txt2png.com" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Text To PNG Image</a>',
						'cursor':'hand',
						'width':constSubMenuItemWidth, 
						'height':constSubMenuItemHeight, 
						'offsetLeft':0, 
						'offsetTop':constGapBeteenSubMenuItem + constSubMenuItemHeight,
						'class':constStyleClass,
						'class_rollover': constStyleClassRollover
					},
					3:{
						'content':'<a href="http://www.text2png.com" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Web Text To Image</a>',
						'cursor':'hand',
						'width':constSubMenuItemWidth, 
						'height':constSubMenuItemHeight, 
						'offsetLeft':0, 
						'offsetTop':constGapBeteenSubMenuItem + constSubMenuItemHeight,
						'class':constStyleClass,
						'class_rollover':constStyleClassRollover
					}
				}	
			}
			
            
			
		}
	};
	// End base menu

	// Activate and build menu
	var slidingMenu = new WebDDM('menu', menu);
}