////////////////////////////////////////////////// Snabbkoll variablar för att se om man har IE eller Annan Webbläsare //////////////////////////////////////////////////
var IE = (document.all && document.getElementById);
var NotIE = (!document.all && document.getElementById);

///////////////////////// VARIABLAR 
var rollOutLagg=0;

///////////////////////////////////////////////////////////////////////////// WEBBLÄSAR KOLL ////////////////////////////////////////////////////////////
var WebbLasare=""; // Denna får värdet av den webbläsare man har om man kallar på funktionen under
function webblasarKoll()
{
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) // Här kollas om användaren har IE och isf vilken verison
	{ 
		var ieversion=new Number(RegExp.$1) 
		
		if (ieversion>=8)
		{
			WebbLasare="IE8";
		}
		
		else if (ieversion>=7)
		{
			WebbLasare="IE7";
		}
		
		else if (ieversion>=6)
		{
			WebbLasare="IE6";
		}
	
		else if (ieversion>=5)
		{
			WebbLasare="IE5";
		}
	}
	  
	else if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)) // Här kollar vi om användaren har Firefox och isf vilken version
	{ 
	 var ffversion=new Number(RegExp.$1) 
	 
	 if (ffversion>=3)
	  {
			WebbLasare="FF3";
	  }
	  
	 else if (ffversion>=2)
	  {
			WebbLasare="FF2";	  
	  }
		
	 else if (ffversion>=1)
	  {
		  WebbLasare="FF1";
		 //alert("Dags att på allvar updatera din webbläsare!")
	  }
	}
	
	else // Om den kommit hit så är webbläsaren en minoritetsläsare som "ignoreras"
	  {
			WebbLasare="XXX";
	  }
}

// Så man kan trixa med X och Y pos för ett lager
function flyttXYare(inLager,xIn,yIn)
{
	if(xIn!="")
	{
		document.getElementById(inLager).style.left = xIn+"px";
	}
	
	if(yIn!="")
	{
		document.getElementById(inLager).style.top = yIn+"px";
	}
}

// Så man kan trixa med margin för ett lager
function flyttXYareMargin(inLager,yTIn,xHIn,yBIn,xVIn)
{
	if(xVIn!="")
	{
		document.getElementById(inLager).style.marginLeft = xVIn+"px";
	}
	if(xHIn!="")
	{
		document.getElementById(inLager).style.marginRight = xHIn+"px";
	}
	
	if(yTIn!="")
	{
		document.getElementById(inLager).style.marginTop = yTIn+"px";
	}
	
	if(yBIn!="")
	{
		document.getElementById(inLager).style.marginBottom = yBIn+"px";
	}
}


// Så man kan trixa med Bredd och Höjd för ett lager
function andraBreddHojdare(inLager,breddIn,hojdIn)
{
	if(breddIn!="")
	{
		document.getElementById(inLager).style.width = breddIn+"px";
	}
	
	if(hojdIn!="")
	{
		document.getElementById(inLager).style.height = hojdIn+"px";
	}
}

// Räknar ut allt som har med introt att göra
var proportionsKonstantVariabel = 0;

var tillaggsHojd=1000;

function initieraAnimeraIntroBilden()
{
	// Kollar webbläsarens innerdimensioner så jag kan köra ut introbilden
	fonsterObjekt = document.body;
	fonsterObjektHojd = fonsterObjekt.offsetHeight;
	fonsterObjektBredd = fonsterObjekt.offsetWidth;
	
	// Y LED -->  Hojd OSV
	liteExtraHojd=fonsterObjektHojd+tillaggsHojd; // Sista värdet som plussas på styr hur mycket extra den ska bli utanför skärmen
	document.getElementById('introAnimationsLagret').style.height = liteExtraHojd+"px";
	proportionsKonstantVariabel=liteExtraHojd/247;
	marginTopVar=(-87*proportionsKonstantVariabel);
	document.getElementById('introAnimationsLagret').style.top=marginTopVar+"px";
	
	// X LED -->  Bredd OSV
	startBredd=proportionsKonstantVariabel*762;
	document.getElementById('introAnimationsLagret').style.width = startBredd+"px";
	marginLeftVar=((startBredd/2)*-1);
	document.getElementById('introAnimationsLagret').style.marginLeft=marginLeftVar+"px";
	
	// När allt är färdiguträknat så startar jag animationen
	animeraIntroBilden();	
}

// Animerar fram introt
var tillHundra=1; // För att man can't divide by zero
var aterStallare=0;

