var path="images/"; /* path to the images */
var isIE=document.all?true:false;
var isNS4=document.layers?true:false;
var isNS6=!isIE&&document.getElementById?true:false;
var n=0;
var imgs = new Array();
var c=0; /* used to load images in any order you specify and only change the image name */
	imgs[c] = new Image();imgs[c++].src=path+"moonscape.jpg";
	imgs[c] = new Image();imgs[c++].src=path+"panel.jpg";
	imgs[c] = new Image();imgs[c++].src=path+"termbar.jpg";
	imgs[c] = new Image();imgs[c++].src=path+"logo.gif";
	imgs[c] = new Image();imgs[c++].src=path+"fiberduct.jpg";
	imgs[c] = new Image();imgs[c++].src=path+"trailerview.jpg";

function rotate()
{
	(n==(imgs.length-1))?n=0:n++;
	var _setTo=imgs[n].src;
	blendimage("fotobg","foto",_setTo,2000);
}

function setStyleById(i, p, v) {
	var z = document.getElementById(i);
	z.style[p] = v;
}

function changeOpac(opacity, id) {
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function blendimage(divid, imageid, imagefile, millisec) { 
	var speed = Math.round(millisec / 100); 
	var timer = 0; 
	document.getElementById(divid).style.background = "no-repeat url(" + document.getElementById(imageid).src + ")"; 
	changeOpac(0, imageid); 
	document.getElementById(imageid).src = imagefile; 
	for(i = 0; i < 100; i+=4) { 
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
		timer++; 
	} 
	setTimeout("document.getElementById(\"" + divid + "\").style.background = \"url('" + imagefile + "')\"",(timer*speed)); 
}