var RupTolTip = {
	tagClass : 'tooltip',
	posX : null,
	posY : null,
	boxWidth : '160',
	txt : null,
	addLoadEvent : function(func){
		var oldonload = window.onload;
		if (typeof window.onload != 'function'){
			window.onload = func;
		}else{
			window.onload = function(){
				if (oldonload){
					oldonload();
				}
				func();
			}
		}
	},
	startTolTip : function(){
		if(document.getElementsByClassName){
			var objCla = document.getElementsByClassName(this.tagClass);
			if(objCla){
				if(objCla.length > 0){
					for(var i=0;i<objCla.length;i++){
						objCla[i].setAttribute('onmousemove','RupTolTip.mouseOver(this,event);');
						objCla[i].setAttribute('onmouseout','RupTolTip.mouseOut(this,"'+objCla[i].title+'");');
					}
				}
			}
		}else{
			var objAll = document.all;
			if(objAll.length > 0){
				for(var i=0;i<objAll.length;i++){
					if(objAll[i].className == 'tooltip'){
						objAll[i].setAttribute('onmousemove','RupTolTip.mouseOver(this,event);');
						objAll[i].setAttribute('onmouseout','RupTolTip.mouseOut(this,"'+objAll[i].title+'");');
					}
				}
			}
		}
		
		RupTolTip.addStyle();
	},
	mouseOver : function(objthis,e){
		if(!e) var e = window.event;
		if(e.pageX && e.pageY){
			this.posX = e.pageX;
			this.posY = e.pageY;
		}else{
			this.posX = event.clientX + document.body.scrollLeft
			this.posY = event.clientY + document.body.scrollTop
		}
		
		this.posX = this.posX + 10;
		this.posY = this.posY + 10;
		RupTolTip.makeTolTipBox(objthis);
	},
	mouseOut : function(objthis,txt){
		objthis.title = txt;
		var objTip = document.getElementById('RupTolTip');
		objTip.parentNode.removeChild(objTip);
	},
	makeTolTipBox : function(objthis){
		this.txt = objthis.title;
		objthis.title = "";
		if(!document.getElementById('RupTolTip')){
			var objTol = document.createElement('div');
			objTol.className = 'RupTolTip';
			objTol.id = 'RupTolTip';
			objTol.style.top = this.posY+'px';
			objTol.style.left = this.posX+'px';
			objTol.style.width = this.boxWidth+'px';
			objTol.innerHTML = 
			'<img width="'+this.boxWidth+'" height="'+this.boxHeight+'" src="'+path+'templates/ahfabrics/js/img/box.png" />'
			+'<div class="inner" style="display:block;padding:10px;backgroound:#000;">'
				+this.txt
			+'</div>';
			
			document.body.appendChild(objTol);
			
			document.getElementById('RupTolTip').getElementsByTagName('img')[0].height = document.getElementById('RupTolTip').getElementsByTagName('div')[0].scrollHeight;
		}else{
			var objTip = document.getElementById('RupTolTip');
			objTip.style.top = this.posY+'px';
			objTip.style.left = this.posX+'px';
		}
	},
	addStyle : function(){
		var objHead = document.getElementsByTagName('head');
		var objLink = document.createElement('link');
		objLink.type = 'text/css';
		objLink.href = ''+path+'templates/ahfabrics/js/img/style.css';
		objLink.rel = 'stylesheet';
		if(objHead[0])
			objHead[0].appendChild(objLink);
	}
}

RupTolTip.addLoadEvent(function(){
	RupTolTip.startTolTip();
});