var IE = false;
var NN = false;
var Xcursor = 0;
var Ycursor = 0;
var iOposX = 0;
var iOposY = 0;
var iOwidth = 0;
var iOheight = 0;
var sSelectedMeny = '';
var mouseIsOver = false;
var rullDone = true;
var hoverColor = '#262626';
var tdColor = '#000000';
var extraH = 20;

document.write('<div onMouseOver="activateMeny(this)"; id="tjanster" class="meny" style="height: 200px; width: 140px; position: absolute; top: 161px; left: 180px; visibility: hidden; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;">');
document.write('<table cellspacing="1" cellpadding="3" width="100%" height="100%">');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/cms-publiceringsverktyg-hemsida.asp\';">  CMS-System</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/domanregistrering\';">  Domänregistrering</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/cms-publiceringsverktyg-hemsida.asp\';">  Hemsidor</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/startpaket-ny-hemsida.asp\';">  Startpaket - hemsida</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/wordpress-cms-webbpublicering.asp\';">  WordPress - hemsida</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/joomla-cms-webbpublicering.asp\';">  Joomla - hemsida</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/soekmotoroptimering-resultatbaserad.asp\';">  Sökmotoroptimering</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/hotel.asp\';">  Webbhotell</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/webbutik.asp\';">  Webbutiker</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/systemutveckling-webbutveckling.asp\';">  Webbutveckling</td></tr>');
document.write('</table>');
document.write('</div>');

document.write('<div onMouseOver="activateMeny(this)"; id="produkter" class="meny" style="height: 80px; width: 125px; position: absolute; top: 161px; left: 262px; visibility: hidden; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;">');
document.write('<table cellspacing="1" cellpadding="3" width="100%" height="100%">');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/wnp.asp\';">  Nyhetsbrev system</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/vilt.asp\';">  Viltskötsel system</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/fsy.asp\';">  Förenings system</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/smsbeskrivning.asp\';">  Wiking SMS</td></tr>');
document.write('</table>');
document.write('</div>');

document.write('<div onMouseOver="activateMeny(this)"; id="foretaget" class="meny" style="height: 100px; width: 125px; position: absolute; top: 161px; left: 262px; visibility: hidden; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;">');
document.write('<table cellspacing="1" cellpadding="3" width="100%" height="100%">');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/wg.asp\';">  Företaget</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/lediga.asp\';">  Lediga Jobb</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/personal.asp\';">  Personal</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/nyhetsbrev.asp\';">  Nyhetsbrev</td></tr>');
document.write('<tr><td onMouseOver="hover(this);" onMouseOut="unhover(this);" onClick="document.location=\'/lanka-till-wikinggruppen.asp\';">  Länka till oss!</td></tr>');
document.write('</table>');
document.write('</div>');


if(document.all) {
  IE=true;
}
else
{
  NN=true;
}

function hover(obj) {
	obj.style.backgroundColor=hoverColor;
	obj.style.padding = '2px';
	obj.style.border ='1px solid black';
	
}
function unhover(obj) {
	obj.style.backgroundColor=tdColor;
	obj.style.padding = '3px';
	obj.style.border ='0px solid blue';
}



function saveMouseLocation(e) {
	if(NN)
	{
		Xcursor = e.pageX;
		Ycursor = e.pageY;
	}
	else
	{
		Xcursor = (document.layers) ? e.pageX : event.x
		Ycursor = (document.layers) ? e.pageY : event.y

		Xcursor = Xcursor + document.body.scrollLeft;
		Ycursor = Ycursor + document.body.scrollTop;
	}

	//Kolla om musen är utanför rutan
	if(mouseIsOver && rullDone) {
		if(!(  Xcursor > iOposX && Xcursor < (iOposX + iOwidth) && Ycursor > (iOposY - extraH) && Ycursor < (iOposY + iOheight)  )) hideMeny(sSelectedMeny)
	}
}

