Event.observe(window, 'load', init);

function preload(){
	var img;
	for(var i=0; i<preload.arguments.length;i++){
		img=new Image();
		img.src=preload.arguments[i];
	}
}

function init(){
if(
  $('anzeige')!==null &&
  $('malerei')!==null &&
  $('mal_typo')!==null &&
  $('ro_mal_typo')!==null &&
  $('grafik')!==null &&
  $('graf_typo')!==null &&
  $('objekte')!==null &&
  $('obj_typo')!==null &&
  $('fotografie')!==null &&
  $('foto_typo')!==null &&
  $('controls')!==null &&
  $('controls2')
  ){
  
  $('anzeige').setStyle({display:'none'});

	$('malerei').observe('click', malerei);
	$('mal_typo').observe('click', malerei);
	$('ro_mal_typo').observe('click', malerei);
	$('grafik').observe('click', grafik);
	$('graf_typo').observe('click', grafik);
	$('objekte').observe('click', objekte);
	$('obj_typo').observe('click', objekte);
	$('fotografie').observe('click', fotografie);
	$('foto_typo').observe('click', fotografie);

	$('controls').observe('click', controls);
	$('controls2').observe('click', controls2);

  blank();

}
	
	
	

}


function blank(){
	new Ajax.Updater('pages','_gal/blank.html',{ method: 'get'});
	Effect.Appear($('anzeige'),{duration:0.5, from:0, to:1});
}


function controls(){
	$('first').observe('click', one);
	$('before').observe('click', one);
	$('before2').observe('click', two);
	$('one').observe('click', one);
	$('two').observe('click', two);
	$('three').observe('click', three);
	$('next').observe('click', two);
	$('next2').observe('click', three);
	$('last').observe('click', two);
	$('last2').observe('click', three);
}
function controls2(){
	$('ffirst').observe('click', fone);
	$('fbefore').observe('click', fone);
	$('fone').observe('click', fone);
	$('ftwo').observe('click', ftwo);
	$('fnext').observe('click', ftwo);
	$('flast').observe('click', ftwo);

}

function one(){
		$('gal_mal').morph({'bottom':'0px'});
		
		$('first').setStyle({display:'inline'});
		$('before').setStyle({display:'inline'});
		$('ro_one').setStyle({display:'inline'});
		$('two').setStyle({display:'inline'});
		$('next').setStyle({display:'inline'});
		$('three').setStyle({display:'inline'});
		$('last2').setStyle({display:'inline'});
		
		$('before2').setStyle({display:'none'});
		$('one').setStyle({display:'none'});
		$('ro_two').setStyle({display:'none'});
		$('ro_three').setStyle({display:'none'});
		$('next2').setStyle({display:'none'});
		$('last').setStyle({display:'none'});
}

function two(){
		$('gal_mal').morph({bottom:'398px'});

		$('first').setStyle({display:'inline'});
		$('before').setStyle({display:'inline'});
		$('one').setStyle({display:'inline'});
		$('ro_two').setStyle({display:'inline'});
	
		$('before2').setStyle({display:'none'});
		$('ro_one').setStyle({display:'none'});
		$('two').setStyle({display:'none'});
		$('three').setStyle({display:'inline'});
		$('last2').setStyle({display:'inline'});
		$('next2').setStyle({display:'inline'});
		$('ro_three').setStyle({display:'none'});
		$('next').setStyle({display:'none'});
		$('last').setStyle({display:'none'});

}

function three(){
		$('gal_mal').morph({bottom:'796px'});

		$('first').setStyle({display:'inline'});
		$('before2').setStyle({display:'inline'});
		$('one').setStyle({display:'inline'});
		$('two').setStyle({display:'inline'});
		$('ro_three').setStyle({display:'inline'});
		$('next2').setStyle({display:'inline'});
		$('last2').setStyle({display:'inline'});
	
		$('before').setStyle({display:'none'});
		$('ro_one').setStyle({display:'none'});
		$('three').setStyle({display:'none'});
		$('ro_two').setStyle({display:'none'});
		$('next').setStyle({display:'none'});
		$('last').setStyle({display:'none'});	
}


function fone(){
		$('gal_mal').morph({'bottom':'0px'});
		
		$('ffirst').setStyle({display:'inline'});
		$('fbefore').setStyle({display:'inline'});
		$('fro_one').setStyle({display:'inline'});
		$('ftwo').setStyle({display:'inline'});
		$('fnext').setStyle({display:'inline'});
		$('flast').setStyle({display:'inline'});
		
		$('fone').setStyle({display:'none'});
		$('fro_two').setStyle({display:'none'});
}

function ftwo(){
		$('gal_mal').morph({bottom:'398px'});
		
		$('ffirst').setStyle({display:'inline'});
		$('fbefore').setStyle({display:'inline'});
		$('fone').setStyle({display:'inline'});
		$('fro_two').setStyle({display:'inline'});
	
		$('fro_one').setStyle({display:'none'});
		$('ftwo').setStyle({display:'none'});
		$('fnext').setStyle({display:'inline'});
		$('flast').setStyle({display:'inline'});
}
function malerei(){
	new Ajax.Updater('pages','_gal/malerei.html',{ method: 'get'});
	Effect.Appear($('anzeige'),{duration:0.5, from:0, to:1});
	
	$('controls').setStyle({display:'inline'});
	$('controls2').setStyle({display:'none'});
	
		$('first').setStyle({display:'inline'});
		$('before').setStyle({display:'inline'});
		$('ro_one').setStyle({display:'inline'});
		$('two').setStyle({display:'inline'});
		$('three').setStyle({display:'inline'});
		$('next').setStyle({display:'inline'});
		$('last2').setStyle({display:'inline'});
		
		$('before2').setStyle({display:'none'});
		$('one').setStyle({display:'none'});
		$('ro_two').setStyle({display:'none'});
		$('ro_three').setStyle({display:'none'});
		$('next2').setStyle({display:'none'});
		$('last').setStyle({display:'none'});
	
	
	Effect.Fade($('one'),{duration:0.1, from:1, to:0});
	$('ro_three').setStyle({display:'none'});
	$('ro_two').setStyle({display:'none'});
	
	new Effect.Opacity($('anzeige'),{duration:0.5, from:0, to:1, transition: Effect.Transitions.linear});
	$('ro_mal_typo').setStyle({'bottom':'28px', 'position':'relative'});
	
	if( $('ro_mal_typo').style.bottom="28px"){
		$('ro_graf_typo').setStyle({'bottom':'', 'position':'relative'});
		$('ro_obj_typo').setStyle({'bottom':'', 'position':'relative'});
		$('ro_foto_typo').setStyle({'bottom':'', 'position':'relative'});
	}
	
}

