// JavaScript Document

var activeContent;
var opacity = 0;
var fadeIn;
var fadeOut;
var fading = false;
var contentNr=1;
function setup()
{
	activeContent = document.getElementById('fading1');	
	if (activeContent != null){
		activeContent.style.zIndex = 100;
		activeContent.style.visibility='visible';
		var i = 2;
		var tmpContent = document.getElementById('fading' + i);
	
		while(tmpContent != null)
		{		
			tmpContent.style.zIndex = 0;
			tmpContent.style.visibility='visible';
			resetOpac(tmpContent.style); 
			i++;
			tmpContent = document.getElementById('fading' + i);
		}
		 contentNr=2;
		setTimeout('showContent()', 6000);
	}
}


function showContent()
{		
    var content = document.getElementById('fading' +  contentNr);
    if(content == null)
    {
    		content = document.getElementById('fading1');    	
	 	contentNr=1;	 
	 }
	if(!fading)
	{
	fading = true;
	resetOpac(content.style);
	content.style.zIndex = 101;
  	fadeIn = content.style;
  	fadeOut = activeContent.style;
	setTimeout('changeOpac()',20);    
	activeContent = content;      
	contentNr++;
      }
}


function resetOpac(id) { 
    id.opacity = (0); 
    id.MozOpacity = (0);
  	id.KhtmlOpacity = (0); 
    id.filter = "alpha(opacity=0)";     
}

function changeOpac() 
{ 
    fadeIn.opacity = (opacity / 100); 
    fadeIn.MozOpacity = (opacity / 100); 
    fadeIn.KhtmlOpacity = (opacity / 100); 
    fadeIn.filter = "alpha(opacity=" + opacity + ")"; 
    
    opacity +=5;
    if (opacity >= 100)
    {
		opacity = 0;
		fadeIn.zIndex = 100;
		fadeOut.zIndex = 0;
		resetOpac(fadeOut);
		fading = false;	
		setTimeout('showContent()', 4500);

	}
	else
	{		
        	setTimeout('changeOpac()',5);
	}
} 


function loadLast(){

	document.getElementById("fading1").src = "Images/startsida/Webbaserat1.jpg";
	document.getElementById("fading2").src = "Images/startsida/Webbaserat3.jpg";
	document.getElementById("fading3").src = "Images/startsida/HighSecurity1.jpg";
	document.getElementById("fading4").src = "Images/startsida/HighSecurity3.jpg";
	document.getElementById("fading5").src = "Images/startsida/mallar1.jpg";
	document.getElementById("fading6").src = "Images/startsida/mallar3.jpg";
	
}