var animeringsBredd=0;
var animeringsHojd=0;

var introAnimFart=1;
var introAvstand=0;

function animeraIntroBilden()
{	
	aterStallare = (proportionsKonstantVariabel-1)/100;
	
	// Initierar lagret genomskinligt
	if(IE)
	{
		//document.getElementById('introAnimationsLagret').style.filter="alpha(opacity=" + tillHundra + ")";
	}
				
	if(NotIE)
	{
		//document.getElementById('introAnimationsLagret').style.opacity = tillHundra/100;
	}
			
	// Börjar med att ta fram lagret som ska animeras
	document.getElementById('introAnimationsLagret').style.visibility="visible"; 
	
	document.getElementById('wrapper').style.visibility="visible";
	
	introIntervall=setInterval(function()
	{		
		if(tillHundra<=100)
		{
			if(tillHundra>99)
			{
				// Och visar wrappern som varit dold ANIMERA FRAM
				//document.getElementById('wrapper').style.visibility="visible";
			}
			
			//////// Animera ner till rätt storlek	
			animeringsBredd=762*(proportionsKonstantVariabel-(aterStallare*tillHundra));
			
			animeringsHojd=247*(proportionsKonstantVariabel-(aterStallare*tillHundra));
			
			/////// Bredd
			// Lagret
			document.getElementById('introAnimationsLagret').style.width = animeringsBredd+"px";
			marginLeftVar=((animeringsBredd/2)*-1);
			document.getElementById('introAnimationsLagret').style.marginLeft=marginLeftVar+"px";
			//Bilden
			document.getElementById('introBilden').style.width = animeringsBredd+"px";
			
			//////// Hojd
			// Lagret
			document.getElementById('introAnimationsLagret').style.height = animeringsHojd+"px";
			marginTopVar=174-(87*(proportionsKonstantVariabel-(aterStallare*tillHundra)));
			document.getElementById('introAnimationsLagret').style.top=marginTopVar+"px";
			//Bilden
			document.getElementById('introBilden').style.height = animeringsHojd+"px";
			
			tillHundra=tillHundra+introAnimFart;
			
			introAvstand=animeringsBredd-762;
			
			if(introAvstand>1200)
			{
				introAnimFart=Math.round(introAvstand/2000);
			}
			else if(introAvstand>800)
			{
				introAnimFart=Math.round(introAvstand/200);
			}
			else
			{
				introAnimFart=1;
			}
			
		}
			
		else
		{
			clearInterval(introIntervall);
		}	
			
	},1)
}



// Roll over funktioner
var rullOverObjektStartX=0;
var rullOverObjektStartBredd=0;

var rullOverObjektX=0;
var rullOverObjektBredd=0;

var rollTillX=0;
var rollTillBredd=0;

var rollOverAnimationKlar=true;
var rollOutAnimationKlar=true;

var animFart=1;
var avstand=0;

// Den här förskjuter rolloversträcket lite ifall det är en webbläsare som behöver det
var marginalFixare=0;

var overRollOverObjekt=false;

// Den här funktionen initierar så man vet vilken startposen är för alla menyalternativen
var xPosRollOver= new Array();
var breddRollOver= new Array();
var raknareTillKollaVarden=0;

function kollaRollOverVarden(inObjekt)
{
	objektHallare=document.getElementById(inObjekt);
	initX = objektHallare.offsetLeft;
	initX=initX+marginalFixare;
	initBredd = objektHallare.offsetWidth;
	
	xPosRollOver[raknareTillKollaVarden]=initX;
	breddRollOver[raknareTillKollaVarden]=initBredd;
	
	//alert("N: " +raknareTillKollaVarden + " X: " +xPosRollOver[raknareTillKollaVarden] + " B: " +breddRollOver[raknareTillKollaVarden]);
	
	//alert("N: " +raknareTillKollaVarden + " X: " +initX + " B: " +initBredd);
	
	raknareTillKollaVarden++;
}
	
function sattRullOverXochBredd(xIn, breddIn)
{
	// Sätter startpos så vi kan återgå till den när musen rullar ut
	rullOverObjektStartX=xIn;
 	rullOverObjektStartBredd=breddIn;

	document.getElementById('rollOverDiv').style.left = xIn+"px";
	document.getElementById('rollOverDiv').style.width = breddIn+"px";
}

// En snabb specialare bara för att sätta den rätt då den hamnar olika i olika webbläsare
function satterRollOverY(yIn)
{
	document.getElementById('rollOverDiv').style.top = yIn+"px";
}

