jQuery.noConflict();

jQuery(document).ready(function(){
	jQuery("body").append('<div id="stoerung"></div>');
	for (var i=0; i<css_elements.length; i++) {
		window.setTimeout("changeElement('"+css_elements[i][0]+"',"+css_elements[i][1]+")", css_elements[i][2]*1000);
	}
});

function changeElement(element, step) {
	showStoerung();
	window.setTimeout("hideStoerung()", 200);
	if (element == 'HEADER') {
		//wird nicht mehr benoetigt (videoheader)
		/*var img = document.getElementById('HEADER').getElementsByTagName('IMG');
		var path = img[0].src;
		path = getNewImagePath(path, step);
		img[0].src = path;*/
	}
	else {
		jQuery("#"+element).removeClass("step0 step1 step2 step3");
		jQuery("#"+element).addClass("step"+step);
	}
}
function getNewImagePath(old_path, new_step) {
	var step_paths = new Array("step_0", "step_1", "step_2", "step_3");
	for (var i=0; i<step_paths.length; i++) {
		if (old_path.search(step_paths[i])) {
			var result = old_path.replace(step_paths[i], "step_"+new_step);
			return result;
		}
	}
	return old_path;
}
function showStoerung() {
	var height = jQuery("body").outerHeight();
	var width = jQuery("body").outerWidth();
	jQuery("#stoerung").height(height);
	jQuery("#stoerung").width(width);
	jQuery("#stoerung").addClass("active");
}
function hideStoerung() {
	jQuery("#stoerung").removeClass("active");
}