// Damit ein SyntaxHighlighting vorhanden ist
// <script type="text/javascript">

var fade = {
	////////////////////////////////////////////////////////////////////////////////
	// Einstellungen
	header_text: '',
	opacity_step: 5,
	rate: 25,
	count: 0,
	
	////////////////////////////////////////////////////////////////////////////////
	// Standard Einstellungen
	start: 5000,
	repeat: 5000,
	////////////////////////////////////////////////////////////////////////////////
	// Starten der Bilderleisten
	fade:function(obj) {
		var errors = 0;
		fade.header_text = obj.imgs[0][1];
		
		
		// Anzahl Bilder
		if(obj.imgs.length < 2) errors++;

		// Standardeinstellungen uebernehmen wenn nicht angegeben
		if(typeof(obj.start) == 'undefined')  obj.start = fade.start;
		if(typeof(obj.repeat) == 'undefined') obj.repeat = fade.repeat;
		
		// Starten der Bilderleiste
		if(errors == 0) {
		// Bilder vorladen
			var img = new Array();
			for(var i in obj.imgs) {
				img[i] = new Image();
				img[i].src = obj.imgs[i][0];
			}
			setTimeout(function() { fade.changeImage(obj); }, obj.start);
		}
	},
	
	////////////////////////////////////////////////////////////////////////////////
	// Fadet das naechste Bild ein
	changeImage:function(obj) {
		var count_images = obj.imgs.length;
		var obj1 = document.getElementById(obj.id1);
		var obj2 = document.getElementById(obj.id2);

		for(var i in obj.imgs) {
			if(obj1.style.backgroundImage == 'url('+obj.imgs[i][0]+')' || 
				 obj1.style.backgroundImage == 'url("'+obj.imgs[i][0]+'")' ||
				 obj1.style.backgroundImage == 'url(http://'+window.location.hostname+obj.imgs[i][0]+')' ||
				 obj1.style.backgroundImage == 'url("http://'+window.location.hostname+obj.imgs[i][0]+'")') { 

				i = parseInt(i);

				// Naechstes Bild setzen
				if(i+1 == count_images) var next = obj.imgs[0][0];
				else var next = obj.imgs[i+1][0];
				
				// Übernaechstes Bild setzen
				if(i+2 == count_images) var overnext = obj.imgs[0][0];
				else if(i+2 > count_images) var overnext = obj.imgs[1][0];
				else var overnext = obj.imgs[i+2][0];
			}
		}
		
		if(next && overnext) {
			fade.count++;
			if(fade.count>=count_images) fade.count = 0;
			fade.header_text = obj.imgs[fade.count][1];
			
			if(obj1.style.display == '' || obj1.style.display == 'block') {
				fade.fadeOut(obj.id1,'document.getElementById("'+obj.id1+'").style.backgroundImage = "url('+overnext+')";');
			} else {
				fade.fadeIn(obj.id1,'document.getElementById("'+obj.id2+'").style.backgroundImage = "url('+next+')";');
			}

			// Funktion wiederholen
			setTimeout(function() { fade.changeImage(obj); }, obj.repeat);
		}
	},
	
	////////////////////////////////////////////////////////////////////////////////
	// Blendet ein Objekt aus
	fadeOut:function(id,callback) {
		var obj = document.getElementById(id);
		
		// Opacity Startwert
		if(typeof(obj.opacity) == 'undefined') obj.opacity = 100;
		
		// Opacity verändern
		if(obj.opacity > 0) {
			obj.opacity -= fade.opacity_step;
			if(obj.opacity < 0) obj.opacity = 0;
	
			if(obj.filters) {
				try {
					obj.filters.item("DXImageTransform.Microsoft.Alpha").opacity = obj.opacity;
				} catch(e) {
					// If it is not set initially, the browser will throw an error.  This will set it if it is not set yet.
					obj.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + obj.opacity + ")";
				}
			} else {
				obj.style.opacity = obj.opacity / 100;
			}
		}
		
		// Solange wiederholen, bis ganz ausgeblendet
		if(obj.opacity > 0) {

			setTimeout(function() { fade.fadeOut(id,callback); }, fade.rate);
		} else {
			obj.style.display = "none";
			if(callback) eval(callback);
		}
	},
	
	////////////////////////////////////////////////////////////////////////////////
	// Blendet ein Objekt ein
	fadeIn:function(id,callback) {
		var obj = document.getElementById(id);
		obj.style.display = '';
		
		// Opacity Startwert
		if(typeof(obj.opacity) == 'undefined') obj.opacity = 0;
		
		// Opacity verändern
		if(obj.opacity < 100) {
			obj.opacity += fade.opacity_step;
			if(obj.opacity > 100) obj.opacity = 100;
	
			if(obj.filters) {
				try {
					obj.filters.item("DXImageTransform.Microsoft.Alpha").opacity = obj.opacity;
				} catch(e) {
					// If it is not set initially, the browser will throw an error.  This will set it if it is not set yet.
					obj.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + obj.opacity + ")";
				}
			} else {
				obj.style.opacity = obj.opacity / 100;
			}
		}
		
		// Solange wiederholen, bis ganz ausgeblendet
		if(obj.opacity < 100) {
			setTimeout(function() { fade.fadeIn(id,callback); }, fade.rate);
		}else{
			if(callback) eval(callback);
		}
	}
	
};
var	img_1 = new Array('/timm_images/kopfbilder_neu/tvf_produktlinien-natur_1.gif','');
var	img_2 = new Array('','');
var	img_3 = new Array('','');
var	img_4 = new Array('','');
var	img_5 = new Array('','');

//header_text = '';
var the_header = {
	id1: 'bild_1',
	id2: 'bild_2',
	imgs: new Array(img_1,img_2,img_3,img_4,img_5)
};
fade.fade(the_header);