/// <reference path="mootoolsIntellisense.js" />
/**
 * Tip模块,用于在页面中显示弹出提示层
 * <publish> 
 * 	<Namespace name="Tip">
 * 		<Method name="showBeside">
 * 			<argv name="element"></argv>
 * 			<argv name="*argvs" optional></argv>
 * 		</Method>
 * 	</Namespace>	
 */
 
function initTips(){
(new Element('div', {'id':'tip_container', 'class':'drift_layer'})).setStyle('display', 'none').inject($$('body')[0]);

//向window对象发布的命名空间名称
var PUBLISHNAME = 'Tip';

function $show(el){
	el.style.display = 'block';
	}

function $hide(el){
	el.style.display = 'none';
}	

//配置管理类
function Ini(){
	var _inisettings = {};
	function _wrap(name){
		return '{' + '}';
	}
	this.set = function(name,value){
		var sname = _wrap(name);
		_inisettings[sname] = value;
	};
	this.get = function(name){
		var sname = _wrap(name);
		var ret = _inisettings[sname];
		ret = ret ? ret : '';
		return ret;
	};
}

//将Arguments对象转化为一个Array对象
function Arg2Arr(arg){
	var ret = [];
	for(var i=0,ilen=arg.length;i<ilen;i++){
		ret.push(arg[i]);
	}
	return ret;	
}

//获取元素位置对象	
var Position = new function(){
	this.getAbsRect=function(el){
		var oriObj=el;
		var y1=x1=isHide=0;
		if(oriObj.style.display=='none'){
			oriObj.style.display='';
			isHide=1;
		}
		do{
			y1+=el.offsetTop||0;
			x1+=el.offsetLeft||0;
			el=el.offsetParent;
		}
		while(el);
		a=[x1,(x1+oriObj.offsetWidth),y1,(y1+oriObj.offsetHeight)];
		if(isHide){
			oriObj.style.display='none';
		}
		return a;
	};	
};

var PageSize = new function(){
	var isCSS1Dom = document.compatMode && (document.compatMode != "BackCompat");
	this.getWidth = function(){
		var x1=document.body.clientWidth;
		var x2=document.documentElement.clientWidth;
		return isCSS1Dom ? x2 : x1;};

	this.getHeight = function(){
		var y1=document.body.clientHeight;
		var y2=document.documentElement.clientHeight;
		return isCSS1Dom ? y2 : y1;};

	this.getScrollTop = function(){
		return isCSS1Dom ? 
			document.documentElement.scrollTop : document.body.scrollTop;
	};
			
	this.getScrollLeft = function(){
		return isCSS1Dom ? 
			document.documentElement.scrollLeft : document.body.scrollLeft;
	};					
};

//Core
var Tip = new function(){
	//__init__ BEGIN
	var _ini = new Ini();
	_ini.set('tip_container_id','tip_container');
	//__init__ END
	
	var timecount = 0;
	var autotimeout = 5000;

	function _getTipDiv(){
		return $(_ini.get('tip_container_id'));
	}

	function _show(pos,html){
		var tip_con = _getTipDiv();//$(_ini.get('tip_container_id'));
		if(!tip_con){
			return false;
		}
		tip_con.style.left = pos.x + 'px';
		tip_con.style.top = pos.y + 'px';	
		tip_con.innerHTML = html;
		$show(tip_con);
		tip_con.style.zIndex = '9999';
	}	
	
	function _hide(){
		var tip_con = _getTipDiv();//$(_ini.get('tip_container_id'));
		if(!tip_con){
			return false;
			}
		$hide(tip_con);	
	    try{
	        clearTimeout(timecount);
	    }
	    catch(e){
	    }	
	}
	
	//获取相对element的显示Tip位置
	function _getBesidePos(element){
		var area = Position.getAbsRect(element);
		var pos = {x : area[0],y : area[3]};
		var tip_con = _getTipDiv();
		$show(tip_con);
		var maxRight = pos.x + tip_con.offsetWidth;
		$hide(tip_con);
		var deltaX = 0;
		var pageWidth = PageSize.getWidth();
		if(maxRight > pageWidth){
			deltaX = maxRight - pageWidth;
			pos.x -= deltaX; 
		}			
		return pos;
	}
	
	//获取页面居中位置
	function _getCenterPos(html){
		var tip = _getTipDiv();
		var ori_top = tip.style.top;
		var ori_left = tip.style.left;
		var ori_display = tip.style.display;
		var ori_html = tip.innerHTML;
		tip.style.top = '-9999px';
		tip.style.left = '-9999px';
		tip.innerHTML = html;
		tip.style.display = 'block';
		var tw = tip.clientWidth;
		var th = tip.clientHeight;
		tip.style.top = ori_top;
		tip.style.left = ori_left;
		tip.innerHTML = ori_html;
		tip.style.display = ori_display;
		return {
			x : PageSize.getScrollLeft() + (PageSize.getWidth() - tw)/2,
			y : PageSize.getScrollTop() +(PageSize.getHeight() - th)/2
		};
	}
	
	function _adjust(){
		
	}
		
	//设置初始参数
	this.ini_set = function(name,value){
		_ini.set(name,value);
	};
	
	/*
	 * TODO : showBeside和showCenter中的代码重用问题
	 */
	
	//在element旁边显示Tip层
	this.showBeside = function(element){
	    try{
	        clearTimeout(timecount);
	    }
	    catch(e){
	    }
		var arg = Arg2Arr(arguments);
		var el = arg.shift();
		var opt = {offsetX : 0,offsetY : 0};
		var timeout = autotimeout;
		if(typeof(arg[0]) == 'object'){
			opt = arg.shift();
		}
		if(typeof(arg[0]) == 'number'){
		    timeout = arg.shift();
		}
		var html = [];
		for(var i=0,ilen=arg.length;i<ilen;i++){
			html.push(arg[i]);
		}
		html = html.join('');
		var pos = _getBesidePos(element);
		_show(pos,html);
		timecount = setTimeout(_hide, autotimeout);
		return false;
	};
	
	//居中显示Tip层
	this.showCenter = function(src){
		var arg = Arg2Arr(arguments);
		var src = arg.shift();
		var opt = {offsetX : 0,offsetY : 0};
		var timeout = autotimeout;
		if(typeof(arg[0]) == 'object'){
			opt = arg.shift();
	    }
		if(typeof(arg[0]) == 'number'){
		    timeout = arg.shift();
		}
		var html = [];
		for(var i=0,ilen=arg.length;i<ilen;i++){
			html.push(arg[i]);
			}
		html = html.join('');
		var pos = _getCenterPos(html);
		_show(pos,html);
		if(timeout==null){
		    timecount = setTimeout(_hide, autotimeout);
		}
		else if(timeout>0){
		    timecount = setTimeout(_hide, timeout);
		}
		return false;		
    }
	
	//隐藏Tip层
	this.hide = function(){
		_hide();
		return false;
		};
	};

//组织标题 html
Tip.title = function(title){
	var ret = ['<h5 class="fc-red tc">',title,'</h5>'].join('');
	return ret;
	};

//组织内容 html
Tip.tip = function(tip){
	var ret = ['<p class="tc">',tip,'</p>'].join('');
	return ret;
	};
	
//组织关闭按钮 html	
Tip.close = function(){
	var ret = ['<p class="fr fc-gray">',
		'<a href="#" onclick="return ',PUBLISHNAME,'.hide();">[关闭]</a>',
		'</p>'].join('');
	return ret;
	};

Tip.iframe = function(src){
	var ret = [
		'<iframe width="100%" height="90%" src=',src,
		' frameborder="0" scrolling="no"',
		'></iframe>'
		].join('');
	return ret;	
	};

//发布命名空间
window[PUBLISHNAME] = Tip;	
};