function grafik(){
	new Ajax.Updater('pages','_gal/grafik.html',{ method: 'get'});
	Effect.Appear($('anzeige'),{duration:0.5, from:0, to:1});
	
	$('first').setStyle({display:'none'});
	$('before').setStyle({display:'none'});
	$('before2').setStyle({display:'none'});
	$('one').setStyle({display:'none'});
	$('ro_one').setStyle({display:'none'});
	$('two').setStyle({display:'none'});
	$('three').setStyle({display:'none'});
	$('ro_two').setStyle({display:'none'});
	$('ro_three').setStyle({display:'none'});
	$('next').setStyle({display:'none'});
	$('next2').setStyle({display:'none'});
	$('last').setStyle({display:'none'});
	$('last2').setStyle({display:'none'});
	
	$('ffirst').setStyle({display:'none'});
	$('fbefore').setStyle({display:'none'});
	$('fone').setStyle({display:'none'});
	$('fro_one').setStyle({display:'none'});
	$('ftwo').setStyle({display:'none'});
	$('fro_two').setStyle({display:'none'});
	$('fnext').setStyle({display:'none'});
	$('flast').setStyle({display:'none'});
	
	new Effect.Opacity($('anzeige'),{duration:0.5, from:0, to:1, transition: Effect.Transitions.linear});
	$('ro_graf_typo').setStyle({'bottom':'28px', 'position':'relative'});
	
	if( $('ro_graf_typo').style.bottom="28px"){
		$('ro_mal_typo').setStyle({'bottom':'', 'position':'relative'});
		$('ro_obj_typo').setStyle({'bottom':'', 'position':'relative'});
		$('ro_foto_typo').setStyle({'bottom':'', 'position':'relative'});
	}
}

function objekte(){
	new Ajax.Updater('pages','_gal/objekte.html',{ method: 'get'});
	Effect.Appear($('anzeige'),{duration:0.5, from:0, to:1});
	
	$('first').setStyle({display:'none'});
	$('before').setStyle({display:'none'});
	$('before2').setStyle({display:'none'});
	$('one').setStyle({display:'none'});
	$('ro_one').setStyle({display:'none'});
	$('two').setStyle({display:'none'});
	$('three').setStyle({display:'none'});
	$('ro_two').setStyle({display:'none'});
	$('ro_three').setStyle({display:'none'});
	$('next').setStyle({display:'none'});
	$('next2').setStyle({display:'none'});
	$('last').setStyle({display:'none'});
	$('last2').setStyle({display:'none'});
	
	$('ffirst').setStyle({display:'none'});
	$('fbefore').setStyle({display:'none'});
	$('fone').setStyle({display:'none'});
	$('fro_one').setStyle({display:'none'});
	$('ftwo').setStyle({display:'none'});
	$('fro_two').setStyle({display:'none'});
	$('fnext').setStyle({display:'none'});
	$('flast').setStyle({display:'none'});
	
	new Effect.Opacity($('anzeige'),{duration:0.5, from:0, to:1, transition: Effect.Transitions.linear});
	$('ro_obj_typo').setStyle({'bottom':'28px', 'position':'relative'});
	
	if( $('ro_obj_typo').style.bottom="28px"){
		$('ro_graf_typo').setStyle({'bottom':'', 'position':'relative'});
		$('ro_mal_typo').setStyle({'bottom':'', 'position':'relative'});
		$('ro_foto_typo').setStyle({'bottom':'', 'position':'relative'});
	}
}

function fotografie(){
	new Ajax.Updater('pages','_gal/fotografie.html',{ method: 'get'});
	Effect.Appear($('anzeige'),{duration:0.5, from:0, to:1});
	$('controls').setStyle({display:'none'});
	$('controls2').setStyle({display:'inline'});
		
	$('ffirst').setStyle({display:'inline'});
	$('fbefore').setStyle({display:'inline'});
	$('fone').setStyle({display:'none'});
	$('fro_one').setStyle({display:'inline'});
	$('ftwo').setStyle({display:'inline'});
	$('fro_two').setStyle({display:'none'});
	$('fnext').setStyle({display:'inline'});
	$('flast').setStyle({display:'inline'});
	
	new Effect.Opacity($('anzeige'),{duration:0.5, from:0, to:1, transition: Effect.Transitions.linear});
	$('ro_foto_typo').setStyle({'bottom':'28px', 'position':'relative'});
	
	if( $('ro_foto_typo').style.bottom="28px"){
		$('ro_graf_typo').setStyle({'bottom':'', 'position':'relative'});
		$('ro_obj_typo').setStyle({'bottom':'', 'position':'relative'});
		$('ro_mal_typo').setStyle({'bottom':'', 'position':'relative'});
	}
}