function rollOverAnim(inObjekt) // Animerar rollovern mellan olika lägen
{
	rollOutLagg=0;
	
	overRollOverObjekt=true;
	
	rollTillX = inObjekt.offsetLeft;
	rollTillX=rollTillX+marginalFixare;
	rollTillBredd = inObjekt.offsetWidth;
	
	rollOverObjekt = document.getElementById('rollOverDiv');
	rullOverObjektX = rollOverObjekt.offsetLeft;
	rullOverObjektBredd = rollOverObjekt.offsetWidth;
	
			
	if(rullOverObjektX<rollTillX && rollOverAnimationKlar || rullOverObjektX>rollTillX && rollOverAnimationKlar)
	{
		rollOverAnimationKlar=false;
		
		rollOverIntervall=setInterval(function()
		{
			// BREDD
			if(rullOverObjektBredd!=rollTillBredd)
			{
				if(rullOverObjektBredd>rollTillBredd)
				{
					rullOverObjektBredd=rullOverObjektBredd-animFart;
				}
				else if(rullOverObjektBredd<rollTillBredd)
				{
					rullOverObjektBredd=rullOverObjektBredd+animFart;
				}
			}
			
			// XPOS
			if(rullOverObjektX<rollTillX && overRollOverObjekt)
			{
				rullOverObjektX=rullOverObjektX+animFart;
				
				avstand=rollTillX-rullOverObjektX;
			}
			
			else if (rullOverObjektX>rollTillX && overRollOverObjekt)
			{
				rullOverObjektX=rullOverObjektX-animFart;
				
				avstand=rullOverObjektX-rollTillX;
			}
				
			else
			{
				rollOverAnimationKlar=true;
				clearInterval(rollOverIntervall);
			}
			
			// Avståndskollare, har olika farter beroende på olia avstånd
			if(avstand>30)
			{
				animFart=Math.round(avstand/20);
			}
			else
			{
				animFart=1;
			}
			
			document.getElementById('rollOverDiv').style.width=rullOverObjektBredd+"px";
			document.getElementById('rollOverDiv').style.left=rullOverObjektX+"px";
				
		},1)
	}
}


function rollOutAnim() // Animerar rollovern tillbaka till den aktiva länken
{
	rollOutLagg=40;
	
	overRollOverObjekt=false;
	
	/*innanStoppAnimIntervall=setInterval(function()
	{	
		if(rollOutLagg>30)
		{
		}
		else
		{
			overRollOverObjekt=false;
			clearInterval(innanStoppAnimIntervall);
		}
	},1)*/
	
	if(rullOverObjektX<rullOverObjektStartX && rollOutAnimationKlar || rullOverObjektX>rullOverObjektStartX && rollOutAnimationKlar)
	{
		rollOutAnimationKlar=false;
		
		rollOutIntervall=setInterval(function()
		{
			rollOutLagg-=1;
			
			if(rollOutLagg<5)
			{
				// BREDD
				if(rullOverObjektBredd!=rullOverObjektStartBredd)
				{
					if(rullOverObjektBredd>rullOverObjektStartBredd)
					{
						rullOverObjektBredd=rullOverObjektBredd-animFart;
					}
					else if(rullOverObjektBredd<rullOverObjektStartBredd)
					{
						rullOverObjektBredd=rullOverObjektBredd+animFart;
					}
				}	
				
				// XPOS
				if(rullOverObjektX<rullOverObjektStartX && !overRollOverObjekt)
				{
					rullOverObjektX=rullOverObjektX+animFart;
					
					avstand=rullOverObjektStartX-rullOverObjektX;
				}
				
				else if (rullOverObjektX>rullOverObjektStartX && !overRollOverObjekt)
				{
					rullOverObjektX=rullOverObjektX-animFart;
					
					avstand=rullOverObjektX-rullOverObjektStartX;
				}
					
				else
				{
					rollOutAnimationKlar=true;
					clearInterval(rollOutIntervall);
				}
				
				// Avståndskollare, har olika farter beroende på olia avstånd
				if(avstand>30)
				{
					animFart=Math.round(avstand/20);
				}
				else
				{
					animFart=1;
				}
				
				document.getElementById('rollOverDiv').style.width=rullOverObjektBredd+"px";
				document.getElementById('rollOverDiv').style.left=rullOverObjektX+"px";
			}
				
		},1)
		
	}
}