function visaMeny(sMeny) {

	if(!(sSelectedMeny==sMeny) || document.getElementById(sMeny).style.visibility == 'hidden') {
		mouseIsOver = false;

		if(!(sSelectedMeny==sMeny)) hideMeny(sSelectedMeny)

		setTimeout('document.getElementById("' + sMeny + '").style.visibility = "visible"', 60);

		iOposY = parseInt(document.getElementById(sMeny).style.top);
		iOposX = Xcursor - 40; //parseInt(document.getElementById(sMeny).style.left);

		//document.getElementById(sMeny).style.top = iOposY + 'px';
		document.getElementById(sMeny).style.left = iOposX + 'px';

		iOwidth = parseInt(document.getElementById(sMeny).style.width);

		if(sMeny=='tjanster') iOheight = 200
		else if(sMeny=='foretaget') iOheight = 100
		else iOheight = 80

		fadeIn(sMeny);
		rullaNer(sMeny);

		sSelectedMeny = sMeny;

		setTimeout('if(!mouseIsOver) hideMeny("' + sMeny + '")', 3000)

	}
}

function fadeIn(sMeny) {
	if(IE) {
		document.getElementById(sMeny).style.filter ='alpha(opacity=10)';
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=20)"', 50)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=30)"', 100)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=40)"', 150)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=50)"', 200)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=60)"', 250)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=70)"', 300)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=80)"', 350)
		setTimeout('document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=90)"', 400)
	
	} else {
		document.getElementById(sMeny).style.opacity = .1;
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.opacity = .2', 50)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.opacity = .3', 100)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.opacity = .4', 150)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.opacity = .5', 200)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.opacity = .6', 250)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.opacity = .7', 300)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.opacity = .8', 350)
		setTimeout('document.getElementById("' + sMeny + '").style.opacity = .9', 400)
	}
}

function fadeOut(sMeny) {
	if(IE) {
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=80)"', 10)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=70)"', 40)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=60)"', 60)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=50)"', 80)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=40)"', 95)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=30)"', 110)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=20)"', 120)
		setTimeout('document.getElementById("' + sMeny + '").style.filter = "alpha(opacity=10)"', 130)
	
	} else {
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.opacity = .8', 50)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.opacity = .7', 100)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.opacity = .6', 150)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.opacity = .5', 200)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.opacity = .4', 250)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.opacity = .3', 300)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.opacity = .2', 350)
		setTimeout('document.getElementById("' + sMeny + '").style.opacity = .1', 400)
	}
	setTimeout('document.getElementById("' + sMeny + '").style.visibility = "hidden"', 135);
}


function rullaNer(sMeny) {
	if(rullDone) {
		rullDone = false;

		document.getElementById(sMeny).style.height = iOheight * .1 + "px";

		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.height = ' + iOheight * .1 + ' + "px"', 20)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.height = ' + iOheight * .2 + ' + "px"', 30)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.height = ' + iOheight * .3 + ' + "px"', 40)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.height = ' + iOheight * .4 + ' + "px"', 50)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.height = ' + iOheight * .5 + ' + "px"', 60)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.height = ' + iOheight * .6 + ' + "px"', 80)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.height = ' + iOheight * .7 + ' + "px"', 85)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.height = ' + iOheight * .8 + ' + "px"', 90)
		setTimeout('if(sSelectedMeny=="' + sMeny + '") document.getElementById("' + sMeny + '").style.height = ' + iOheight * .9 + ' + "px"', 95)
		setTimeout('document.getElementById("' + sMeny + '").style.height = ' + iOheight + ' + "px"; rullDone = true', 100)

	}
}

function hideMeny(sMeny) {
	if(sSelectedMeny) {
		fadeOut(sMeny);
		mouseIsOver = false;
	}
}

function activateMeny(obj) {
	mouseIsOver = true;
}

document.onmousemove = saveMouseLocation;