window.addEvent('domready', function() {
	var activereiter = '';
	var reiterstate = true;
	$$('div#elementbox div.element').setStyle('position', 'absolute');
	//$('0reiter').setStyle('background-color', '#f4ecd6');
	

	$$('div#reiterbox div.reiter').addEvents({
    		'click': function(){
				if( this.id != activereiter && reiterstate){
					activereiter = this.id;
					reiterstate=false;
					$$('div#elementbox div.element').setStyle('opacity', '0');
					$$('div#reiterbox div.reiter').setStyle('background-color', '#eee1bc');
					this.set('tween', {duration: 500});
					this.tween('background-color', '#f4ecd6');
					var elementId = parseInt(this.id,10)+'element';
					$(elementId).set('tween', {duration: 1000, onComplete:function(){reiterstate=true} });
					$(elementId).tween('opacity', '1');
				}
   	 		},
    		'mouseover': function(){
				if( this.id != activereiter ){
					this.setStyle('background-color', '#e2cf98');
				}
   	 		},
    		'mouseleave': function(){
				if( this.id != activereiter ){
					this.set('tween', {duration: 500});
					this.tween('background-color', '#e2cf98', '#eee1bc');
				}
    		}
	})
	$('0reiter').fireEvent('click');
})