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 tt,t,c,b,h;
	var u,l; //positioning variables
	var ie = document.all ? true : false;


	function show_tooltip(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_tooltip;
			c.innerHTML = '<img src="scripts/tooltip/images/ajax-loader.gif" />';
		}
		tt.style.display = 'block';
		doWork(v);
		update_width_tooltip(w);
	}

	function update_width_tooltip(w){
		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(){fade_tooltip(1)},timer);
	}
	
	function pos_tooltip(e){
		u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
		l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
		tt.style.top = (u - h) + 'px';
		tt.style.left = (l + left) + 'px';
	}
	
	
	function re_pos_tooltip(){
		update_width_tooltip();
		//re-positioning:
		h = parseInt(tt.offsetHeight) + top;
		tt.style.top = (u - h) + 'px';
		tt.style.left = (l + left) + 'px';
	}
	
	
	function fade_tooltip(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';
				//reload the animating image
				c.innerHTML = '<img src="scripts/tooltip/images/ajax-loader.gif" />';
			}
		}
	}

	
	function hide_tooltip(){
		c.innerHTML = '<img src="scripts/tooltip/images/ajax-loader.gif" />';
		re_pos_tooltip();
		
		clearInterval(tt.timer);
		tt.timer = setInterval(function(){fade_tooltip(-1)},timer);
	}
	
	function remove_tooltip(){
		if(tt != null){
			c.innerHTML = '<img src="scripts/tooltip/images/ajax-loader.gif" />';
			clearInterval(tt.timer);
			tt.style.display = 'none';
		}
	}



	//AJAX//
	function setOutput(){
	if(httpObject.readyState == 4)
		{
			c.innerHTML = httpObject.responseText;
			re_pos_tooltip();
		}
	} 
	
	function getHTTPObject(){
		if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
		else if (window.XMLHttpRequest) return new XMLHttpRequest();
		else {
			alert("Your browser does not support AJAX.");
			return null;
		}
	}   

	var httpObject = null;
	function doWork(letter){
		httpObject = getHTTPObject();
		if (httpObject != null) {
			httpObject.open("GET", "scripts/tooltip/ajaxAbstract.php?input=" + letter, true);
			httpObject.send(null);
			httpObject.onreadystatechange = setOutput;
		}
	}
	//AJAX//