// JavaScript Document
// Charset : GB2312


var tips = {
	tipWrap:null,
	tipContainer:null,
	tipTitleDom:null,
	tipDescDom:null,
	tipLinkDom:null,
	show:function(dom){
		this.close()
		this.tipWrap = document.getElementById("theTip");
		if(!this.tipWrap)return;
		//dom.appendChild(this.tipWrap);
		this.setDomEvent(dom,"onmouseout","tips.close(this)");
		this.getTipContainer(this.tipWrap);
		this.getTipTitleDom();
		this.getTipDescDom();
		this.getTipLinkDom();
		var tt;
		for(var i=0;i<dom.childNodes.length;i++){
			if(dom.childNodes[i].nodeType == 3){
				tt = dom.childNodes[i].nodeValue;
				break;
			}
		}
		if(!this.setTipsContent(tt)){
			return;
		}
		this.displayed(dom);
	},
	setTipsContent:function(title){
		var isFinded = false
		for(var i=0;i<this.options.tTitle.length;i++){
			if(this.options.tTitle[i] == title){

				this.tipTitleDom.innerHTML = this.options.tTitle[i];
				this.tipDescDom.innerHTML = this.options.tDesc[i];
				this.tipLinkDom.href = this.options.tLink[i]
				isFinded = true;
				break;
			}
		}
		return isFinded;
	},
	displayed:function(dom){
		var pos1 = this.absPos(dom);
		this.tipWrap.className = "";
		var pos2 = this.absPos(this.tipWrap);
		this.tipWrap.style.position = "absolute";
		this.tipWrap.style.left = (pos1.x+(pos1.width/2)-(pos2.width/2))+"px";
		this.tipWrap.style.top = (pos1.y-pos2.height+(pos1.height*0.2))+"px";
		
	},
	close:function(obj){
		if(obj){
			if( obj.dettachEvent ){
			//为IE以及IE内核的浏览器（1）
				dom.dettachEvent("onmouseout");
			}else if( obj.removeEventListener){
			//为FF以及NS内核的浏览器（2）
				this.delAttr(obj,"onmouseout")
			}
		}
		if(this.tipWrap){
			this.tipWrap.className = "closed";
		}
		this.clearSelf();
	},
	getTipContainer:function(dom){
		var oDom = null;
		this.clearDomElement(dom);
		oDom = dom.getElementsByTagName("div");
		for(var i=0;i<oDom.length;i++){
			if(oDom[i].className == "mid"){
				this.tipContainer = oDom[i];
				break;
			}
		}
	},
	getTipTitleDom:function(){
		var oDom = null;
		if(!this.tipContainer)return;
		this.clearDomElement(this.tipContainer);
		oDom = this.tipContainer.getElementsByTagName("h4");
		if(oDom.length == 1){
			this.tipTitleDom = oDom[0];
		}
	},
	getTipDescDom:function(){
		var oDom = null;
		if(!this.tipContainer)return;
		this.clearDomElement(this.tipContainer);
		oDom = this.tipContainer.getElementsByTagName("p");
		if(oDom.length == 1){
			this.tipDescDom = oDom[0];
		}
	},
	getTipLinkDom:function(){
		var oDom = null;
		var j,s="";
		if(!this.tipContainer)return;
		this.clearDomElement(this.tipContainer);
		oDom = this.tipContainer.getElementsByTagName("a");
		for(var i=0;i<oDom.length;i++){
			if(oDom[i].className == "more"){
				this.tipLinkDom = oDom[i];
				break;
			}
		}
	},
	clearDomElement:function(element){
		for(var i=0; i<element.childNodes.length; i++){
			var node = element.childNodes[i];
			if(node.nodeType == 3 && !/\S/.test(node.nodeValue)){
				node.parentNode.removeChild(node);
			}
		}
	},
	setAttr:function(oDom,aName,aValue){
		oDom.setAttribute(aName,aValue);
	},
	delAttr:function(oDom,aName){
		oDom.removeAttribute(aName);
	},
	absPos:function(node){
		var x=y=width=height=0;  
		width = node.offsetWidth;
		height = node.offsetHeight;
		do  {
			x+=node.offsetLeft;  
			y+=node.offsetTop;  
		}  
		while(node=node.offsetParent); 
		
		return {'x':x,'y':y,"width":width,"height":height}
	},
	setDomEvent:function(dom,evtType,evtFunc){
		if( dom.attachEvent ){
		//为IE以及IE内核的浏览器（1）
			dom.attachEvent( evtType,function(){
				evtFunc = evtFunc.replace("this","dom");
				eval(evtFunc);
			});
		}else if( dom.addEventListener){
		//为FF以及NS内核的浏览器（2）
			this.setAttr(dom,evtType,evtFunc);
		}
	},
	clearSelf:function(){
		if(!this.tipWrap)return;
		this.tipWrap = null;
		this.tipContainer = null;
		this.tipTitleDom.innerHTML = "";
		this.tipTitleDom = null;
		this.tipDescDom.innerHTML = "";
		this.tipDescDom = null;
		this.tipLinkDom = null;
	},
	options:{
		tTitle:[
			"Hotmail",
			"个人档案",
			"照片",
			"SkyDrive",
			"共享空间",
			"群",
			"活动",
			"Messenger",
			"照片库",
			"Mail客户端",
			"Writer",
			"Toolbar",
			"Movie Maker",
			"家庭安全设置"

		],
		tDesc:[
			"与基于网络传递的电子邮件时刻同步",
			"轻松地与您的家人、朋友、甚至全球分享您最近的更新与关键消息",
			"可以标记分享照片，可以使用幻灯片方式放映，您的朋友与家人也可以在她们的最爱的照片上发表评论",
			"您可以使用受密码保护的25GB存储空间进行文件在线保存与分享",
			"通过博客、照片、视频等方式在线分享您的独特世界",
			"与您真实生活中的团队、俱乐部、家人以及其他组织进行联系与合作",
			"您可以策划派对、约会、或者是一次夜晚出行，也可以发送个人邀请，并在活动结束后分享活动记忆",
			"使用您的电脑、在线装置或者手机与您的朋友与家人进行即时聊天",
			"编辑、组织、标记、分享您的照片记忆",
			"您能够在一个地方阅读回复多种账号的电子邮件",
			"编写您的博客，添加您的照片和视频链接，然后向全球发布",
			"立刻搜索所有网络页面",
			"为您创建精彩的、有纪念意义的视频，并可通过简单操作将其发布到网络中去",
			"管理监督您孩子的网络体验，保证他们能够更安全的进行网络冲浪"
		],
		tLink:[
			"http://im.live.cn/Hotmail.aspx",
			"http://im.live.cn/Profile.aspx",
			"http://im.live.cn/Photos.aspx",
			"http://im.live.cn/SkyDrive.aspx",
			"http://im.live.cn/Spaces.aspx",
			"http://im.live.cn/Groups.aspx",
			"http://im.live.cn/Events.aspx",
			"http://im.live.cn/Messenger.aspx",
			"http://im.live.cn/PhotoGallery.aspx",
			"http://im.live.cn/LiveMail.aspx",
			"http://im.live.cn/Writer.aspx",
			"http://im.live.cn/Toolbar.aspx",
			"http://im.live.cn/MovieMaker.aspx",
			"http://download.live.com/familysafety"
		]
	}
}