/**
 * window.type=1时加载我的好友,window.type=2时加载我的人缘
 */
ContactDetail=RequestBase.extend({
	initialize:function(){
		this.parent();
	},
	//显示一个人的具体信息
	//id=f_123467
	show:function(e){
		var element=e;//Event.element(e);
		var id=element.id.substring(2);
		if($("user_change_"+id)){
            if(this.currentElement)
                this.currentElement.style.display='none';
            this.currentElement=$("user_change_"+id);
            this.htmlElement=this.currentElement;
            this.position(e);
			$("user_change_"+id).style.display="block";

		}else{
			this.loading=true;
			var div=document.createElement('div');
			div.className="user_change";
			div.id="user_change_"+id;
			//div.style.display="none";
			//html+='<div class="user_change" id="user_change_'+user_id+'">';
            div.innerHTML='<p style="padding:10px;font-size:14px">正在加载数据....</p>';
			document.body.appendChild(div);
			this.htmlElement=div;
            if(this.currentElement)
                this.currentElement.style.display='none';
            this.currentElement=div;
			this.position(e);
			this.getContactInfo(id);
		}

	},
	getContactInfo:function(user_id){
		this._post("bloghome.contact.getContactInfo",this.onGetContactInfo.bind(this),{user_id:user_id});

	},
	onGetContactInfo:function(xmlhttp){
		if (xmlhttp.status != 200)
        {
            //状态提示
            return new Array();
        }
        var elements = xmlhttp.responseXML.getElementsByTagName("rsp");
        if (elements == null || elements.length != 1)
        {
            return new Array();
        }
        var status=new Array();
        var rsp = elements[0];
        var stat = rsp.getAttribute("stat");
        if(stat=="ok"){
        	this.createUI(rsp);
        }
	},
	//创建界面
	createUI:function(rsp){
		var html='';
		var user=rsp.getElementsByTagName("user")[0];
		var user_id=user.childNodes[0].firstChild.data;
		var user_name=user.childNodes[1].firstChild.data;
		var user_url=user.childNodes[2].firstChild.data;
		var kg_url=user.childNodes[3].firstChild.data;
		var class_url=user.childNodes[4].firstChild.data;
		var vip=user.childNodes[5].firstChild.data;
		//html+='<div class="user_change" id="user_change_'+user_id+'">';
        html+='<a href="javascript:;" onclick="hideUserInfo('+user_id+');" style="position:absolute;right:5px;top:5px"><img  id="close_setup1" src="/styles/themes/close1.gif"/></a>';
        
    	html+='<div style="height:44px;line-height:22px;padding:0;padding-left:5px;">';
        //html+='<a href="'+user_url+'" style="color:#4A6BA5;font-weight:bold">'+user_name+'</a> 的最新变化';
		html+='<a href="'+user_url+'" target="_blank">'+user_name+'</a>:我是'+vip+'<br>访问<a href="'+user_url+'" target="_blank">我的博客</a> <a href="'+kg_url+'" target="_blank">我的幼儿园</a> <a href="'+class_url+'" target="_blank">我的班级</a>';
		html+='</div>';
		
		html+='<div id="change_header">';
		html+='<ul id="set_nav">';
		html+='<li class="current" style="left:10px;position:absolute" id="a_btn_'+user_id+'" onclick="showChange(1,'+user_id+');">最新日志</li>';
		html+='<li  style="left:80px;position:absolute" id="p_btn_'+user_id+'" onclick="showChange(2,'+user_id+');">最新照片</li>';
		html+='</ul>';
		html+='</div>';
		html+='<div id="change_body">';
		html+='<div id="a_change_'+user_id+'">';
		//文章列表
		var articles=rsp.getElementsByTagName('article');
        if(articles&&articles.length>0){
		for(var i=0;i<articles.length;i++){
			var article=articles[i];
			var topic=article.childNodes[0].firstChild.data;
			var intro=article.childNodes[2].firstChild.data;
			var url=article.childNodes[1].firstChild.data;
			var date=article.childNodes[3].firstChild.data;
			html+="<p><a href='"+url+"' title='"+date+"|"+intro+"' target='_blank'>"+(i+1)+":"+topic+"</a></p>";		
		}}else{
            html+='<p style="padding:5px">该用户还没有日志</p>';
        }
		html+='</div>';
		html+='<div style="display:none" id="p_change_'+user_id+'">';
		//照片列表
		var photos=rsp.getElementsByTagName('photo');
        if(photos&&photos.length>0){
		for(var i=0;i<photos.length;i++){
			var photo=photos[i];
			var img=photo.childNodes[0].firstChild.data;
			var url=photo.childNodes[1].firstChild.data;
			var date=photo.childNodes[2].firstChild.data;
			html+='<a href="'+url+'" title="'+date+'" target="_blank"><img src="'+img+'" ></a>';
		}}else{
            html+='<p style="padding:5px">该用户还没有照片</p>';
        }
		html+='</div>';
		html+='</div>';
  		//html+='</div>';
  		$("user_change_"+user_id).innerHTML=html;
  		$("user_change_"+user_id).style.display="block";

	},
	//定位函数
	position: function(e)
    {
    	var offWidth=240;


        this.deltaX =  window.pageXOffset
                || document.documentElement.scrollLeft
                || document.body.scrollLeft
                || 0;
    	this.deltaY =  window.pageYOffset
                || document.documentElement.scrollTop
                || document.body.scrollTop
                || 0;
       var offset=Position.cumulativeOffset(e);
            var x= offset[0]+ this.deltaX+45 ;
            if((x+offWidth)>=document.body.clientWidth) x = document.body.clientWidth - offWidth-20;
            var y= offset[1]+30;
            this.htmlElement.style.left = x + "px";
            this.htmlElement.style.top = y + "px";
            //this.htmlElement.style.display="";
    }

});
var contactDetail=new ContactDetail();
var showUserInfo=function(e){
    contactDetail.show(e);
}
var hideUserInfo=function(user_id){
    $("user_change_"+user_id).style.display="none";
}

