var click_menu = false; // this flag check onclick menu in task bar.
    _timeout = 0.2; // set time out slideup and down
    function ddl_closeAll(){
        if(!click_menu){
            var obj_menu =document.getElementById("sidemenubar");
            var obj_app =document.getElementById("sideapp");
            if(obj_menu.name=="true")
            {
                Effect.SlideUp(obj_menu.id,{duration:_timeout});
                obj_menu.name = 'false';
            }
            if(obj_app.name=="true")
            {
                Effect.SlideUp(obj_app.id,{duration:_timeout});
                obj_app.name = 'false';
            }
            var html1 = document.getElementById("ddl_sub1");
            html1.style.display='none';
            var html2 = document.getElementById("ddl_sub2");
            html2.style.display='none';
        }else{
            click_menu = false;
        }
	}
	function runmenu(){
		var obj_menu =document.getElementById("sidemenubar");
		var obj_app =document.getElementById("sideapp");
		if(obj_app.name=="true")
		{
			obj_app.name = "false";
			Effect.SlideUp(obj_app.id,{duration:_timeout});
        }
		if(obj_menu.name=="true")
		{
			obj_menu.name = "false";
			Effect.SlideUp(obj_menu.id,{scaleFrom:50,duration:_timeout});
            //obj_menu.style.display='none';
			var html1 = document.getElementById("ddl_sub1");
			html1.style.display='none';
			var html2 = document.getElementById("ddl_sub2");
			html2.style.display='none';
		}
		else{
			obj_menu.name = "true";
			genMenu(obj_menu);
            Effect.SlideDown(obj_menu.id,{scaleFrom:50,duration:_timeout});
            //obj_menu.style.visibility='visible';
			//obj_menu.style.display='';
		}
                click_menu = true;
        }
	function runmenuapp(){
		var obj_app = document.getElementById("sideapp");
		var obj_menu = document.getElementById("sidemenubar");
                if(obj_menu.name=="true")
		{
			obj_menu.name = "false";
            Effect.SlideUp(obj_menu.id,{duration:_timeout});
			var html1 = document.getElementById("ddl_sub1");
			html1.style.display='none';
			var html2 = document.getElementById("ddl_sub2");
			html2.style.display='none';
		}
		if(obj_app.name=="true")
		{
            Effect.SlideUp(obj_app.id,{scaleFrom:50,duration:_timeout});
            obj_app.name = "false";
		}
		else{
            //alert(obj_app.name);
            obj_app.name = "true";
            Effect.SlideDown(obj_app.id,{scaleFrom:50,duration:_timeout});
            //obj_app.name = "true";
            //obj_app.style.visibility='visible';
            //obj_app.style.display='block';
		}
                click_menu = true;
	}
	function genMenu(obj){
		var alllinks=obj.getElementsByTagName("a");
		var count = 0
		while(count<alllinks.length){
		//for (var i=0; i<alllinks.length; i++){
			if (alllinks[count].getAttribute('rel')){
				var ref =document.getElementById(alllinks[count].getAttribute('rel'));
				if(alllinks[count].getElementsByTagName("label").length == 0){ 
				//new Insertion.Bottom(alllinks[count],"<label>></label>");
				alllinks[count].onmouseover = function(){ genList(this,0,this["offsetTop"],this.parentNode.parentNode["offsetHeight"])};
				//alllinks[count].onmouseout = function(){ closeItem(this,0)};
				}
			}
			count++;
			
		}
	}
	
	function genList(obj,index,offsetTop,offsetHeight){
		var name = obj.getAttribute("rel");
		var sub = document.getElementById(name);
		var subs = sub.getElementsByTagName("a");
		var genli = "";
		var left = 185+(index*200);
		for (var c=0; c<subs.length; c++){
			if (subs[c].getAttribute('rel') && subs[c].getElementsByTagName("label").length == 0){
				new Insertion.Bottom(subs[c],"<label>></label>");
				subs[c].onmouseover = function(){ genList(this,index+1,this["offsetTop"],this.parentNode.parentNode["offsetHeight"])};
				subs[c].onmouseout = function(){ closeItem(this,index+1)};
			}
			genli += "<li>"+subs[c].parentNode.innerHTML+"</li>";
		}
		var html;
		if(index=="0"){
			html = document.getElementById("ddl_sub1");
		}
		else{
			html = document.getElementById("ddl_sub2");
		}
		html.innerHTML = "<div class='app-menu'><ul>"+genli+"</ul></div><div class='menu-under-shadow'></div>";
		html.className = "menu-upper-shadow";
		html.name = "off";
		html.rel = name;
		html.style.display = "block";
		html.style.left = left+"px";
		var bottom =(offsetHeight-offsetTop)-html["offsetHeight"]+100;
		if (bottom<50){
			bottom = 50;
		}
		html.style.bottom = bottom+"px";
		html.style.width = 142+"px";
	}
	
	function closeItem(obj,index){
	//var b = document.getElementById(name);
		setTimeout(function(){ddlClose(obj,index)},100);
	
	}
	
	function ddlClose(obj,index){
		if(index=="0"){
			html = document.getElementById("ddl_sub1");
		}
		else{
			html = document.getElementById("ddl_sub2");
		}
		//if(html.name != "on" && obj.getAttribute("rel") != html.rel){
		html.style.display = "none";
		html.name = "off";
	//}
	}
	
	function setddlover(name){
		var obj = document.getElementById(name);
		obj.name = "on";
	}