function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
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 shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimagex(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}



function get_stuff(){
	new Ajax.Request('/ajax.php',{ 
		method:'post', onSuccess: function(transport){
			var response = transport.responseText || "no response text";
			
			var update = new Array();
 
        	if(response.indexOf('|' != -1)) {
         	   	update = response.split('|');
				blendimagex('bild_1', 'bild1', update[5], 3800);
				var element1 = document.getElementById('bild1');
				element1.src = update[1];
				blendimagex('bild_2', 'bild2', update[6], 3500);				
				var element2 = document.getElementById('bild2');
				element2.src = update[2];
				blendimagex('bild_3', 'bild3', update[7], 4500);
				var element3 = document.getElementById('bild3');
				element3.src = update[3];
				blendimagex('bild_4', 'bild4', update[8], 4300);
				var element4 = document.getElementById('bild4');

				element4.src = update[4];
      	  	}



			}, onFailure: function(){
			
			}   
		}
	); 
}

function show_that(that){ 
	document.getElementById(that).style.display='block';
	document.getElementById(that).style.visibility='visible';
}
function hide_that(that){ 
	document.getElementById(that).style.display='none';
	document.getElementById(that).style.visibility='hidden';
}

function blenddiv(divid, div2, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.display='none';
	
	//make image transparent
	changeOpac(0, div2);
	
	//make new image
	document.getElementById(div2).style.display = 'block';
	document.getElementById(div2).style.visibility = 'visible';

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + div2 + "')",(timer * speed));
		timer++;
	}
}


window.setInterval("get_stuff()", 8000);

window.setTimeout("showroom()", 3000);

window.setInterval("showroom()", 14000);

function showroom(){
	hide_that('stream3');
	window.setTimeout("blenddiv('stream', 'stream2', 2000)", 500);
	hide_that('stream');
	window.setTimeout("blenddiv('stream2', 'stream3', 2000)", 6000);
	hide_that('stream2');
	window.setTimeout("blenddiv('stream3', 'stream', 2000)", 10000);
	hide_that('stream2');

}