var switched = false;
var t;
var opacity = 100;
var fadeup = false;

startPicSwitch = function() {
	//setTimeout("fadePic()", 500)
	setTimeout("switchPic()", 2000)
}

function fadePic() {
	changeOpacity(opacity, "floorballpic");

	if (fadeup)
		opacity+=5;
	else
		opacity-=5;

	if (opacity == 0) {
		switchPic();
		fadeup = true;
	}
	else if (opacity == 100) {
		fadeup = false;
	}

	t=setTimeout("fadePic()", 500)
}

var picindex=0;
function switchPic() {
	picindex = (picindex+1) % 16;

	document.getElementById("floorballpic").src = "images/floorball/pic" + picindex + ".jpg";
	setTimeout("switchPic()", 2000)
}

function changeOpacity(opacity, id) {
	var object = document.getElementById(id).style;
	object.filter = "alpha(opacity=" + opacity + ")";
	object.opacity = (opacity / 100);
}
window.onload=switchPic;