// Et array med navnene på alle billederne
var billede = new Array();

billede[0] = 'billede1.jpg';

billede[1] = 'billede10.jpg';

billede[2] = 'billede11.jpg';

billede[3] = 'billede12.jpg';

billede[4] = 'billede13.jpg';

billede[5] = 'billede14.jpg';

billede[6] = 'billede15.jpg';

billede[7] = 'billede16.jpg';

billede[8] = 'billede17.jpg';

billede[9] = 'billede18.jpg';

billede[10] = 'billede19.jpg';

billede[11] = 'billede2.jpg';

billede[12] = 'billede20.jpg';

billede[13] = 'billede3.jpg';

billede[14] = 'billede4.jpg';

billede[15] = 'billede5.jpg';

billede[16] = 'billede6.jpg';

billede[17] = 'billede7.jpg';

billede[18] = 'billede8.jpg';

billede[19] = 'billede9.jpg';


// Billede overlapningstiden angivet i sekunder
var overlap = 4;

// Billedesjift hastigheden angivet i millisekunder
var hastighed = 1000;

// Nummeret på det billede der skal vise
var aktuel_billede = 3;

// Antal billeder ialt
var billeder_ialt = billede.length;

// Nummeret på det "img tag" som det aktueller billede skal vises i
var billede_nr = 1;

var billede_nr_tmp = 0;

// Stien til billederne
var sti = "/media/images/topbilleder/";


blandBilleder();


var containerWidth = -500;
var leftPos = 0; //Math.floor(Math.random() * containerWidth);

var sliderWidth = 7;
var speed = 90;
var direct = 1;



function changeImages() {
    document.getElementById("topbillede1").src = sti + billede[0];
    document.getElementById("topbillede2").src = sti + billede[1];
    document.getElementById("topbillede3").src = sti + billede[2];
    slider();
}

// Funktion som blander billederne i arrayet
function blandBilleder() {
  
	var tal=0;
	var tmp=0;
  	for (i = 0 ; i < billeder_ialt ; i++ ) {
		tal = Math.floor(Math.random() * billeder_ialt);
		tmp = billede[i];
		billede[i] = billede[tal] ;
		billede[tal] = tmp; 
  	}
}

function billedenr()
{
	return Math.floor(Math.random() * 3) + 1;
}


function skiftBillede(billede_nr_){

  	if (document.all){
				
		document.getElementById('topbillede' + billede_nr_).style.filter="blendTrans(duration=2)";
     	document.getElementById('topbillede' + billede_nr_).style.filter="blendTrans(duration=overlap)";
   	  	document.getElementById('topbillede' + billede_nr_).filters.blendTrans.Apply();  
	
	 	document.getElementById('topbillede' + billede_nr_).src = sti + billede[aktuel_billede];
		 if (document.all)
	    	document.getElementById('topbillede' + billede_nr_).filters.blendTrans.Play();	  	     
  	}
	
	aktuel_billede++;
	if (aktuel_billede > (billeder_ialt - 1)) 
		aktuel_billede=0;
		
}


function slider() {
	document.getElementById("slide").style.left = leftPos + "px";
	if(direct == 1) <!-- slider kører mod højre -->
	{
		if (leftPos == (490)) 
		{
			direct = 2;
			leftPos -= 2;
			skiftBillede(3)
		}
		else
		{
			leftPos += 2;
		}
	}
	else
	{
		if (leftPos <= (0)) <!-- slider kører mod venstre -->
		{
			direct = 1;
			leftPos += 2;
			skiftBillede(1)
		}
		else
		{
			leftPos -= 2;
		}

	}	
	switch(leftPos)
	{

		case 80 :
		{
			skiftBillede(3);
			break;
		} 
	
		case 164 :
		{
			switch(direct)
			{
				case 1:
				{
					skiftBillede(3);
					break;
				}
				
				case 2:
				{
					skiftBillede(2);
					break;
				}
			}
			break;

		}
		
		case 246 :
		{
			skiftBillede(2);
			break;
		}
		
		case 328 :
		{
			switch(direct)
			{
				case 1:
				{
					skiftBillede(2);
					break;
				}
				
				case 2:
				{
					skiftBillede(1);
					break;
				}
			}
			break;
		}
		
		case 410 :
		{
			skiftBillede(1);
			break;
		}
	}
	setTimeout("slider()", 90);
	
	
}