var boxes = [['buch', 0], ['cd', 0], ['broschur', 0], ['plakat', 0], ['buero', 0]];

window.addEvent('domready', function() {
	var menuSlide = new Fx.Slide('menu');
	menuSlide.hide();
	
	$('arrow').addEvent('mouseover', function(event) {
		$('arrow').setStyle('cursor', 'pointer');
	});
	
	$('arrow').addEvent('click', function(event) {
		menuSlide.toggle();
	});
	
	for (var i=0; i<boxes.length; i++) {
		changePicture(boxes[i][0], i);
	}
});

function changePicture(name, index) {
	$('start_'+name).addEvent('mouseover', function(event) {
	//$ES('li', 'menu')[index].addEvent('mouseover', function(event) {
		if (boxes[index][1] == 0) {
			/* Transform Image -> Text */
			boxes[index][1] = 1;
			new Fx.Style('start_'+name, 'opacity', {wait: true, onComplete: function(evt) {
				$('start_'+name).setProperty('src', 'images/index_'+name+'_text.png');
				new Fx.Style('start_'+name, 'opacity').start(0, 1);
			}}).start(1, 0);
			
			/* Sleep 3 seconds and transform back */
			//setTimeout(function() {changePictureBack(name, index)}, 3000);
		}
	});
	
	$('start_'+name).addEvent('mouseout', function(event) {
		changePictureBack(name, index);
	});
};

function changePictureBack(name, index) {
	new Fx.Style('start_'+name, 'opacity', {wait: true, onComplete: function(evt) {
		$('start_'+name).setProperty('src', 'images/index_'+name+'_start.png');
		new Fx.Style('start_'+name, 'opacity').start(0, 1);
	}}).start(1, 0);
	boxes[index][1] = 0;
};