var imageArray = new Array('logga_a.jpg', 'logga_b.jpg','logga_c.jpg','logga_d.jpg','logga_e.jpg');
var myImages=new Array();
for(i=0; i<=imageArray.length-1; i++){
	myImages[i]=new Image()
	myImages[i].src=imageArray[i]
}
var time = 4000;
var fade_up = 0;
var fade_down = 100;
var fadespeed = 10; //lower the faster;
var isf = 0;
var interval = 0;
var wait = 0;
var nextpic = 0;
var startpic = Math.random()*(imageArray.length-1);
startpic = Math.round(startpic);

function startImageShow(){
	if(startpic == 4){
		pic = 0;
	}
	else{
		pic = startpic+1;
	}
	document.write("<div style='background-image: url(logos/" + imageArray[pic] + "); background-repeat: no-repeat;' id='id_div'><img src='logos/" + imageArray[startpic] + "' id='id_img' /></div>");
	imgShow();
}

function imgShow(){
	if(isf == 0 || wait == 1){
		wait = 0;
		delay();
	}
	else if(isf == 1){
		fadeDownImg();
	}
	else if(isf == 2){
		fadeUpImg();
	}
}

function delay(){	
	if(isf == 2){
		setTimeout("imgShow()", time);
	}
	else{
		isf = 1;	
		setTimeout("imgShow()", time);
	}
}

function fadeDownImg(){
	interval = setInterval("changeOpacityDown()", fadespeed);
}

function fadeUpImg(){
	interval = setInterval("changeOpacityUp()", fadespeed);
}

function changeOpacityDown(){
	var objBrowser = document.getElementById("id_img").style;	
	objBrowser.opacity = fade_down/100;
	objBrowser.MozOpacity = (fade_down/100);
	objBrowser.KhtmlOpacity = (fade_down/100);
	objBrowser.filter = "alpha(opacity="+fade_down+")";
	fade_down = fade_down - 1;
	if(fade_down == 0){
		clearInterval(interval);
		fade_down = 100;
		isf = 2;
		wait = 1;
		w = 0;
		changePic(w);
		imgShow();
	}	
}

function changeOpacityUp(){
	var objBrowser = document.getElementById("id_img").style;	
	objBrowser.opacity = fade_up/100;
	objBrowser.MozOpacity = (fade_up/100);
	objBrowser.KhtmlOpacity = (fade_up/100); 
	objBrowser.filter = "alpha(opacity="+fade_up+")";
	fade_up = fade_up + 1;
	if(fade_up == 100){
		clearInterval(interval);
		fade_up = 0;
		isf = 1;
		wait = 1;
		w = 1;
		changePic(w);
		imgShow();
	}	
}

//Ändra bild för "img" eller "div"
function changePic(w){
	if(w == 0){
		if(pic == 4){
			pic = 0;
		}
		else{
			pic = pic+1;
		}
		document.getElementById("id_img").src = "logos/" + imageArray[pic];
	}
	else{
		if(pic == 4){
			pic = 0;
		}
		else{
			pic = pic+1;
		}	
		document.getElementById("id_div").style.backgroundImage = "url(logos/" + imageArray[pic] + ")";
	}
}

function popUp8() {
	props8=window.open('fredrikklint/foto_nb3_s.jpg', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=1050, height=750, left = 10, top = 200');
}
function popUp7() {
	props7=window.open('fredrikklint/foto_s.jpg', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=1050, height=390, left = 10, top = 200');
}
function popUp6() {
	props6=window.open('tobiasklint/jul08_s.jpg', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=625, height=475, left = 10, top = 200');
}
function popUp5() {
	props5=window.open('tobiasklint/maj082.jpg', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=930, height=260, left = 10, top = 200');
}
function popUp4() {
	props4=window.open('tobiasklint/mar082.jpg', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=990, height=240, left = 10, top = 200');
}
function popUp3() {
	props3=window.open('tobiasklint/pic3.jpg', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=1200, height=320, left = 10, top = 200');
}
function popUp2() {
	props2=window.open('tobiasklint/pic1.jpg', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=932, height=590, left = 10, top = 200');
}
function popUp1() {
	props1=window.open('tobiasklint/jul07.jpg', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=663, height=474, left = 10, top = 200');
}