/**
Copyright: Vishwajeet M. Dilawar
**/
var tooltip=function(){
	 var id = 'tt';
	 var top = 3;
	 var left = 3;
	 var maxw = 300;
	 var speed = 10;
	 var timer = 20;
	 var endalpha = 95;
	 var alpha = 0;
	 var bSize=[];
	 var tt,t,c,b,h,elem;
	 var ie = document.all ? true : false;
	 return{
		 show:function(v,w){
			 if(tt==null){
				tt=document.createElement('div'); 
				tt.setAttribute('id',id);
				t=document.createElement('div'); 
				t.setAttribute('id',id+'top');
				c=document.createElement('div'); 
				c.setAttribute('id',id+'cont');
				b=document.createElement('div'); 
				b.setAttribute('id',id+'bot');
				tt.appendChild(t);
				tt.appendChild(c);
				tt.appendChild(b);
				document.body.appendChild(tt);
				tt.style.opacity=0;
				tt.style.filter='alpha(opacity=0)';
				document.onmousemove=this.pos;
			 }
			 tt.style.display='block';
			 c.innerHTML=v;
			 tt.style.width=w?w+'px':'auto';
			 
			 if(!w && ie){
				t.style.display = 'none';
				b.style.display = 'none';
				tt.style.width = tt.offsetWidth;
				t.style.display = 'block';
				b.style.display = 'block';
			 }
			 if(tt.offsetWidth>maxw){
				tt.style.width=maxw+'px'; 
			 }
			 h=parseInt(tt.offsetHeight)+top;
			 clearInterval(tt.timer);
			 tt.timer=setInterval(function(){tooltip.fade(1)},timer);
		 },
		 pos:function(e){
			 var x=ie?event.clientX+document.documentElement.scrollLeft:e.pageX;
			 var y=ie?event.clientY+document.documentElement.scrollTop:e.pageY;
			 tt.style.left=(x+left)+'px';
			 tt.style.top=(y-h)+'px';
		 },
		 fade:function(d){
			 var a=alpha; 
			 if((a !=  endalpha && d == 1) || (a != 0 && d == -1)){
				 var i=speed;
				 if(endalpha - a < speed && d == 1){
					i= endalpha-a;
				 }else if(alpha < speed && d == -1){
					 i  = a;
				 }
				 alpha = a + (i * d);
				 tt.style.opacity  = alpha * .01;
				 tt.style.filter = 'alpha(opacity=' + alpha + ')';
			 }else{
					clearInterval(tt.timer);
					if(d == -1){tt.style.display = 'none'}
				}
		 },
		 hide:function(){
				clearInterval(tt.timer);
				tt.timer = setInterval(function(){tooltip.fade(-1)},timer);
		 },
		 browser:function(){
			var bodyWidth = document.documentElement.clientWidth;
			var bodyHeight = document.documentElement.clientHeight;
			if(self.innerHeight){
				bodyWidth = self.innerWidth; 
				bodyHeight = self.innerHeight; 	
			}else if(document.documentElement && document.documentElement.clientHeight){
				bodyWidth = document.documentElement.clientWidth; 
				bodyHeight = document.documentElement.clientHeight;
			}else if(document.body){
				bodyWidth = document.body.clientWidth; 
				bodyHeight = document.body.clientHeight; 
			}
			return [bodyWidth,bodyHeight];
		 },
		 pic:function(im){
			 return;
			 /*elem=document.getElementById('pop');
			 var pborder=document.getElementById('pborder');
			 var image=document.getElementById('lg');
			 elem.style.display='block';
			 image.src=im;
			 var arrSize=tooltip.browser();
			 var x=(arrSize[0]/2)-(300/2);
			 var y=(arrSize[1]/2)-(550/2)+Math.max(document.body.scrollTop,document.documentElement.scrollTop);
			 elem.style.left=(x+10)+'px';
			 elem.style.top=(y-10)+'px';
			 clearInterval(elem.timer);
			 elem.timer=setInterval(function(){tooltip.fadepic(1)},timer);*/
			 var elem=document.getElementById('pops');
			 
			 if(elem==null){
				elem=document.createElement('div'); 
				elem.setAttribute('id',"pops");
				 elem.style.width="300px";
				 elem.style.height="300px";
				 elem.style.border="5px solid red";
				 elem.style.backgroundColor="blue";
				 elem.style.display='block';
				 var i=document.createElement('img'); 
				 elem.appendChild(i);
				 i.setAttribute('src',im);
				 document.body.appendChild(elem);
			 }else{
				 var i=document.getElementById('imag');
				 i.src=im;
				 alert("eee");
			 }
			 
			 
			 
			 var arrSize=tooltip.browser();
			 var x=(arrSize[0]/2)-(300/2);
			 var y=(arrSize[1]/2)-(550/2)+Math.max(document.body.scrollTop,document.documentElement.scrollTop);
			 elem.style.left=(x+10)+'px';
			 elem.style.top=(y-10)+'px';
			 clearInterval(elem.timer);
			 elem.timer=setInterval(function(){tooltip.fadepic(1)},timer);
		 },
		 fadepic:function(d){
			 if(elem==null){
				 var elem=document.getElementById('pops');
			 }
			 var a=alpha; 
			 if((a !=  endalpha && d == 1) || (a != 0 && d == -1)){
				 var i=speed;
				 if(endalpha - a < speed && d == 1){
					i= endalpha-a;
				 }else if(alpha < speed && d == -1){
					 i  = a;
				 }
				 alpha = a + (i * d);
				 elem.style.opacity  = alpha * .01;
				 elem.style.filter = 'alpha(opacity=' + alpha + ')';
			 }else{
					clearInterval(elem.timer);
					if(d == -1){elem.style.display = 'none'}
				}
		 },
		 closewin:function(obj){
			elem = document.getElementById(obj);
			//obj.style.display = 'none';
			clearInterval(elem.timer);
			elem.timer = setInterval(function(){tooltip.fadepic(-1)},timer);
			return false;
		 }
	};
}();