//Per-browser opacity settings
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, newHref) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//Makes the current image the background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//Makes the current image transparent
	changeOpac(0, imageid);
	
	//Loads the new image
	document.getElementById(imageid).src = imagefile;
	document.getElementById('picspan').href = newHref;
	
	//Fades in the new image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}


var netscapeFixed = false;

function changerollOver(toThis)
	{
		if (document.layers)
			{
				var myLayer = document.layers["rollOver"];
				myLayer.document.writeln("<span class='rollOver'>" + toThis + "</span>");
				myLayer.document.close();
				if (!netscapeFixed)
			{
				myLayer.left = myLayer.pageX;
				myLayer.top = myLayer.pageY;
				netscapeFixed = true;
			}
	}

if (document.all){document.all.rollOver.innerHTML = toThis;}

// Detects for NS6 and finds ID accordingly - NS6 does not recognize NN layers or document.all
else if (document.getElementById)
{document.getElementById("rollOver").innerHTML = toThis;}

else{}

}

//Arrays and corresponding texts
var eachEvent = new Array('Workstation heating in large halls','Drying of painted surfaces','Material, machine and workstation heating','Portable heat for sports events','Heating and drying on construction sites','De-icing and tempering of machines','Rational heating of various workstations','Efficient spot heating outdoors');

//Formats and integrates texts
var rollOne = '<b>' + eachEvent[0] + '</b>';
var rollTwo = '<b>' + eachEvent[1] + '</b>'; 
var rollThree = '<b>' + eachEvent[2] + '</b>';
var rollFour = '<b>' + eachEvent[3] + '</b>';
var rollFive = '<b>' + eachEvent[4] + '</b>';
var rollSix = '<b>' + eachEvent[5] + '</b>';
var rollSeven = '<b>' + eachEvent[6] + '</b>';
var rollEight = '<b>' + eachEvent[7] + '</b>';

var thisEvent = '<b>' + 'Choose a colour!'  + '</b>';