var global = {
	componentName:{
		datagrid: "datagrid",
		tooltip: "tooltip"
	},
	path: "..\/scripts\/",
	runtime: "runtime.asp",
	gridpage: "datagrid.asp",
	usekeys: new Array(false,false), // Ctrl, Shift
	styles:{
		tooltip: ["tooltip-text","tooltip-text-over","tooltip-viewer"],
		datagrid:	["datagrid-table","datagrid-mold","datagrid-mold-over","datagrid-rows","datagrid-rows-over","datagrid-rows-selected","datagrid-rows-inactive","datagrid-rows-orderby","datagrid-foot","datagrid-options","datagrid-options-item"]
	},
	
	
	tooltip:{
		setcss: function(_obj,_n){
					_obj.className = global.styles.tooltip[_n];
				},
		setevents: 	function(_obj){
						_obj.onmouseover = 	function(){
												global.tooltip.setcss(_obj,1);
												global.tooltip.viewer(_obj,1);
											};
						_obj.onmouseout	= 	function(){
												global.tooltip.setcss(_obj,0);
												global.tooltip.viewer(_obj,0);
											};
						document.onmousemove = function(e){
													var _e = (e==null)?window.event:e;
													global.tooltip.viewermove(_e);
											};
					},
		viewer: function(_obj,_e){
					if (_e==1){
						var oview = document.createElement("DIV");
						oview.className = global.styles.tooltip[2];
						oview.id = "tooltipviewer";
						oview.style.position = "absolute";
						oview.style.visibility = "hidden";
						oview.zIndex = "100";
						oview.innerHTML = _obj.getAttribute("text");
						document.body.appendChild(oview)
					} else {
						if (document.getElementById("tooltipviewer"))
							document.body.removeChild(document.getElementById("tooltipviewer"));
					}
						
				},
		viewermove: function(_e){
						var obj = document.getElementById("tooltipviewer");
						if (obj){
							var ofsx = -60;
							var ofsy = 20;
							var xat = _e.clientX + document.documentElement.scrollLeft;
							var yat = _e.clientY + document.documentElement.scrollTop;
							var rEdge = document.documentElement.clientWidth - _e.clientX - ofsx;
							var bEdge = document.documentElement.clientHeight - _e.clientY - ofsy;
							var lEdge = (ofsx < 0)?ofsx*(-1):-1000;
							
							if (rEdge < obj.offsetWidth) obj.style.left = document.documentElement.scrollLeft + _e.clientX - obj.offsetWidth+"px";
							else 	if (xat < lEdge) obj.style.left = "5px";
									else obj.style.left = xat+ofsx+"px";
							
							if (bEdge < obj.offsetHeight) obj.style.top = document.documentElement.scrollTop + _e.clientY - obj.offsetHeight - ofsy+"px";
							else obj.style.top = yat+ofsy+"px";
							
							obj.style.visibility = "visible";
							
						}
					},				
		reveal: function(){
					var temp = document.getElementsByTagName("SPAN");
					for (var i = 0; i < temp.length; i++){
						if (temp[i].id.toLowerCase()==global.componentName.tooltip){
							this.setcss(temp[i],0);
							this.setevents(temp[i]);
						}
					}
				}
	}

}