var fxFadeBox1 = new Fx.Styles($('box1'), {duration:400, wait:false});
var fxFadeBox2 = new Fx.Styles($('box2'), {duration:300, wait:false});
var fxFadeBox3 = new Fx.Styles($('box3'), {duration:300, wait:false});
var fxFadeBox4 = new Fx.Styles($('box4'), {duration:300, wait:false});
var fxFadeBox5 = new Fx.Styles($('box5'), {duration:300, wait:false});
var fxFadeBox6 = new Fx.Styles($('box6'), {duration:300, wait:false});
var fxFadeBox7 = new Fx.Styles($('box7'), {duration:300, wait:false});

	$('box1').setOpacity(0);
	$('box2').setOpacity(0);
	$('box3').setOpacity(0);
	$('box4').setOpacity(0);
	$('box5').setOpacity(0);
	$('box6').setOpacity(0);
	$('box7').setOpacity(0);
	


var fadePumpe = 180;

var visibleTrocken = false;
var visibleNass = false;
var visibleMaster = false;



function init() {
	visibleTrocken = true;
	showBox('boxTrockenlaeufer');
	hideBox('boxNasslaeufer');	
	hideBox('boxMasterflex');	
	$("linkTrockenlaeufer").addClass("active");
}

function showBox(id) {
	$(id).setStyle('display', 'block');
}

function hideBox(id) {
	$(id).setStyle('display', 'none');
}

function showTrocken() {
	visibleTrocken = true;
	visibleNass = false;
	visibleMaster = false;
	showBox('boxTrockenlaeufer');
	hideBox('boxNasslaeufer');
	hideBox('boxMasterflex');
	$("linkTrockenlaeufer").addClass("active");
	$("linkNasslaeufer").removeClass("active");
	$("linkMasterflex").removeClass("active");
}

function showNass() {
	visibleTrocken = false;
	visibleNass = true;
	visibleMaster = false;
	hideBox('boxTrockenlaeufer');
	showBox('boxNasslaeufer');
	hideBox('boxMasterflex');
	$("linkTrockenlaeufer").removeClass("active");
	$("linkNasslaeufer").addClass("active");
	$("linkMasterflex").removeClass("active");
}

function showMaster() {
	visibleTrocken = false;
	visibleNass = false;
	visibleMaster = true;
	hideBox('boxTrockenlaeufer');
	hideBox('boxNasslaeufer');
	showBox('boxMasterflex');
	$("linkTrockenlaeufer").removeClass("active");
	$("linkNasslaeufer").removeClass("active");
	$("linkMasterflex").addClass("active");
}



$("linkTrockenlaeufer").onmouseover = function() {
	if (!visibleTrocken) {
		showTrocken();
	}
}

$("linkNasslaeufer").onmouseover = function() {
	if (!visibleNass) {
		showNass();
	}
}

$("linkMasterflex").onmouseover = function() {
	if (!visibleMaster) {
		showMaster();
	}
}



window.addEvent('domready', function() {
	(function(){ 
		$('boxcontainer').setStyle('display', 'block');
		fxFadeBox1.start({'opacity': 1}).chain(function(){
				fxFadeBox2.start({'opacity': 1});
			});
	}).delay(1000);
	fxFadeBox2.chain(function() {
		fxFadeBox3.start({'opacity': 1});
	});
	fxFadeBox3.chain(function() {
		fxFadeBox4.start({'opacity': 1});
	});
	fxFadeBox4.chain(function() {
		fxFadeBox5.start({'opacity': 1});
	});
	fxFadeBox5.chain(function() {
		fxFadeBox6.start({'opacity': 1});
	});
	fxFadeBox6.chain(function() {
		fxFadeBox7.start({'opacity': 1});
	});

});

init();