function menuEffects(){

	var menu = $$('#mainmenu>ul>li');
	menu.each( function(el) {
		el.addEvent('mouseenter', function(){
			moveTo( el.getCoordinates($('mainmenu')).right );
		});
	});

}

function moveTo(pos){	
	var boxen = $$('#m_boxen div');
	
	if(boxen[0].getCoordinates($('mainmenu')).right < pos){
		boxen[0].set('tween',{'duration':800});
		boxen[1].set('tween',{'duration':550});
		boxen[2].set('tween',{'duration':400});
	} else {
		boxen[0].set('tween',{'duration':400});
		boxen[1].set('tween',{'duration':550});
		boxen[2].set('tween',{'duration':800});	
	}

	boxen[0].tween('left',pos-18);
	boxen[1].tween('left',pos-9);
	boxen[2].tween('left',pos);

}

function showSub( id ){
	var element = $(id.toString());
	var contarea = $('contentarea');
	
	var akk = contarea.getElements('div.akkordeon .akkordeon_content');
	akk = akk.filter( function(el){  return el.get('slide').open; } );
	
	if( akk.length > 0 ){
		var a = akk.pop();
		if( element != undefined )
			a.set('slide',{ 'onComplete':function(e){
											element.getElement('.akkordeon_content').set('slide' , { 'onComplete':undefined } );
											element.getElement('.akkordeon_content').slide('in');
										} } );
		a.slide('out');
		if(akk.length > 0)
			akk.slide('out');
	} else {
		if( element != undefined ){
			element.getElement('.akkordeon_content').slide('in');
		}
	}
}

function gallerie_init(){
	var gallerien = $$('.gallerie');
	
	if(gallerien.length>0){
	
		gallerien.each( function(gal){
			var k=gal.getElements('.kategorie');
			var navigation = gal.getLast('.navigation');

			if(k.length<2){	
				navigation.destroy();
			} else {
				var weiter = navigation.getElement('.weiter');
				var zuruck = navigation.getElement('.zuruck');
				
				zuruck.addEvent('click',function(e){
											e.stop();
											var act = gal.getElement('.kategorie.act');
											
											if(act!=k[0]){
												// eins zurück
												act.fade('out');
												act.removeClass('act');
												var act=act.getPrevious('.kategorie').addClass('act').fade('show');
											} else {
												// zum letzten springen
												act.removeClass('act');
												var act=k.getLast().addClass('act').fade('in');
											}
										});
				
				weiter.addEvent('click',function(e){
											e.stop();
											var act = gal.getElement('.kategorie.act');
											
											if(act!=k.getLast()){
												// eins weiter
												var next = act.getNext('.kategorie');
												act.removeClass('act');
												next.addClass('act');
												next.fade('in');
											} else {
												// zum ersten springen
												act.removeClass('act');
												k[0].fade('show').addClass('act');
												k.slice(1,-1).each(function(el){el.fade('hide')});
												k.getLast().fade('out');
												var act=k[0];
											}
										});
				
				
			}
			
			k[0].addClass('act');
			k.each( 
				function(kat,ind){
					if(ind > 0) kat.fade('hide');
				
					var picContainer = kat.getElement('.bilder');
					var pics = picContainer.getElements('img');
					//pics.each(function(p){ p.addEvent('load', function(){console.log(this.getProperty('src'))}); });
					var nav = kat.getElement('.navigation');
								
					if(pics.length > 1){
						nav.adopt( new Element('p',{'text':'artwork'}));
						pics.each(function(p,index){
						
							if(index>0) p.fade('hide');
							var text = index+1;
							nav.adopt( new Element( 'a', 
													{ 'href':'#', 
													  'html':text,
													  'class':(index==0?'act':''),
													  'events':{'click':function(e){ 
																			e.stop();
																			if(!this.hasClass('act')){
																				this.getParent().getElements('a').removeClass('act');
																				this.addClass('act');
																				p.fade('hide');
																				picContainer.grab(p);
																				p.fade('in');
																			}
																		} } } ) );
																		
							if(index<(pics.length-1)) nav.adopt(new Element('span',{'html':'&middot;'}));
						});
					}
				}
			);
		});
	}
}

function showMe( el ){

	if( el != undefined ){
		// var next = el.getPrevious();
		//if(next == undefined)
		//	next = el.getParent().getLast().getPrevious();
		
		el.setOpacity(0);
		el.injectAfter( el.getParent().getLast() );
		
		var next = el.getParent().getFirst();
	
		var fx_show = new Fx.Morph( el, {duration:1500, wait:false});
		if( next != undefined )
				fx_show.addEvent( 'onComplete', function(el){showMe( next )});
		fx_show.start.delay(6000, fx_show, {'opacity':1});
	}
}

function custom_init(){

	//console.log('dom loaded');

	menuEffects();
	a = 0;
	$('contentarea').getElements('div.akkordeon').each(function(el){
		var h = el.getElement('h1.akkordeon_head');
		h.addEvent('click', function(e){ e.stop();showSub(el.getProperty('id'));}); 
		var c = new Color(h.getStyle('background-color')).mix('#828082',a);
		el.getElement('h1.akkordeon_head').setStyle('background-color',c);
		el.getElement('.akkordeon_content').slide('hide');
		a += 20;
	});
	
	var akkordeon = $('contentarea').getElement('div.akkordeon');
	if( akkordeon != undefined )
		akkordeon.getElement('.akkordeon_content').slide('in');
	
	var boxen = $$('#m_boxen div');
	if($$('#mainmenu li.menu_act').length >0)
		var pos = $$('#mainmenu li.menu_act')[0].getCoordinates($('mainmenu')).right;
	boxen[0].setStyle('left',pos-18);
	boxen[1].setStyle('left',pos-9);
	boxen[2].setStyle('left',pos);
	
	var introbilder = $$('div.csc-textpic-imagerow');

	if( introbilder.length > 1 )
			showMe( introbilder[1] );


	gallerie_init();
}