// ShowToolTip 

function showToolTip(element,text) {
	var p=document.createElement("div");
	document.getElementsByTagName("body")[0].appendChild(p);
	p.id="previewbubble";

	var left=findPos(element)[0]+5;
	var top=findPos(element)[1]+17;
	
	document.getElementById("previewbubble").style.visibility = "hidden";
	document.getElementById("previewbubble").style.display = "block";
	document.getElementById("previewbubble").style.left = left + "px";
	document.getElementById("previewbubble").style.top = top + "px";
	document.getElementById("previewbubble").innerHTML = "<div id=previewbubble-top></div><div id=previewbubble-mitte><div id=previewbubble-previewarea style=visibility:hidden; ></div></div><div id=previewbubble-bottom></div>"
	document.getElementById("previewbubble-previewarea").innerHTML = text;

  
 	document.getElementById("previewbubble").style.position = "absolute";
	document.getElementById("previewbubble").style.zIndex = "99999";
  	document.getElementById("previewbubble").style.width = "240px";
  
  	document.getElementById("previewbubble-top").style.width = "240px";  
  	document.getElementById("previewbubble-top").style.height = "30px";  
  
  	document.getElementById("previewbubble-mitte").style.width = "240px";  
  
  	document.getElementById("previewbubble-bottom").style.width = "240px"; 
  	document.getElementById("previewbubble-bottom").style.height = "18px";  
  
  	document.getElementById("previewbubble-previewarea").style.width = "202px"; 
  	document.getElementById("previewbubble-previewarea").style.margin = "0px 0px 0px 25px"; 

  
	if (BrowserDetect.browser == 'Explorer') {
      		document.getElementById("previewbubble-mitte").style.width = "243px";  
		document.getElementById("previewbubble-top").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/pics/bubble-top.png' ,sizingMethod='image')";
      		document.getElementById("previewbubble-mitte").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/pics/bubble-bg.png' ,sizingMethod='scale')";
      		document.getElementById("previewbubble-bottom").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/pics/bubble-bottom.png' ,sizingMethod='image')";
		}
  	else {
      		document.getElementById("previewbubble-top").style.background = "url(/inc/pics/bubble-top.png)";
      		document.getElementById("previewbubble-mitte").style.background = "url(/inc/pics/bubble-bg.png)";
      		document.getElementById("previewbubble-bottom").style.background = "url(/inc/pics/bubble-bottom.png)";
  	}
  
	document.getElementById('previewbubble').style.visibility = 'visible'; 
	document.getElementById('previewbubble-previewarea').style.visibility = 'visible';
}

// HideToolTip 
function hideToolTip() {
	p = document.getElementById("previewbubble");
	document.getElementsByTagName("body")[0].removeChild(p);
}

// findPos 
function findPos(obj){
	var _14=curtop=0;
	if(obj.offsetParent){
		_14=obj.offsetLeft;
		curtop=obj.offsetTop;
		while(obj=obj.offsetParent){
		_14+=obj.offsetLeft;
		curtop+=obj.offsetTop;
	}
}

return [_14,curtop];
}

// showWebsnapr 
function showWebsnapr(element){
	text = "<img id=webpreview style=display:none onLoad=imageLoaded(this) src=http://images.websnapr.com/?url=" + element + "&size=S alt=nix >";

	showToolTip(element, text);
	document.getElementById("previewbubble-previewarea").style.height = "152px"; 

 	setTimeout("if (isNaN(document.getElementById('webpreview'))) {  document.getElementById('previewbubble-previewarea').style.background = 'url(/inc/pics/ajax.gif) no-repeat center center' }",1000);        
}
// imageLoaded
function imageLoaded(elm)
{ 
	elm.style.display = "inline";

}
// BrowserDetect
var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();