//////vi header menu,
//////一个头像菜单，折腾了，多次的实现，现在基于jquery
//////使用asp.net ajax 到ws 取得用户信息数据
//////最新的版本，v0.5, 2009005041728

function menu(controlid,containerid,userid,username,headimage)
        {
            var vi=$("<div id='"+controlid+"' class='vi'></div>").appendTo("#"+containerid);    
            var vi_layout=$("<div id='"+controlid+"_layout' class='vi_layout'></div>").appendTo(vi);
            var vi_headerimagelink=
                $("<a href='http://www.pkone.cn/mylist.aspx?userid="+userid+"'><img src='"+headimage+"'/></a>").appendTo(vi_layout);
            var vi_droppanel=
                $("<div id='"+controlid+"_droppanel' class='vi_droppanel'><span style='margin:3px;'><img src='/images/arrow_down.gif'/></span></div>").appendTo(vi_layout);
            var vi_clear=
                $("<div id='' style='clear:both;'></div>").appendTo(vi);   
                
            //////events
            vi_layout.hover(function(){
                vi_droppanel.css('display','block');
                vi_layout.addClass('vi_layout_hover');
            },function(){
                vi_droppanel.css('display','none');
                vi_layout.removeClass('vi_layout_hover');
            })
            vi_droppanel.click(function(){
                dropmenu(controlid,userid);
            });
            
            
            
                        
        }
        function dropmenu(controlid,userid)
        {
            var vi=$("#"+controlid);
            var vi_dropmenu_layout=$("#"+controlid+"_dropmenu");
            if (vi_dropmenu_layout==null || vi_dropmenu_layout.length==0)
            {
                vi_dropmenu_layout=$("<ul id='"+controlid+"_dropmenu' class='vi_dropmenu_layout'></ul>").appendTo(vi);
                 //////使用异步取得用户信息组合，输出菜单
                var request=thmz.shire.services.ajaxcall.GetUserInfo(userid,dropmenu_sucess,dropmenu_error,controlid);
                vi_dropmenu_layout.text("loading...");
            }
            else{
                vi_dropmenu_layout.empty();
                vi_dropmenu_layout.remove();
            }
            
        }
        function dropmenu_sucess(result,controlid)
        {
            
            
            var vi_dropmenu_layout=$("#"+controlid+"_dropmenu");
            vi_dropmenu_layout.text("");
            //var vi_dropmenu_item_clear=$("<div class='clear'></div>").appendTo(vi_dropmenu_layout);
            var vi_dropmenu_item_username=$("<li>"+result.username+"</li>").appendTo(vi_dropmenu_layout);
            if (!result.isfriend)
            {
                var vi_dropmenu_item_makefriend=$("<li><a href=\"javascript:addfrienddialog('"+result.userid+"')\">加TA 为好友</a></li>").appendTo(vi_dropmenu_layout);
            }
            else
            {
                var vi_dropmenu_item_makefriend=$("<li>TA 是我的好友</li>").appendTo(vi_dropmenu_layout);
            }
            if (result.pkid!=null)
            {
                var vi_dropmenu_item_userid=$("<li><a href='http://www.pkone.cn/u/"+result.pkid+"'>http://www.pkone.cn/u/"+result.pkid+"</a></li>").appendTo(vi_dropmenu_layout);
            }
            var vi_dropmenu_item_itemlink=$("<li><a href='http://www.pkone.cn/mylist.aspx?userid="+result.userid+"'>全部"+result.item_total+"个作品</a></li>").appendTo(vi_dropmenu_layout);
//            var vi_dropmenu_item_photos=$("<div><a href=''>"+result.username+" 的全部照片 ("+result.photo_total+") </a></div>").appendTo(vi_dropmenu_layout);
//            if (result.item_recommand_total>0)
//            {
//                var vi_dropmenu_item_recommand=$("<div><a href=''>"+result.username+" 的推荐作品 ("+result.item_recommand_total+") </a></div>").appendTo(vi_dropmenu_layout);
//            }
//            if (result.item_pop_total>0)
//            {
//                var vi_dropmenu_item_pop=$("<div><a href=''>"+result.username+" 的精华作品 ("+result.item_pop_total+") </a></div>").appendTo(vi_dropmenu_layout);
//            }
            var vi_dropmenu_item_special=$("<li><a href='http://www.pkone.cn/mysubjectlist.aspx?userid="+result.userid+"'>"+result.username+" 的专题集</a></li>").appendTo(vi_dropmenu_layout);
            var vi_dropmenu_item_album=$("<li><a href='http://www.pkone.cn/myalbumlist.aspx?userid="+result.userid+"'>"+result.username+" 的专辑</a></li>").appendTo(vi_dropmenu_layout);
            //var vi_dropmenu_photo_album=$("<div><a href=''>"+result.username+" 的个人相片集</a></div>").appendTo(vi_dropmenu_layout);
            //var vi_dropmenu_favorite=$("<div><a href=''>"+result.username+" 的收藏</a></div>").appendTo(vi_dropmenu_layout);
            //var vi_dropmenu_fariends=$("<div><a href=''>"+result.username+" 的好友</a></div>").appendTo(vi_dropmenu_layout);
            //var vi_dropmenu_item_profile=$("<div><a href=''>"+result.username+" 的个人信息</a></div>").appendTo(vi_dropmenu_layout);
            
            var vi_dropmenu_writemail=$("<li><a href='http://www.pkone.cn/user/mail_writer.aspx?tousername="+escape(result.username)+"'>给 TA 写邮件</a></li>").appendTo(vi_dropmenu_layout);
            
            /////item event
            vi_dropmenu_layout.children("li").each(function(i){
                if (i>0)
                    {
                        var item=$(this);
                        item.hover(function(){
                            item.attr("class","hover");
                        },function(){
                            item.attr("class","");
                        });
                }
            });
            
            
        }
        function dropmenu_error(result,controlid)
        {
            alert("error");
        }