var images = new Array( 'bilder/startsidan/bildspel1/bild-1.jpg',
			'bilder/startsidan/bildspel1/bild-2.jpg',
			'bilder/startsidan/bildspel1/bild-3.jpg',
			'bilder/startsidan/bildspel2/bild-1.jpg',
			'bilder/startsidan/bildspel2/bild-2.jpg',
			'bilder/startsidan/bildspel2/bild-3.jpg');



var nextImage = 1;
var imageWidth = 333;
var imageHeight = 235;
var imageTimeout = 2000;

// Vilket bildspel ska börja, samt en totalraknare
slumpadsiffra = Math.floor ( Math.random ( ) * 2 + 1 )
var bildspelattskifta = 1;
var totalraknare = 0;

// Skapa en array för att hålla koll på vilka bildspel som har uppdaterats, samt en räknare för hålla koll på när arrayen ska nollställas
var skiftadeBildspelArr = new Array();
skiftadeBildspelArr[0] = "";
skiftadeBildspelArr[1] = "";
skiftadeBildspelArr[2] = "";
skiftadeBildspelArr[bildspelattskifta] = "anvand";
var skiftesraknare = 1;


function setOpacity(el, opacity) {

	//  Which opacity method does this browser support?

	opacity /= 100;

	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";

}

function fadeImage(el, currentOpacity) {

	currentOpacity += 5;

	if (currentOpacity > 100) {
		
		// Nollställ arrayen om den är full
		if( skiftadeBildspelArr[1] == "anvand" && skiftadeBildspelArr[2] == "anvand" ){
			skiftadeBildspelArr[1] = "";
			skiftadeBildspelArr[2] = "";
		}
		
		// Nollställt skiftesräknaren
		if( skiftesraknare == 2 )
			skiftesraknare = 0;
		
		// Slumpa fram vilket bildspel som ska skifta
		//bildspelhittat = false;
		//while( bildspelhittat == false ){
			
		//	slumpadsiffra = Math.floor ( Math.random ( ) * 2 + 1 )
			//alert(slumpadsiffra);
			
		//	if( skiftadeBildspelArr[slumpadsiffra] == "" ){
		//		skiftadeBildspelArr[slumpadsiffra] = "anvand";
		//		bildspelhittat = true;
		//		bildspelattskifta = slumpadsiffra;
		//		skiftesraknare = skiftesraknare + 1;
		//	}
		//}
		
		bildspelattskifta = bildspelattskifta + 1;
		
		if( bildspelattskifta == 3 )
			bildspelattskifta = 1;
		
		skiftadeBildspelArr[bildspelattskifta] = "anvand";
		skiftesraknare = skiftesraknare + 1;
		
		//bildspelattskifta = bildspelattskifta + 1
		//if( bildspelattskifta == 7 ){
		//	bildspelattskifta = 1;
		//}
		
		setOpacity(el, 100);
		var prevEl = el.previousSibling ? el.previousSibling : el.parentNode.lastChild;
		prevEl.style.visibility = 'hidden';
		
		zindexStr = '1';
		if( bildspelattskifta == 2 )
			zindexStr = '2';
		el.style.zIndex = zindexStr;
		window.setTimeout(startFading, imageTimeout);
	}
	else {
		setOpacity(el, currentOpacity);
		window.setTimeout(function() { fadeImage(el, currentOpacity); }, 50);
	}

}


function startFading() {
	
	totalraknare = totalraknare + 1
	
	var el = document.getElementById('bildspel'+bildspelattskifta).childNodes[nextImage];
	//alert(nextImage);
	el.style.visibility = 'visible';

	zindexStr = '3';
	if( bildspelattskifta == 2 )
		zindexStr = '2';
	el.style.zIndex = zindexStr;
	
	setOpacity(el, 0);
	fadeImage(el,0);

	//nextImage = (nextImage < images.length-1) ? nextImage + 1 : 0;
	
	//if( bildspelattskifta == 6 ){
	//	nextImage = nextImage + 1;
	//	if( nextImage == 5 )
	//		nextImage = 0;
	//}
	
	if( skiftesraknare == 2 ){
		nextImage = nextImage + 1;
		if( nextImage == 3 )
			nextImage = 0;
	}
	
	

}


function pageLoad() {

	for( raknare=1; raknare<=2; raknare = raknare+1 ){
		
		var el = document.getElementById('bildspel'+raknare);
	
		while (el.firstChild) { el.removeChild(el.firstChild); }
	
		//el.style.width = imageWidth + 'px';
		//el.style.height = imageHeight + 'px';
	
		for(var i=0; i<images.length; i++) {
			
			bildfil = images[i];
			rattbildfil=bildfil.indexOf('bildspel'+raknare);
			
			if( rattbildfil > 0 ){
				var t = document.createElement('IMG');
				t.setAttribute('src',images[i]);
				//t.setAttribute('width',imageWidth);
				//t.setAttribute('height',imageHeight);
				t.style.position = 'absolute';
				
				zindexStr = '1';
				if( raknare == 2 ){
					zindexStr = '1';
				}
				t.style.zIndex = zindexStr;
				
				t.style.visibility = 'hidden';
				el.appendChild(t);
			}
	
		}
	
		el.firstChild.style.visibility = 'visible';
	
	}

	window.setTimeout(startFading, 6000);

}


window.onload = pageLoad;