/* Preloada bilder för animation */
directions = new Array();
directions[0] = new Image();
directions[0].src = "images/button_0.gif";
directions[1] = new Image();
directions[1].src = "images/button_1.gif";
directions[2] = new Image();
directions[2].src = "images/button_2.gif";
directions[3] = new Image();
directions[3].src = "images/button_3.gif";
directions[4] = new Image();
directions[4].src = "images/button_4.gif";
directions[5] = new Image();
directions[5].src = "images/button_5.gif";
directions[6] = new Image();
directions[6].src = "images/button_6.gif";
var dir = new Array();

/* Inställningar för animation */
var started = false;
var one_lap_only = true;
var timeid;
var up = false;

/* Starta animation vid mouseover */
function over(name) {
	if(!started || dir[name] == undefined) {
		dir[name] = 0;
		up = true;
		started = true;
		timeid = setInterval("changeImage('"+name+"')",60);
	}
}
/* Byt bild för animation */
function changeImage(name,id) {
	if(up) {
		if(dir[name]>directions.length-1) {
			// Stop animation after all images has been showed
			if(one_lap_only) {
				started = false;
				clearInterval(timeid);
			}
		}
		else
			document.images[name].src = directions[dir[name]++].src;
	}
	else {
		if(dir[name]<=0) {
			// Stop animation after all images has been showed
			started = false;
			clearInterval(timeid);
		}
		else
			document.images[name].src = directions[--dir[name]].src;
	}
}
/* Stoppa animation vid mouseout */
function out(name) {
	document.images[name].src = "images/button_0.gif";
	clearInterval(timeid);
	started = false;
}

/* Flik-system */
var color_inactive = "rgb(215,215,215)";
var color_active = "rgb(235,235,235)";

function showMenu(menu, box) {
	m0.style.display='none';
	m1.style.display='none';
	menu.style.display='';
	box0.style.backgroundColor=color_inactive;
	box1.style.backgroundColor=color_inactive;
	box0.style.background = "url('images/tab_off.gif')";
	box1.style.background = "url('images/tab_off.gif')";
	box.style.backgroundColor=color_active;
	box.style.background = "url('images/tab_on.gif')";
	document.getElementById('start_tab').value = menu.id.substring(1,2);
} 

function setTab() {
	follow();
	id = document.getElementById('start_tab').value;
	if(id=="#tab#") id = 0;
	m = document.getElementById('m'+id);
	box = document.getElementById('box'+id);
	showMenu(m, box);
}

function getActiveTab() {
	return document.getElementById('start_tab').value;
}

ns=(navigator.userAgent.indexOf("Netscape")>0);
ie=(navigator.userAgent.indexOf("MSIE")>0);
ff=((navigator.userAgent.indexOf("Firefox")>0) || (navigator.userAgent.indexOf("Safari")>0));
var ymouse = 0;
var xmouse = 0;
var yoffset = 20;
var slider;
var sliderx = 17;
var slidery = 195;
var limit_top = 214;
var limit_bottom = 590;
var x = 0;
var y = slidery + yoffset;
var overt = false;

/** Slider **/
function Mouse(evnt){
	ymouse = (ns||ff)?evnt.pageY:event.y;
	if(overt) document.getElementById("slider").style.top = y-yoffset;
}

function setSliderPos() {
		slider = document.getElementById("slider").style;
		if(ff) slider.left = ((document.body.offsetWidth-890)/2) + 18;
		else slider.left = ((document.body.offsetWidth-890)/2) - 1;
}

function follow(){
	if(ie||ff) {
		slider = document.getElementById("slider").style;
		setSliderPos();
	}
	if(ns) {
		slider = document.layers["slider"];
	}
	y = ymouse;
	if(y < limit_top)
		y = limit_top+1;
	else if(y > limit_bottom)
		y = limit_bottom-1;
	setTimeout('follow()',20);
}

function overTabs() {
	overt=true;
}

function outTabs() {
	overt=false;
}

function main() {
	// Skriv ut skjutreglaget
	slidery = 195;
	if(ff) {
		slidery -= 10;
		limit_top -= 10;
		limit_bottom -= 10;
	}
	if (ns){
		document.write('<layer name="slider" top='+slidery+' left='+sliderx+' height=15 width=15><img src="images/slidebut.gif"></layer>');
	}
	if (ie||ff){
		//sliderx = (document.body.offsetWidth-900)/2;
		document.write('<div id="slider" style="position:absolute; top:'+slidery+'; left:'+sliderx+';"><img src="images/slidebut.gif"></div>');
	}
	// Börja fånga händelser
	(ns)?window.captureEvents(Event.MOUSEMOVE):0;
	(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
	window.onload = setTab;
	setSliderPos();
}

/** Starta slider **/
main();