///////////////////////////////////////////////////////////////////////////
// Javascript för att bygga/visa en beskrivningsruta i eget lager
//
// Exempel på kod i programmet som anropar detta script: 
// I head-taggen: <script language="JavaScript1.2" src="js/popup.js"></script>
//
// <!-- Lagret med beskrivningsrutan -->
// <DIV ID="lref" CLASS="popup" STYLE="position:absolute;z-index:1;visibility:inherit;"></DIV>
//
// <!-- Skicka med både den färdiga texten som ska finnas i beskrivningsrutan samt önskad bredd på rutan i pixlar -->
// <A class=popup onMouseOver="ShowInformation('Beskrivningstext','Storlek'); return true" onMouseOut="HideInformation(); return true" HREF="Länk">Länknamn</a>
//
// Om det inte finns någon länk utan det är endast en beskrivningsruta som ska visas bör HREF="Länk" tas bort från ovan.
// Detta gäller inte om rutan även måste fungera i Netscape, då måste man skriva HREF="javascript:void(0)"
//
///////////////////////////////////////////////////////////////////////////

var over = '';

// Vilken browser används
function b_browser() {
	this.isNetscape4 = navigator.appName == "Netscape" ? true:false;
	this.DOM = document.getElementById ? true:false;
	this.isExplorer4 = document.all ? true:false;
	return this;
}

// Hämtar objektet
function trinity()
{
	if (browser.isNetscape4) {
		var over = document.lref;
	} 
	else {
		var over = lref.style;
	}
}

// Bestämmer var beskrivningsrutan ska ligga, snett ned till höger från cursorn
function mouseMove(e) {
	if (browser.isNetscape4) {
		x=e.pageX+20;
		y=e.pageY+5;
	}
	if (browser.isExplorer4) {
		x=event.x+25; 
		y=event.y+10;
	}
	if (browser.DOM) {
		x=event.x+document.body.scrollLeft+25; 
		y=event.y+document.body.scrollTop+10;
	}
}

// Skapa och visa beskrivningsrutan
function ShowInformation(text, tablesize) {
	var sHTML = "<TABLE WIDTH=" + tablesize + " BORDER=0 CELLPADDING=1 CELLSPACING=0 BGCOLOR=#000000>";
			sHTML = sHTML + "<TR>";
			sHTML = sHTML + "<TD>";
			sHTML = sHTML + "<TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=#FFFFCC>";
			sHTML = sHTML + "<TR>";
			sHTML = sHTML + "<TD ALIGN=left><FONT FACE=verdana,arial,helvetica SIZE=1 COLOR=#000000>" + text + "</FONT></TD>";
			sHTML = sHTML + "</TR>";
			sHTML = sHTML + "</TABLE>";
 			sHTML = sHTML + "</TD>";
			sHTML = sHTML + "</TR>";
			sHTML = sHTML + "</TABLE>";

	if(browser.isNetscape4) {
		document.lref.top = y;
		document.lref.left = x;
		document.lref.zIndex = 100;
		Lref = document.lref.document;
		Lref.write(sHTML);
		Lref.close();
		document.lref.visibility = "show";
		Lref = null;
	} 
	else {
		document.all["lref"].innerHTML = sHTML;
		document.all["lref"].style.top = y;
		document.all["lref"].style.left = x;
		document.all["lref"].style.visibility = "visible";
	}
}

// Tag bort beskrivningsrutan
function HideInformation() {
	if(browser.isNetscape4)	{
		var myover = document.lref;
		myover.visibility = "hide";
		myover = null;
	} 
	else {
		document.all["lref"].innerHTML = "";
		document.all["lref"].style.visibility = "hidden";
	}
}

var browser = new b_browser;

document.onmousemove = mouseMove;
if (browser.isNetscape4) document.captureEvents(Event.MOUSEMOVE);