ContactsMod=Pager.extend({
					initialize:function(){
						this.parent();
						this.init();
						this.loadFunction();
					},
					init:function(){
						this.needSession=false;
						this.showPage=false;
						this.cacheKey="my_contacts";
						this.id="contactMain";						
						this.contentId="contactMainContent";
						$(this.contentId).innerHTML="正在加载数据";
						this.jstId="contactJST";
						this.op="bloghome.contact.getContacts";
						//根据浏览的参数进行变化
						var sh=window.location.hash;
						if(sh.length>0){
							str=sh.substring(1);
							
							if(str=="contacted")
								window.type=2;
						}else
							window.type=3;
							
						this.params={user_id:window.user_id,type:window.type};
						$("my_contacts").onclick=this.loadFunction.bindAsEventListener(this);
						$("my_contacted").onclick=this.loadFunction.bindAsEventListener(this);
						$("c_contacts").onclick=this.loadFunction.bindAsEventListener(this);
					},
					loadFunction:function(e){
						if(e){
							var el=Event.element(e);
							if(el&&el.id){
								switch(el.id){
								case "my_contacts":window.type=1;break;
								case "my_contacted":window.type=2;break;
								case "c_contacts":window.type=3;break;
								default:window.type=3;
								}
							}
						}else
							el=$("c_contacts");
						//如果是点击某页
							this.changeTitle();
							this.currentPage=1;
							this.cacheKey=el.id;
							this.params["type"]=window.type;
							if(this.CACHE[this.cacheKey+"1"]){
								$(this.contentId).innerHTML=this.CACHE[this.cacheKey+"1"];
							}else{
								this.params["page"]=1;
								$(this.contentId).innerHTML="正在加载数据中";
								this._post(this.op,this.onLoadFunction.bind(this),this.params);
							}
		
					},
					//点击菜单时候动态修改标题
					changeTitle:function(){
						switch(window.type){
							case 1:title="我的好友列表";break;
							case 2:title="我的人缘列表";break;
							case 3:title="最近更新的好友列表";break;
							default:title="我的好友列表";
						}
						if(!this.titleElement){
							var elements=$$("#contactMain .title h2");
							this.titleElement=elements[0];
						}
						this.titleElement.innerHTML=title;
					
					}
			});

var showChange=function(type,user_id){
    if(type==1){
        var id='a_change_'+user_id;
        var id2='p_change_'+user_id;
        var bid='a_btn_'+user_id;
        var bid2='p_btn_'+user_id;
    }else{

        var id='p_change_'+user_id;
        var id2='a_change_'+user_id;
        var bid='p_btn_'+user_id;
        var bid2='a_btn_'+user_id;

    }
    $(id).style.display="block";
    $(id2).style.display='none';
    $(bid).className='current';
    $(bid2).className='';
}