var menus=[{text:'走进顺忆',isExpand:false,id:'43',closeIcon:'',expandIcon:'',url:''
,children:[{text:'关于顺忆',isExpand:false,id:'44',closeIcon:'',expandIcon:'',url:'abouts.aspx'},
{text:'顺忆理念',isExpand:false,id:'45',closeIcon:'',expandIcon:'',url:'abouts.aspx?channelId=45'},
{text:'顺忆荣誉',isExpand:false,id:'46',closeIcon:'',expandIcon:'',url:'abouts.aspx?channelId=46'},
{text:'顺忆新闻',isExpand:false,id:'47',closeIcon:'',expandIcon:'',url:'abouts.aspx?channelId=47'},
//{text:'顺忆价格',isExpand:false,id:'48',closeIcon:'',expandIcon:'',url:'abouts.aspx?channelId=48'},
{text:'门诊时间',isExpand:false,id:'49',closeIcon:'',expandIcon:'',url:'abouts.aspx?channelId=49'}
]},
{text:'爱雅团队',isExpand:false,id:'50',closeIcon:'',expandIcon:'',url:'team.aspx'
,children:[{text:'医护团队',isExpand:false,id:'51',closeIcon:'',expandIcon:'',url:'team.aspx?channelId=51'},
{text:'精英加盟',isExpand:false,id:'52',closeIcon:'',expandIcon:'',url:'team.aspx?channelId=52'}
]},
{text:'案例展示',isExpand:false,id:'102',closeIcon:'',expandIcon:'',url:'casees.aspx'
,children:[{text:'美容修复',isExpand:false,id:'54',closeIcon:'',expandIcon:'',url:'casees.aspx?channelId=54'},
{text:'口腔修复',isExpand:false,id:'55',closeIcon:'',expandIcon:'',url:'casees.aspx?channelId=55'},
{text:'口腔预防',isExpand:false,id:'56',closeIcon:'',expandIcon:'',url:'casees.aspx?channelId=56'},
{text:'口腔治疗',isExpand:false,id:'57',closeIcon:'',expandIcon:'',url:'casees.aspx?channelId=57'},
{text:'口腔正畸',isExpand:false,id:'58',closeIcon:'',expandIcon:'',url:'casees.aspx?channelId=58'},
{text:'口腔外科',isExpand:false,id:'59',closeIcon:'',expandIcon:'',url:'casees.aspx?channelId=59'},
{text:'口腔种植',isExpand:false,id:'60',closeIcon:'',expandIcon:'',url:'casees.aspx?channelId=60'}
]},
//{text:'服务项目',isExpand:false,id:'53',closeIcon:'',expandIcon:'',url:'service.aspx'
//,children:[]},
{text:'常规问答',isExpand:false,id:'61',closeIcon:'',expandIcon:'',url:'questions.aspx'
,children:[{text:'美容类',isExpand:false,id:'62',closeIcon:'',expandIcon:'',url:'questions.aspx?channelId=62'},
{text:'保健类',isExpand:false,id:'63',closeIcon:'',expandIcon:'',url:'questions.aspx?channelId=63'},
{text:'植牙类',isExpand:false,id:'64',closeIcon:'',expandIcon:'',url:'questions.aspx?channelId=64'},
{text:'正畸类',isExpand:false,id:'65',closeIcon:'',expandIcon:'',url:'questions.aspx?channelId=65'}
]},
{text:'在线咨询',isExpand:false,id:'66',closeIcon:'',expandIcon:'',url:''
,children:[]},
{text:'会员服务',isExpand:false,id:'67',closeIcon:'',expandIcon:'',url:'servicecenter.aspx'
,children:[{text:'会员服务',isExpand:false,id:'68',closeIcon:'',expandIcon:'',url:'servicecenter.aspx'},
{text:'消毒流程',isExpand:false,id:'69',closeIcon:'',expandIcon:'',url:'servicecenter.aspx?channelId=69'},
{text:'投诉建议',isExpand:false,id:'70',closeIcon:'',expandIcon:'',url:'servicecenter.aspx?channelId=70'}
]},
{text:'爱牙方法',isExpand:false,id:'71',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx'
,children:[{text:'牙 刷',isExpand:false,id:'72',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=72'},
{text:'牙 膏',isExpand:false,id:'73',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=73'},
{text:'牙线',isExpand:false,id:'74',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=74'},
{text:'牙间隙刷',isExpand:false,id:'75',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=75'},
{text:'漱口水',isExpand:false,id:'76',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=76'},
{text:'刷 牙',isExpand:false,id:'77',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=77'},
{text:'口腔知识',isExpand:false,id:'78',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=86'
,children:[{text:'口腔正畸',isExpand:false,id:'86',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=80'},
{text:'口腔美容',isExpand:false,id:'87',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=87'},
{text:'口腔种植',isExpand:false,id:'88',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=88'},
{text:'口腔治疗',isExpand:false,id:'89',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=89'}
]},
{text:'齿科保健',isExpand:false,id:'79',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=80'
,children:[{text:'妇幼保健',isExpand:false,id:'80',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=80'},
{text:'儿童保健',isExpand:false,id:'81',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=81'},
{text:'学生保健',isExpand:false,id:'82',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=82'},
{text:'青少年保健',isExpand:false,id:'83',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=83'},
{text:'成人保健',isExpand:false,id:'84',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=84'},
{text:'老年保健',isExpand:false,id:'85',closeIcon:'',expandIcon:'',url:'procetknowlage.aspx?channelId=85'}
]}
]}//,
//{text:'交通指南',isExpand:false,id:'90',closeIcon:'',expandIcon:'',url:'address.aspx'
//,children:[{text:'联系我们',isExpand:false,id:'91',closeIcon:'',expandIcon:'',url:'address.aspx?channelId=91'},
//{text:'思明区看牙',isExpand:false,id:'92',closeIcon:'',expandIcon:'',url:'address.aspx?channelId=92'},
//{text:'湖里区看牙',isExpand:false,id:'93',closeIcon:'',expandIcon:'',url:'address.aspx?channelId=93'},
//{text:'集美区看牙',isExpand:false,id:'94',closeIcon:'',expandIcon:'',url:'address.aspx?channelId=94'},
//{text:'海沧区看牙',isExpand:false,id:'95',closeIcon:'',expandIcon:'',url:'address.aspx?channelId=95'},
//{text:'同安区看牙',isExpand:false,id:'96',closeIcon:'',expandIcon:'',url:'address.aspx?channelId=96'},
//{text:'翔安区看牙',isExpand:false,id:'97',closeIcon:'',expandIcon:'',url:'address.aspx?channelId=97'}
//]}

];
Site.onReady(function(){
var menu_lis=Site.getElements(null,"li",Site.$('ul_menu'));
for(var l=0;l<menu_lis.length;l++){
   Site.Handler.add(menu_lis[l],"mouseover",showChildMenu);
}
var data_for53=[];
function showChildMenu(){
    var id=this.id.split('_')[1];
    var children=[];
    if(id=='53'&&data_for53.length<=0)//服务项目，分类
    {
       var li=this;
       var r=new Site.Ajax({
            action:'get',
            url:'/tools/clientrequest.ashx',
            parameters:{action:53,channelId:53},
            success:function(json){
                  data_for53=[];
                  for(var j=0;j<json.length;j++){
                     var c={}
                     c.text=json[j]["className"];
                     c.url="showservice.aspx?channelId=53&classid="+json[j].classId;
                     data_for53.push(c);
                  }
                 var k2=new childMenuBox({
                    children:data_for53,
                    srcElement:li,
                    showMode:'vertical',
                    hideEventType:'mousemove'
                });
                k2.show();
            }
       });
       r.request();
       return;
    }
    if(id=='53') 
    { 
        children=data_for53;
    }
    else
    {
        for(var i=0;i<menus.length;i++){
            if(menus[i].id==id){
                children=menus[i].children
                break;
            }
        }
    }
    if(children.length<=0) return;
    var k=new childMenuBox({
        children:children,
        srcElement:this,
        showMode:'vertical',
        hideEventType:'mousemove'
    });
    k.show();
}
});
/*
id:子菜单的容器的id
children:[{text:'',url:'',id:'',childern:[]}]//子菜单数的数据结构
scrElement:object//触发显示子菜单的元素
showMode:'vertical'||'horizontal'//子菜单，相对触发显示显示方式,垂直，和水平,default:vertical
showEventType:'mousemove'||'click'//监听body显示方式，默认mousemove
hideMode:'mouseout' || 'outclick'//隐藏方式 outclick 点击范围外面，隐藏
如：
function showMenu(srcElement){
    var k=new childMenuBox({
        children:[{text:'菜单1',url:'#',id:''},{text:'菜单1',url:'#',id:''},{text:'菜单1',url:'#',id:''},{text:'菜单1',url:'#',id:''},{text:'菜单1',url:'#',id:''}],
        srcElement:srcElement,
        showMode:'vertical',
        hideEventType:'mousemove'
    });
    k.show();
}
*/
function childMenuBox(configs){
    this.id=configs.id;
    this.srcElement=configs.srcElement;
    this.data=configs.children;
    this.showRanges=[];
    this.menubox=null;
    this.addKeepShowListener=null;
    this.showMode=configs.showMode?configs.showMode:'vertical';
    this.hideEventType=configs.hideEventType?configs.hideEventType:'mousemove';
    this.init();
}
//初始化
childMenuBox.prototype.init=function(){
    this.menubox=this.html();
}
//创建起html
childMenuBox.prototype.html=function(){
    var ul=Site.createElement("ul",{className:'childmenu'});
    var menubox=Site.createElement("div",{id:this.id,className:'childmenubox'},ul);
    Site.getBody().appendChild(menubox);
    for(var i=0;i<this.data.length;i++){
         var a=Site.createElement("a",{href:this.data[i].url},this.data[i].text);
         var li=Site.createElement("li",null,a);
         ul.appendChild(li);
    }
    return menubox;
}
//显示菜单
childMenuBox.prototype.show=function(){
    if(!this.menubox) return;
    //计算显示的位置
    if(this.showMode=='vertical'){//垂直模式的话，则触发体的top加上其高度
       this.menubox.style.top=String(Site.getElementY(this.srcElement)+this.srcElement.clientHeight)+"px";
       this.menubox.style.left=Site.getElementX(this.srcElement)+"px";
    }
    else{
       this.menubox.style.top=String(Site.getElementY(this.srcElement)-this.menubox.clientHeight/2)+"px";
       this.menubox.style.left=String(Site.getElementX(this.srcElement)+this.srcElement.clientWidth)+ "px";
    }
   this.menubox.style.display="";
   var menubox=this;
   if(!this.addKeepShowListener)
   { 
      //计算可显示的范围,触发元素和子菜单放进去计算
      this.countRange([this.menubox,this.srcElement]);
      this.addKeepShowListener=function(event){
          var e= event||window.event;
          //遍历范围，并判断是否有超过这些范围,如果超过则隐藏
          //每一组的条件都符合情况下才隐藏 range1&&range2都符合隐藏条件下才隐藏,如果符合则加1
          //如果符合数与this.showRanges.length的长度一样，则说可以隐藏
          var ishideCount=0;
          for(var i=0;i<menubox.showRanges.length;i++){
             if(e.clientX<menubox.showRanges[i].xStart||e.clientX>menubox.showRanges[i].xEnd||e.clientY<menubox.showRanges[i].yStart||e.clientY>menubox.showRanges[i].yEnd){
                ishideCount++;
             }
          }
          if(ishideCount==menubox.showRanges.length)  menubox.hide();
      }
      Site.Handler.add(Site.getBody(),this.hideEventType,this.addKeepShowListener);   
   }
}
//隐藏菜单
childMenuBox.prototype.hide=function(){
    this.menubox.style.display="none";
    Site.Handler.remove(Site.getBody(),this.hideEventType,this.addKeepShowListener);//清除监听....
    Site.getBody().removeChild(this.menubox);//释放掉.....
}
/*
elements:[obj1,ojb2]要计算范围的元素
*/
childMenuBox.prototype.countRange=function(elements){
   for(var i=0;i<elements.length;i++){
     var range={
         xStart:Site.getElementX(elements[i]),
         xEnd:Site.getElementX(elements[i])+elements[i].clientWidth,
         yStart:Site.getElementY(elements[i]),
         yEnd:Site.getElementY(elements[i])+elements[i].clientHeight
      };
      this.showRanges.push(range);
   }
}