// JavaScript Document
var ImgToolTip = Class.create({
		  
		  
		   /**
		   *
		   *	initialize
		   */
		  initialize: function(wh) {
		  	
			var links,i,h;
			var tt_where = wh || "body";
			if(!document.getElementById || !document.getElementsByTagName) return;
			h=document.createElement("span");
			h.id="img_tt";
			h.setAttribute("id","img_tt");
			h.style.position="absolute";
			if(tt_where=="body")
			{
				document.getElementsByTagName(tt_where)[0].appendChild(h);
			}else{
				$(tt_where).appendChild(h);
			}
			
	
		  },
		  /**
		   *
		   *	prepare
		   */
		  prepare: function(el, imgSrc) {
		  	
			var tooltip, t, b, s, l;
			t = el.getAttribute("title");
			
			if (t==null || t.length==0)
				t = "link:";
		
			
			el.removeAttribute("title");
			var src = '';
			if(typeof imgSrc != 'undefined') {
				src = imgSrc;
			} else {
				src = t.replace(/.*src: (.*)$/, "$1");
			}
			
			tooltip = this.createEl("span", "imageTooltip");
			img = document.createElement("img");
			img.setAttribute("src",src);
			img.setAttribute("alt",src);
			img.style.border = "1px solid #CCCCCC";
			img.style.backgroundColor = "#666666";
			tooltip.appendChild(img);
			//this.setOpacity(tooltip);
			el.tooltip = tooltip;
			//el.appendChild(tooltip);
			/*el.onmouseover = this.showTooltip;
			el.onmouseout = this.hideTooltip;
			el.onmousemove = this.locate;*/
			//this.showTooltip();
	
		  },
		  /**
		   *
		   *	remove
		   */
		  remove: function(element) {
		  	
			element.onmouseover = null;
			element.onmouseout = null;
			element.onmousemove = null;
	
		  },
		  /**
		   *
		   *	showTooltip
		   */
		  showTooltip: function(e) {
		  	
			document.getElementById("img_tt").appendChild(this.tooltip);
			this.locate(e);
	
		  },
		  /**
		   *
		   *	hideTooltip
		   */
		  hideTooltip: function(e) {
		  	
			var d = document.getElementById("img_tt");
			if(d.childNodes.length>0) d.removeChild(d.firstChild);
	
		  },
		  /**
		   *
		   *	setOpacity
		   */
		  setOpacity: function(el) {
		  	
			el.style.filter = "alpha(opacity:80)";
			el.style.KHTMLOpacity = "0.80";
			el.style.MozOpacity = "0.80";
			el.style.opacity = "0.80";
	
		  },
		  /**
		   *
		   *	createEl
		   */
		  createEl: function(t,c) {
		  	
			var x = document.createElement(t);
			x.className = c;
			x.style.display = "block";
			return(x);
	
		  },
		  /**
		   *
		   *	locate
		   */
		  locate: function(e) {
			  
			var posx=0,posy=0;
			if(e==null) e=window.event;
			if(e.pageX || e.pageY){
				posx=e.pageX; posy=e.pageY;
			}
			else if(e.clientX || e.clientY){
				if(document.documentElement.scrollTop){
					posx=e.clientX+document.documentElement.scrollLeft;
					posy=e.clientY+document.documentElement.scrollTop;
				}
				else{
					posx=e.clientX+document.body.scrollLeft;
					posy=e.clientY+document.body.scrollTop;
				}
			}
			document.getElementById("img_tt").style.top=(posy+10)+"px";
			document.getElementById("img_tt").style.left=(posx-20)+"px";
		  	
		  }
		  
});