//check browser
var w3c = false;
var ie = false;
var ns = false;

if (document.getElementById) {
	var w3c = true;
}

if (document.all) {
	var ie = true;
	var ua = window.navigator.userAgent;
	var msie = ua.indexOf ( "MSIE " );
	var ieVer = parseInt ( ua.substring ( msie+5, ua.indexOf ( ".", msie ) ) );
}

if (document.layers) {
	var ns = true;
}

function fixMainContent() {
	if (ieVer < 7) {
		document.getElementById('mainContent').style.paddingTop = "10px";
		document.getElementById('mainContent').style.paddingBottom = "15px";
	}
}

//show a hidden layer
function showLayer(strName){
	if (w3c) document.getElementById(strName).style.visibility = "visible";
    else if (ie) eval(strName).style.visibility = "visible";
 	else if (ns) document.layers[strName].visibility = "show";
}

//hide a shown layer
function hideLayer(strName){
	if (w3c) document.getElementById(strName).style.visibility = "hidden";
    else if (ie) eval(strName).style.visibility = "hidden";
 	else if (ns) document.layers[strName].visibility = "hide";
}

//show a text onMouseOver that tags along with the mouse
var layer = null;
var isOver = false;
 
var xPos;
var yPos;
 
function initBubbles() {
	if (ns||w3c && ie!=true) {
		document.captureEvents(Event.MOUSEMOVE);
		document.onmousemove = setValue;
	}
}

function setValue(evt) {
	if (ns==true && w3c==false) {
		xPos = evt.pageX;
		yPos = evt.pageY;
		//alert("X:" + xPos + "   " + "Y:" + yPos);
			if(isOver) { 
				document.layers["nummerDIV" + layer].visibility = "show";
				document.layers["nummerDIV" + layer].top = yPos -10;
				document.layers["nummerDIV" + layer].left = xPos +15;
			} else if(!isOver) {
				if(layer != null) {
					document.layers["nummerDIV" + layer].visibility = "hide";
				}
			}
	}
	else if (w3c==true && ie!=true) {
		xPos = evt.pageX;
		yPos = evt.pageY;
		//alert("X:" + xPos + "   " + "Y:" + yPos);
		if(isOver) { 
			showLayer("nummerDIV" + layer);
			document.getElementById("nummerDIV" + layer).style.top = yPos +"px";// -10 +"px";
			document.getElementById("nummerDIV" + layer).style.left = xPos +15 +"px";
		} else if(!isOver) {
			if(layer != null) {
				
				document.getElementById("nummerDIV" + layer).style.top = "0px";
				document.getElementById("nummerDIV" + layer).style.left = "0px";
				hideLayer("nummerDIV" + layer);
			}
		}
	}
}

function dialog(what, number) {
	if(what == "show") {
		isOver = true;
		layer = number;
	} else if(what == "hide") {
		isOver = false;
		layer = number;
	}

	if(isOver) {
		if(ns||w3c && ie!=true) {
			layer = number;
		}
		if(ie) {
			var xPos = event.x;
			var yPos = event.y;
		    showLayer("nummerDIV" + layer);
		    eval("nummerDIV" + layer).style.pixelTop = yPos + document.documentElement.scrollTop; //var document.body.scrollTop för html4
		    //alert(document.body.scrollTop);
		    eval("nummerDIV" + layer).style.pixelLeft = xPos +15;
		}
	} else if(!isOver) {
		if(ie) {
		eval("nummerDIV" + layer).style.pixelTop = 0;
		eval("nummerDIV" + layer).style.pixelLeft = 0;
		}
		hideLayer("nummerDIV" + layer);
	}
}

function showBack() {
	//if(ie) {
		document.getElementById('backPane').style.width='600px';
	//}
}

function hideBack() {
	//if(ie) {
		document.getElementById('backPane').style.width='40px';
		//scrollBack("start");
	//}
}

function scrollBack(start,otherPageLink) {
	resizeSpeed = 5;
	resizeToPx = 40;
	if (start == "start") {
		document.getElementById('backPane').style.width='600px';
	} else if (start == "dont") {
		document.getElementById('backPane').style.width='40px';
	}
	currentWidth = document.getElementById('backPane').style.width;
	currentWidth = currentWidth.split('px');
	newWidth = eval(currentWidth[0]) - resizeSpeed;
	if (newWidth >= resizeToPx) {
		//scrolla
		if (start == "start") {
			timeout = 2000;
		} else {
			timeout = 0;
		}
		document.getElementById('backPane').style.width = newWidth + "px";
		scrollIt = setTimeout("javascript:scrollBack('','" + otherPageLink + "')",timeout);
	} else {
		//sluta scrolla och skapa mouseover och länk
		backPaneContent = '<a href="' + otherPageLink + '" onmouseover="showBack();" onmouseout="hideBack();">';
		backPaneContent = backPaneContent + '<div class="arrow"></div>';
		backPaneContent = backPaneContent + '<div id="backlogo"></div>';
		backPaneContent = backPaneContent + '</a>';
		document.getElementById('backPane').innerHTML = backPaneContent;
	}
}