function HeadElement(id, name, x, y, url) {
	this.img1 = new Image();
	this.img1.src = '../img/home/home_mz_' + id + '.jpg';
	this.img2 = new Image();
	this.img2.src = '../img/home/home_fb_' + id + '.jpg';
	this.text = 'Küchenmaschine&nbsp;KM2&nbsp;mit<br><img src="../img/pfeil.jpg" style="margin-top:2px;margin-right:8px;"/><a href="' + url + '">' + name + '</a>';
	this.x = x;
	this.y = y;
}

var img = new Array(
	new HeadElement('flw','Fleischwolf',750, 185,'fleischwolf.php'),
	new HeadElement('es5','Rühr und Knetwerk mit<br/><span style="margin-right:16px;">&nbsp;</span>5&#x2113; - Edelstahlschüssel',400,305,'ruehrknetwerk-edelstahl-5l.php'),
	new HeadElement('mix','Mixeraufsatz',550,200,'mixer.php'),
	new HeadElement('es7','Knetwerk und<br/><span style="margin-right:16px;">&nbsp;</span>7,5&#x2113; - Edelstahlschüssel',375,305,'knetwerk-edelstahl-7l.php'),
	new HeadElement('gmr','Gemüseraffel',740,190,'gemueseraffel.php'),
	new HeadElement('rkw','Rühr- und Knetwerk mit<br/><span style="margin-right:16px;">&nbsp;</span>5&#x2113; - Duroplast-Schüssel',400,305,'ruehrknetwerk-duroplast-5l.php'),
	new HeadElement('gmk','Getreidemühle System Messerschmidt',330,385,'getreidemuehle-messerschmidt.php'),
	new HeadElement('frp','Früchtepresse',750,185,'fleischwolf.php?show=5'),
	new HeadElement('flq','Flockenbar',750,185,'flockenbar.php'),
	new HeadElement('gmm','Getreidemühle Metall',750,185,'getreidemuehle-metall.php')
);

function startSlides() {
	setTimeout("slides()", 1000);
}

var intervalId;
function slides() {
	nextSlide();
	intervalId = setInterval("nextSlide()", 4000);
}

function stopSlides() {
	clearInterval(intervalId);
}

function showText(i) {
	$('p_text').innerHTML = img[i].text;
	$('div_text').setStyles({left: img[i].x , top: img[i].y});
	$('div_text').tween('opacity','1');
}


var i = img.length - 1;
var fadeDuration = 1000;
var fx, fx2;
function nextSlide() {

	$('div_text').setOpacity(0);
	$('img_mz_fg').setOpacity(0);
	$('img_fb_fg').setOpacity(0);

	if (++i >= img.length) {
		i = 0;
	}

	$('img_mz_fg').src = img[i].img1.src;
	$('img_fb_fg').src = img[i].img2.src;
	fx = new Fx.Tween('img_mz_fg', {
		property: 'opacity',
		duration: fadeDuration
	});
	fx2 = new Fx.Tween('img_fb_fg', {
		property: 'opacity',
		duration: fadeDuration
	});
	fx.start(1);
	fx2.start(1);
	setTimeout("showText(" + i + ")", 1000);
	setTimeout("flipImages(" + i + ")", fadeDuration);
}

function flipImages(i) {
	$('img_mz_bg').src = img[i].img1.src;
	$('img_fb_bg').src = img[i].img2.src;
}

function stop() {
	fx.cancel();
	fx2.cancel();
}

function toggleDates(show) {
	for (var i = 0; i < 3; i++) {
		$('div_dates' + i).style.visibility = (show == i)? 'visible' : 'hidden';
	}
}

