window.addEvent('domready', function() {

	/*** effects ***/
		
	function fadeOut(e) {
			
		var fx = new Fx.Styles(
			this,
			{transition: Fx.Transitions.Quad.easeIn}
		);
		
		fx.start({
				'opacity': 0
			}).chain(function(){
				this.start({
					'height': 0
				})
			});
	}
		
	function fadeIn(obj) {
		
		obj.setStyle('display','block');
		obj.setStyle('opacity','0');
		obj.setStyle('height','0');

		var fx = new Fx.Styles(
			obj,
			{transition: Fx.Transitions.Quad.easeIn}
		);
		fx.start({'height': 100}).
			chain(function(){
				this.start({
					'opacity': 1
				})
			});
	}
	
	function fadeInFullsize(obj) {
		
		obj.setStyle('display','block');
		obj.setStyle('opacity','0');
		obj.setStyle('height','100');

		var fx = new Fx.Styles(
			obj,
			{transition: Fx.Transitions.Quad.easeIn}
		);
		fx.start({'height': 100}).
			chain(function(){
				this.start({
					'opacity': 1
				})
			});
	}


	function fadeInShort(obj) {
		
		obj.setStyle('display','block');
		obj.setStyle('opacity','0');
		obj.setStyle('height','0');

		var fx = new Fx.Styles(
			obj,
			{transition: Fx.Transitions.Quad.easeIn}
		);
		fx.start({'height': 60}).
			chain(function(){
				this.start({
					'opacity': 1
				})
			});
	}
		
	function fadeInOut(obj) {
		
		obj.setStyle('display','block');
		obj.setStyle('opacity','0');
		obj.setStyle('height','0');

		var fx = new Fx.Styles(
			obj,
			{transition: Fx.Transitions.Quad.easeIn}
		);
		fx.start({'height': 100}).
			chain(function(){
				this.start({
					'opacity': 1
				})
			}).
			chain(function(){
				// executes 2 secs after the previous ..
				this.start.delay(10000, this, {
					'opacity': 0
				});
			}).
			chain(function(){
				this.start({
					'height': 0
				})
			});
	}
	
	function fadeInOutShort(obj) {
		
		obj.setStyle('display','block');
		obj.setStyle('opacity','0');
		obj.setStyle('height','0');

		var fx = new Fx.Styles(
			obj,
			{transition: Fx.Transitions.Quad.easeIn}
		);
		fx.start({'height': 60}).
			chain(function(){
				this.start({
					'opacity': 1
				})
			}).
			chain(function(){
				// executes 2 secs after the previous ..
				this.start.delay(10000, this, {
					'opacity': 0
				});
			}).
			chain(function(){
				this.start({
					'height': 0
				})
			});
	}

	function fadeInOutLogin(obj) {
		
		obj.setStyle('display','block');
		obj.setStyle('opacity','0');
		obj.setStyle('height','0');

		var fx = new Fx.Styles(
			obj,
			{transition: Fx.Transitions.Quad.easeIn}
		);
		fx.start({'height': 25}).
			chain(function(){
				this.start({
					'opacity': 1
				})
			}).
			chain(function(){
				// executes 2 secs after the previous ..
				this.start.delay(10000, this, {
					'opacity': 0
				});
			}).
			chain(function(){
				this.start({
					'height': 0
				})
			});
	}

	/* toggle "toggled" class ..*/
	
	function displayToggle(e) {

		/**
		 * Prevent the submit event
		 */
		var event = new Event(e);
		event.stop();

		this.parentNode.parentNode.toggleClass('toggled');
	}

	function unToggle(e,what) {

		/**
		 * Prevent the submit event
		 */
		var event = new Event(e);
		event.stop();

		this.toggleClass('toggled');
	}
	
	function toggle(e,what) {

		/**
		 * Prevent the submit event
		 */
		var event = new Event(e);
		event.stop();

		this.toggleClass('toggled');
	}

	function displayBlock(e) {

		/**
		 * Prevent the submit event
		 */
		var event = new Event(e);
		event.stop();

		this.setStyle('display','block');
	}

	function displayNone(e) {

		/**
		 * Prevent the submit event
		 */
		var event = new Event(e);
		event.stop();

		this.setStyle('display','none');
	}



	function openAndJump(e) {

		this.removeClass('toggled');
	}




		/**
		 * handle file upload response
		 */
		function handleUpload(data) {
			
			var result = Json.evaluate(data.responseText);

			if ( result.execute ) {

				eval(result.execute);
			}

		}






	/*** bind keyup events with a delay .. ***/
	
	var Observer = new Class({
		initialize: function(el, fn, options){
			this.options = Object.extend({
					event: 'keyup',
				delay: 1000
			}, options || {});
			this.element = $(el);
			this.callback = fn;
			this.timeout = null;
			this.listener = this.fired.bind(this);
			this.value = this.element.value;
			this.element.addEvent(this.options.event, this.listener);
		},
		fired: function() {
			this.clear();
			if (this.value == this.element.value) return;
			this.value = this.element.value;
			this.timeout = this.callback.delay(this.options.delay, null, [this.element]);
		},
		clear: function() {
			this.timeout = $clear(this.timeout);
		},
		stop: function() {
			this.element.removeEvent(this.options.event, this.listener);
			this.clear();
		}
	});
	
	Observer.implement(new Options);
	Observer.implement(new Events);
	
	/* submit a form and do s.th. based on the json response ..*/
	/* "extra": hash, allowed properties:
		 "hiddenfield"	-> fill the specified field with "true"
		"confirm"		-> if specified, perform submit only on js confirm window "ok" .. value is the message to display

		example:

	*/

	function submitForm(e,extra) {
		
		/**
		 * Prevent the submit event
		 */
		var event = new Event(e);
		event.stop();
		
		if (extra) {

			if (extra.hiddenfield) {

				extra.hiddenfield.value = 'true';
			}

			if (extra.confirm) {

				if (!window.confirm(extra.confirm)) return; // exit on false
			}
		}
		
		/**
		 * check result an display error or OK box
		 */
		function checkResult(data) {
			
			var result = Json.evaluate(data);
			
			var target = $(result.target);

			if (target) {
				target.innerHTML = result.message;
			}
			
			if ( result.error ) {
				for(var i=0;i<result.error.length;i++) {
					if ($(result.error[i])) {
						$(result.error[i]).addClass('field_label_error');
					}
				}	
			}
			
			if ( result.ok ) {
				for(var i=0;i<result.ok.length;i++) {
					if ($(result.ok[i])) {
						$(result.ok[i]).removeClass('field_label_error');
					}
				}	
			}

			if ( result.execute ) {

				eval(result.execute);
			}



			if ( result.tips ) {

				result.tips.each(function(tip, index){
						$(tip[0]).title = tip[1];
				}); 

				var tips = new Tips($$('.title_tip'), {
					initialize:function(){
						this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
					},
					onShow: function(toolTip) {
						this.fx.start(1);
					},
					onHide: function(toolTip) {
						this.fx.start(0);
					}
				});
			}
			
			if ( result.location ) {

				if (result.location != '') {

					window.location = result.location;
				}
			}
			
			if (result.action == "fadeInOut") {
				fadeInOut(target);
				//fadeIn(status);
			}
			if (result.action == "fadeIn") {
				fadeIn(target);
			}
			if (result.action == "fadeInShort") {
				fadeInShort(target);
			}
			if (result.action == "fadeInOutShort") {
				fadeInOutShort(target);
				//fadeIn(status);
			}
			if (result.action == "fadeInOutLogin") {
				fadeInOutLogin(target);
				//fadeIn(status);
			}

			if (result.action == "fadeInFullsize") {
				fadeInFullsize(target);
			}

		}
		
		/**
		 * send() takes care of encoding and returns the Ajax instance.
		 */
		this.send({
			onComplete: checkResult
		});
	}

	
	/* submit a form and do s.th. based on the json response ..*/
	
	function checkForm(myForm) {
		
		$$('.tool-tip').setStyle('visibility', 'hidden');

		/**
		 * check result an display error or OK box
		 */
		
		function checkResult(data) {
			
			var result = Json.evaluate(data);
			
			if ( result.execute ) {

				eval(result.execute);
			}

			var target = $(result.target);

			if (target) {
				target.innerHTML = result.message;
			}

			if ( result.error ) {
				for(var i=0;i<result.error.length;i++) {
					if ($(result.error[i])) {
						$(result.error[i]).addClass('field_label_error');
					}
				}	
			}
			
			if ( result.ok ) {
				for(var i=0;i<result.ok.length;i++) {
					if ($(result.ok[i])) {
						$(result.ok[i]).removeClass('field_label_error');
					}
				}	
			}

			if ( result.tips ) {

				result.tips.each(function(tip, index){
						$(tip[0]).title = tip[1];
				}); 

				var tips = new Tips($$('.title_tip'), {
					initialize:function(){
						this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
					},
					onShow: function(toolTip) {
						this.fx.start(1);
					},
					onHide: function(toolTip) {
						this.fx.start(0);
					}
				});
			}
		}

		/**
		 * send() takes care of encoding and returns the Ajax instance.
		 */
		myForm.send({
			onComplete: checkResult
		});
	}

	/*** === CUSTOMIZE BELOW THIS POINT :-) === ***/	


	/*** Bind Ajax Form Actions ***/
	
	/*
	if ($('formular')) {
		
		$('formLoginResultStatus').addEvent('click', fadeOut);
		
		$('formular').action= 'http://rb-it-dev31.reality-bytes.com/cm/index.php';
		
		var obs = new Observer($('lf_username'), function(){checkForm($('formular'))}, {delay: 1000});
		//$('lf_username').addEvent('change', submitForm.bindWithEvent($('formular'),'extraexample'));
				
		$('formularSubmit').addEvent('click', submitForm.bindWithEvent($('formular'),'extraexample'));
	}
	*/

	/* Page: Registration  */

	if ($('RegForm')) {

		/*
		var obsRegForm1 = new Observer($('username'), function(){checkForm($('RegForm'))}, {delay: 1000});
		var obsRegForm2 = new Observer($('email'), function(){checkForm($('RegForm'))}, {delay: 1000});
		var obsRegForm3 = new Observer($('password'), function(){checkForm($('RegForm'))}, {delay: 1000});
		var obsRegForm4 = new Observer($('password2'), function(){checkForm($('RegForm'))}, {delay: 1000});
		*/

		$('username').addEvent('blur', function(){checkForm($('RegForm'))} );
		
		$('email').addEvent('blur', function(){checkForm($('RegForm'))} );

		$('password').addEvent('blur', function(){checkForm($('RegForm'))} );

		$('password2').addEvent('blur', function(){checkForm($('RegForm'))} );
		
		$('RegFormAGB').addEvent('change', function(){checkForm($('RegForm'))} );
	
		$('RegFormSubmit').addEvent('click', submitForm.bindWithEvent($('RegForm'), {"hiddenfield": $('RegFormStore')} ));

		$('RegFormErrors').addEvent('click', fadeOut);
		
	}
	
	
	
	/* Page: Kontaktformular  */

	if ($('ContactForm')) {

		$('senderEmail').addEvent('blur', function(){checkForm($('ContactForm'))} );
	
		$('ContactFormSubmit').addEvent('click', submitForm.bindWithEvent($('ContactForm'), {"hiddenfield": $('ContactFormStore')} ));

		$('ContactFormErrors').addEvent('click', fadeOut);
		
	}
	
	/* Page: Empfehlungsformular  */

	if ($('RecommendForm')) {

		$('receiverEmail').addEvent('blur', function(){checkForm($('RecommendForm'))} );
	
		$('RecommendFormSubmit').addEvent('click', submitForm.bindWithEvent($('RecommendForm'), {"hiddenfield": $('RecommendFormStore')} ));

		$('RecommendFormErrors').addEvent('click', fadeOut);
		
	}

	/* Page: GewinnspielFormular  */

	//if ($('ContestForm')) {
	
	//	$('ContestFormSubmit').addEvent('click', submitForm.bindWithEvent($('ContestForm')));

	//	$('ContestFormErrors').addEvent('click', fadeOut);
		
	//}

	
	/* Page: Artikelbewertung  */

	if ($('ArticleRatingForm')) {

		$('sendArticleRating').addEvent('click', submitForm.bindWithEvent($('ArticleRatingForm')));

	}


	/* Box: Login  */

	if ($('LoginForm')) {
	
		$('lf_submit').addEvent('click', submitForm.bindWithEvent($('LoginForm')));
		$('LoginFormErrors').addEvent('click', fadeOut);
		$('LoginForm').addEvent('submit', submitForm.bindWithEvent($('LoginForm')));
	}

	/* Page: Erstes Login eines Altusers  */

	if ($('FirstLoginForm')) {

		$('username').addEvent('blur', function(){checkForm($('FirstLoginForm'))} );
		
		$('FirstLoginFormAGB').addEvent('change', function(){checkForm($('FirstLoginForm'))} );
	
		$('FirstLoginFormSubmit').addEvent('click', submitForm.bindWithEvent($('FirstLoginForm'), {"hiddenfield": $('FirstLoginFormStore')} ));

		$('FirstLoginFormErrors').addEvent('click', fadeOut);
		
	}

	if ($('cancelMembershipForm')) {

		$('cancelMembershipSubmit').addEvent('click', submitForm.bindWithEvent($('cancelMembershipForm'), {"hiddenfield": $('dummy'), "confirm": "Mitgliedschaft wirklich beenden?"}));
		
	}
	
	/* Page: Dashboard Logged Out */
	if ($('DashboardLoginForm')) {
	
		$('lf_submit').addEvent('click', submitForm.bindWithEvent($('DashboardLoginForm')));
		$('DashboardLoginFormErrors').addEvent('click', fadeOut);
		$('DashboardLoginForm').addEvent('submit', submitForm.bindWithEvent($('DashboardLoginForm')));
	}


	
	/* Page: Dashboard */

	if ($('tabFriends')) {

		$('tabFriends').addEvent('click', function(e){
			var event = new Event(e);
			event.stop();
			$('listFriends').setStyle('display','block');
			$('tabFriends').addClass('selected');
			

			$('listFans').setStyle('display','none');
			$('tabFans').removeClass('selected');

		});

		$('tabFans').addEvent('click', function(e){
			var event = new Event(e);
			event.stop();
			$('listFriends').setStyle('display','none');
			$('tabFriends').removeClass('selected');

			$('listFans').setStyle('display','block');
			$('tabFans').addClass('selected');
		});

	}

	/* Page: Album Öffentlich */

	if ($('tabAlbums')) {

		$('tabAlbums').addEvent('click', function(e){
			var event = new Event(e);
			event.stop();
			$('listAlbums').setStyle('display','block');
			$('tabAlbums').addClass('selected');
			

			$('listFotos').setStyle('display','none');
			$('tabFotos').removeClass('selected');

		});

		$('tabFotos').addEvent('click', function(e){
			var event = new Event(e);
			event.stop();
			$('listAlbums').setStyle('display','none');
			$('tabAlbums').removeClass('selected');

			$('listFotos').setStyle('display','block');
			$('tabFotos').addClass('selected');
		});

	}


	/* Page: Profile Edit */

	if ($('sectionProfileEditPersonal')) {
	
	// general
	
		/* toggle all boxes on headline-click */

		$$('.collapse_btn').addEvent('click', displayToggle);

		/* "abbrechen" buttons ... */
		$('cancelProfileEditAddress').addEvent('click', unToggle.bindWithEvent($('sectionProfileEditAddress')) );
		$('cancelProfileEditPersonal').addEvent('click', unToggle.bindWithEvent($('sectionProfileEditPersonal')) );
		$('cancelProfileEditInterests').addEvent('click', unToggle.bindWithEvent($('sectionProfileEditInterests')) );
		$('cancelProfileEditChangeEmail').addEvent('click', unToggle.bindWithEvent($('sectionProfileEditChangeEmail')) );
		$('cancelProfileEditChangePassword').addEvent('click', unToggle.bindWithEvent($('sectionProfileEditChangePassword')) );
		$('cancelProfileEditChooseAvatar').addEvent('click', unToggle.bindWithEvent($('sectionProfileEditChooseAvatar')) );
		
		/* option buttons ... */
		$('showProfileEditAddress').addEvent('click', openAndJump.bindWithEvent($('sectionProfileEditAddress')) );
		$('showProfileEditPersonal').addEvent('click', openAndJump.bindWithEvent($('sectionProfileEditPersonal')) );
		$('showProfileEditInterests').addEvent('click', openAndJump.bindWithEvent($('sectionProfileEditInterests')) );
		$('showProfileEditChangeEmail').addEvent('click', openAndJump.bindWithEvent($('sectionProfileEditChangeEmail')) );
		$('showProfileEditChangePassword').addEvent('click', openAndJump.bindWithEvent($('sectionProfileEditChangePassword')) );
		$('showProfileEditChooseAvatar').addEvent('click', openAndJump.bindWithEvent($('sectionProfileEditChooseAvatar')) );


	}
	
	// specific forms
	
	if ($('ProfileEditPersonal')) {
		$('ProfileEditPersonalSubmit').addEvent('click', submitForm.bindWithEvent($('ProfileEditPersonal'),{"hiddenfield": $('ProfileEditPersonalStore')} ));
		$('ProfileEditPersonalErrors').addEvent('click', fadeOut);
	}

	if ($('ProfileEditAddress')) {
		$('ProfileEditAddressSubmit').addEvent('click', submitForm.bindWithEvent($('ProfileEditAddress'),{"hiddenfield": $('ProfileEditAddressStore')} ));
		$('ProfileEditAddressErrors').addEvent('click', fadeOut);
	}

	if ($('ProfileEditInterests')) {
		$('ProfileEditInterestsSubmit').addEvent('click', submitForm.bindWithEvent($('ProfileEditInterests'),{"hiddenfield": $('ProfileEditInterestsStore')} ));
		$('ProfileEditInterestsErrors').addEvent('click', fadeOut);
	}

	if ($('ProfileEditChangeEmail')) { // change email form
		
		// ajax submit button for live validation
		$('ProfileEditChangeEmailSubmit').addEvent('click', submitForm.bindWithEvent(
			$('ProfileEditChangeEmail'), {"hiddenfield": $('ProfileEditChangeEmailStore')} 
		));
		
		// error box fade out by click
		$('ProfileEditChangeEmailErrors').addEvent('click', fadeOut);
		
		// live validation fields on blur
		$('old_email').addEvent('blur', function(){checkForm($('ProfileEditChangeEmail'))} );
		$('new_email').addEvent('blur', function(){checkForm($('ProfileEditChangeEmail'))} );
		$('new_email2').addEvent('blur', function(){checkForm($('ProfileEditChangeEmail'))} );
		
	}

	if ($('ProfileEditChangePassword')) { // change password form
		
		// ajax submit button for live validation
		$('ProfileEditChangePasswordSubmit').addEvent('click', submitForm.bindWithEvent($('ProfileEditChangePassword'), {"hiddenfield": $('ProfileEditChangePasswordStore')} ));
		
		// if (window.confirm("Are you sure you are ok?"))

		// error box fade out by click
		$('ProfileEditChangePasswordErrors').addEvent('click', fadeOut);
		
		// live validation fields on blur
		$('old_password').addEvent('blur', function(){checkForm($('ProfileEditChangePassword'))} );
		$('new_password').addEvent('blur', function(){checkForm($('ProfileEditChangePassword'))} );
		$('new_password2').addEvent('blur', function(){checkForm($('ProfileEditChangePassword'))} );
		
	}
	
	if($('ProfileEditAvatarErrors')) {

		// error box fade out by click
		$('ProfileEditAvatarErrors').addEvent('click', fadeOut);	

	}

	if ($('ProfileEditUploadAvatar')) {
		
		var uploadForm = new Moo.Form ( 'ProfileEditUploadAvatar', {
			onComplete: handleUpload.bind(this)
		});
		
		function doFileUpload(e){
			
			var event = new Event(e);
			event.stop();
			uploadForm.submit(); 
		}

		$('ProfileEditUploadAvatarSubmit').addEvent( 'click', doFileUpload );

	}

	/* fixme: bad style! */
	if ($('ProfileEditPresetAvatar1')) {
		$('presetAvatar1').addEvent('click', submitForm.bindWithEvent($('ProfileEditPresetAvatar1')));
		$('presetAvatar2').addEvent('click', submitForm.bindWithEvent($('ProfileEditPresetAvatar2')));
		$('presetAvatar3').addEvent('click', submitForm.bindWithEvent($('ProfileEditPresetAvatar3')));
		$('presetAvatar4').addEvent('click', submitForm.bindWithEvent($('ProfileEditPresetAvatar4')));
		$('presetAvatar5').addEvent('click', submitForm.bindWithEvent($('ProfileEditPresetAvatar5')));
		$('presetAvatar6').addEvent('click', submitForm.bindWithEvent($('ProfileEditPresetAvatar6')));
		$('presetAvatar7').addEvent('click', submitForm.bindWithEvent($('ProfileEditPresetAvatar7')));
		$('presetAvatar8').addEvent('click', submitForm.bindWithEvent($('ProfileEditPresetAvatar8')));
		$('presetAvatar9').addEvent('click', submitForm.bindWithEvent($('ProfileEditPresetAvatar9')));
		$('presetAvatar10').addEvent('click', submitForm.bindWithEvent($('ProfileEditPresetAvatar10')));
	}

	if ($('ProfileEditChooseAvatar1')) {
		
		if ($('newAvatar1')) {
			//$('newAvatar1').addEvent('click', submitForm.bindWithEvent($('ProfileEditChooseAvatar1')));
			$('chooseAvatar1').addEvent('click', submitForm.bindWithEvent($('ProfileEditChooseAvatar1')));
		}
		if ($('newAvatar2')) {
			//$('newAvatar2').addEvent('click', submitForm.bindWithEvent($('ProfileEditChooseAvatar2')));
			$('chooseAvatar2').addEvent('click', submitForm.bindWithEvent($('ProfileEditChooseAvatar2')));

		}
		if ($('newAvatar3')) {
			//$('newAvatar3').addEvent('click', submitForm.bindWithEvent($('ProfileEditChooseAvatar3')));
			$('chooseAvatar3').addEvent('click', submitForm.bindWithEvent($('ProfileEditChooseAvatar3')));

		}
		if ($('newAvatar4')) {
			//$('newAvatar4').addEvent('click', submitForm.bindWithEvent($('ProfileEditChooseAvatar4')));
			$('chooseAvatar4').addEvent('click', submitForm.bindWithEvent($('ProfileEditChooseAvatar4')));

		}
						
	}
	
	
	if ($('ProfileEditShowAckbox1')) {
		
		if ($('deleteAvatar1')) {
			$('deleteAvatar1').addEvent('click', submitForm.bindWithEvent($('ProfileEditShowAckbox1'), {"hiddenfield": $('dummy'), "confirm": "Profilfoto wirklich entfernen?"}));
		}
		if ($('deleteAvatar2')) {
			$('deleteAvatar2').addEvent('click', submitForm.bindWithEvent($('ProfileEditShowAckbox2'), {"hiddenfield": $('dummy'), "confirm": "Profilfoto wirklich entfernen?"}));
		}
		if ($('deleteAvatar3')) {
			$('deleteAvatar3').addEvent('click', submitForm.bindWithEvent($('ProfileEditShowAckbox3'), {"hiddenfield": $('dummy'), "confirm": "Profilfoto wirklich entfernen?"}));
		}
		if ($('deleteAvatar4')) {
			$('deleteAvatar4').addEvent('click', submitForm.bindWithEvent($('ProfileEditShowAckbox4'), {"hiddenfield": $('dummy'), "confirm": "Profilfoto wirklich entfernen?"}));
		}
		
	}

	// galleries from here
	if($('GalleryAdminUploadFormErrors')) {
	
	
	
		// error box fade out by click
		$('GalleryAdminUploadFormErrors').addEvent('click', fadeOut);	

	}
	
	// upload form configuration
	if ($('GalleryAdminUploadForm')) {
		
	$$('.collapse_btn').addEvent('click', displayToggle);
	
	$('GalleryAlbumNewCancel').addEvent('click', unToggle.bindWithEvent($('sectionGalleryAdminAlbum')) );
	$('cancelGalleryAdminUpload').addEvent('click', unToggle.bindWithEvent($('sectionGalleryAdminUpload')) );

		var uploadFormGallery = new Moo.Form ( 'GalleryAdminUploadForm', {
			onComplete: handleUpload.bind(this)
		});
		
		function doFileUploadGallery(e){
			
			var event = new Event(e);
			event.stop();
			uploadFormGallery.submit(); 
		}

		$('GalleryAdminUploadFormSubmit').addEvent( 'click', doFileUploadGallery );

	}
	
	// add album form
	if ($('GalleryAlbumNewForm')) {
		
		if($('GalleryAlbumNewErrors')) {
			$('GalleryAlbumNewErrors').addEvent('click', fadeOut);	
		}
		
		if ($('GalleryAlbumNewSubmit')) {
			$('GalleryAlbumNewSubmit').addEvent('click', submitForm.bindWithEvent($('GalleryAlbumNewForm')));
		}
		
		//if ($('GalleryAlbumNewCancel')) {
		//	$('GalleryAlbumNewCancel').addEvent('click', unToggle.bindWithEvent($('sectionGalleryAlbumNew')) );
		//}
	}
	
	// edit album form	
	if ($('GalleryAlbumEditForm')) {
		
		if($('GalleryAlbumEditErrors')) {
			$('GalleryAlbumEditErrors').addEvent('click', fadeOut);	
		}
		
		if ($('GalleryAlbumEditSubmit')) {
			$('GalleryAlbumEditSubmit').addEvent('click', submitForm.bindWithEvent($('GalleryAlbumEditForm')));
		}
		
		//if ($('GalleryAlbumEditCancel')) {
		//	$('GalleryAlbumEditCancel').addEvent('click', unToggle.bindWithEvent($('sectionGalleryAlbumEdit')) );
		//}
	}
	
	// update new picture form
	if ($('GalleryPictureNewForm')) {
		
		if($('GalleryPictureNewErrors')) {
			$('GalleryPictureNewErrors').addEvent('click', fadeOut);	
		}
		
		if ($('GalleryPictureNewSubmit')) {
			$('GalleryPictureNewSubmit').addEvent('click', submitForm.bindWithEvent($('GalleryPictureNewForm')));
		}
		
	}
	
	if ($('GalleryPictureNewDeleteForm')) {
	
		if ($('GalleryPictureNewCancel')) {
			$('GalleryPictureNewCancel').addEvent('click', submitForm.bindWithEvent($('GalleryPictureNewDeleteForm'), {"hiddenfield": $('dummy'), "confirm": "Bild wirklich entfernen?"}));
		}
		
	}
	
	if ($('GalleryPictureEditForm')) {
		
		if($('GalleryPictureEditErrors')) {
			$('GalleryPictureEditErrors').addEvent('click', fadeOut);	
		}
		
		if ($('GalleryPictureEditSubmit')) {
			$('GalleryPictureEditSubmit').addEvent('click', submitForm.bindWithEvent($('GalleryPictureEditForm')));
		}
		
	}
	
	if ($('GalleryPictureEditDeleteForm')) {
	
		if ($('GalleryPictureEditCancel')) {
			$('GalleryPictureEditCancel').addEvent('click', submitForm.bindWithEvent($('GalleryPictureEditDeleteForm'), {"hiddenfield": $('dummy'), "confirm": "Bild wirklich entfernen?"}));
		}
		
	}

	// galleries till here
	
	
	
	// my style from here 
	// error box configuration
	if($('ProfileEditMyStyleErrors')) {

		// error box fade out by click
		$('ProfileEditMyStyleErrors').addEvent('click', fadeOut);	

	}


	// upload form configuration
	if ($('ProfileEditUploadMyStylePic')) {
		
		var uploadFormMyStyle = new Moo.Form ( 'ProfileEditUploadMyStylePic', {
			onComplete: handleUpload.bind(this)
		});
		
		function doFileUploadMyStyle(e){
			
			var event = new Event(e);
			event.stop();
			uploadFormMyStyle.submit(); 
		}

		$('ProfileEditUploadMyStyleSubmit').addEvent( 'click', doFileUploadMyStyle );

	}
	

	// delete forms configuration
	if ($('ProfileEditMyStyleDeleteForm1')) {
		
		if ($('delmystylepicid1')) {
			$('deleteMyStylePic1').addEvent('click', submitForm.bindWithEvent($('ProfileEditMyStyleDeleteForm1'), {"hiddenfield": $('dummy'), "confirm": "Bild wirklich entfernen?"}));
		}
		if ($('delmystylepicid2')) {
			$('deleteMyStylePic2').addEvent('click', submitForm.bindWithEvent($('ProfileEditMyStyleDeleteForm2'), {"hiddenfield": $('dummy'), "confirm": "Bild wirklich entfernen?"}));
		}
		if ($('delmystylepicid3')) {
			$('deleteMyStylePic3').addEvent('click', submitForm.bindWithEvent($('ProfileEditMyStyleDeleteForm3'), {"hiddenfield": $('dummy'), "confirm": "Bild wirklich entfernen?"}));
		}
		if ($('delmystylepicid4')) {
			$('deleteMyStylePic4').addEvent('click', submitForm.bindWithEvent($('ProfileEditMyStyleDeleteForm4'), {"hiddenfield": $('dummy'), "confirm": "Bild wirklich entfernen?"}));
		}
		if ($('delmystylepicid5')) {
			$('deleteMyStylePic5').addEvent('click', submitForm.bindWithEvent($('ProfileEditMyStyleDeleteForm5'), {"hiddenfield": $('dummy'), "confirm": "Bild wirklich entfernen?"}));
		}
		if ($('delmystylepicid6')) {
			$('deleteMyStylePic6').addEvent('click', submitForm.bindWithEvent($('ProfileEditMyStyleDeleteForm6'), {"hiddenfield": $('dummy'), "confirm": "Bild wirklich entfernen?"}));
		}
		if ($('delmystylepicid7')) {
			$('deleteMyStylePic7').addEvent('click', submitForm.bindWithEvent($('ProfileEditMyStyleDeleteForm7'), {"hiddenfield": $('dummy'), "confirm": "Bild wirklich entfernen?"}));
		}
		if ($('delmystylepicid8')) {
			$('deleteMyStylePic8').addEvent('click', submitForm.bindWithEvent($('ProfileEditMyStyleDeleteForm8'), {"hiddenfield": $('dummy'), "confirm": "Bild wirklich entfernen?"}));
		}
		if ($('delmystylepicid9')) {
			$('deleteMyStylePic9').addEvent('click', submitForm.bindWithEvent($('ProfileEditMyStyleDeleteForm9'), {"hiddenfield": $('dummy'), "confirm": "Bild wirklich entfernen?"}));
		}
		if ($('delmystylepicid10')) {
			$('deleteMyStylePic10').addEvent('click', submitForm.bindWithEvent($('ProfileEditMyStyleDeleteForm10'), {"hiddenfield": $('dummy'), "confirm": "Bild wirklich entfernen?"}));
		}
		
	}
	
	// upload text
	if ($('ProfileEditUploadMyStyleText')) {
		
		if ($('ProfileEditTextMyStyleSubmit')) {
			$('ProfileEditTextMyStyleSubmit').addEvent('click', submitForm.bindWithEvent($('ProfileEditUploadMyStyleText')));

		}
			
	}
	
	// edit text
	if ($('ProfileEditEditMyStyleText')) {
		
		if ($('ProfileEditTextMyStyleEdit')) {
			$('ProfileEditTextMyStyleEdit').addEvent('click', submitForm.bindWithEvent($('ProfileEditEditMyStyleText')));

		}
			
	}
	
	// start my style participation
	if ($('startMyStyleParticipationForm')) {
		
		if ($('startMyStyleParticipation')) {
			$('startMyStyleParticipation').addEvent('click', submitForm.bindWithEvent($('startMyStyleParticipationForm')));

		}
		
	}
	
	// stopp my style participation
	if ($('stoppMyStyleParticipationForm')) {
		
		if ($('stoppMyStyleParticipation')) {
			$('stoppMyStyleParticipation').addEvent('click', submitForm.bindWithEvent($('stoppMyStyleParticipationForm'), {"hiddenfield": $('dummy'), "confirm": "Teilnahme wirklich beenden?"}));


		}
		
	}

	if ($('MyStyleLoginForm')) {
	
		$('ysq_submit').addEvent('click', submitForm.bindWithEvent($('MyStyleLoginForm')));
		$('MyStyleLoginFormErrors').addEvent('click', fadeOut);
		$('MyStyleLoginForm').addEvent('submit', submitForm.bindWithEvent($('MyStyleLoginForm')));
	}
	// my style till here

	
	/* Page: Mailbox */

	if ($('MailboxInboxOverview')) {
		
		/* toggle all boxes on headline-click */

		$$('.collapse_btn').addEvent('click', displayToggle);
		
		/* send buttons
		if ($('sendNewMessage')) {
			$('sendNewMessage').addEvent('click', submitForm.bindWithEvent($('MailboxNewMessageForm')));
		}
		if ($('sendAnswer')) {
			$('sendAnswer').addEvent('click', submitForm.bindWithEvent($('MailboxAnswerForm')));
		}
		*/

		/* option buttons ... */

		function findPos(obj)
		{
			var curleft = curtop = 0;
			
			if (obj.offsetParent)
			{
				curleft = obj.offsetLeft
				curtop = obj.offsetTop
				
				while (obj = obj.offsetParent)
				{
					curleft += obj.offsetLeft
					curtop += obj.offsetTop
				}
			}
			
			return [curleft,curtop];
		}
		
		
		function ScrollToAnker(param)
		{
			var ankers = document.getElementsByTagName('A');
						
			for (i=0; i< ankers.length; i++)
			{
				if (ankers[i].name == param)
				{
				position = findPos(ankers[i]);
				window.scrollTo(position[0],position[1]);
				}
				
			}
		}
		
		/* option buttons ... */

		$('openInboxOverview').addEvent('click', openAndJump.bindWithEvent($('MailboxInboxOverview')) );	
		$('openOutboxOverview').addEvent('click', openAndJump.bindWithEvent($('MailboxOutboxOverview')) );		
		$('openArchiveOverview').addEvent('click', openAndJump.bindWithEvent($('MailboxArchiveOverview')) );
		

		/* "abbrechen" buttons ... */

		
		$('openNewMessage').addEvent('click',  displayBlock.bindWithEvent( $('MailboxNewMessage') ) );		
		if ($('openAnswer')) {
			$('openAnswer').addEvent('click',  displayBlock.bindWithEvent( $('MailboxAnswer') ) );
			$('cancelAnswer').addEvent('click', displayNone.bindWithEvent($('MailboxAnswer')) );
		}
		
		$('cancelNewMessage').addEvent('click', displayNone.bindWithEvent($('MailboxNewMessage')) );
		$('cancelArchiveOverview').addEvent('click', displayNone.bindWithEvent($('MailboxArchiveOverview')) );
		

		
	}
	

	/* Page: Meine Pinnwand */

	if ($('MyGuestbookOptions')) {

		/* toggle all boxes on headline-click */

		$$('.collapse_btn').addEvent('click', displayToggle);

		/* "abbrechen" buttons ... */
		$('cancelMyGuestbookOptions').addEvent('click', unToggle.bindWithEvent($('MyGuestbookOptions')) );
		$('showMyGuestbookOptions').addEvent('click', toggle.bindWithEvent($('MyGuestbookOptions')) );

	}


	/* Page: Einstellungen */

	if ($('MyOptionsClearings')) {

		/* toggle all boxes on headline-click */

		$$('.collapse_btn').addEvent('click', displayToggle);
		
		/* option buttons ... */
		$('showMyOptionsClearings').addEvent('click', toggle.bindWithEvent($('MyOptionsClearings')) );
		$('showMyOptionsNotifications').addEvent('click', toggle.bindWithEvent($('MyOptionsNotifications')) );
		$('showMyOptionsCloseAccount').addEvent('click', toggle.bindWithEvent($('MyOptionsCloseAccount')) );
		$('showMyOptionsNewsletter').addEvent('click', toggle.bindWithEvent($('MyOptionsNewsletter')) );

		/* "abbrechen" buttons ... */
		$('cancelMyOptionsClearings').addEvent('click', unToggle.bindWithEvent($('MyOptionsClearings')) );
		$('cancelMyOptionsNotifications').addEvent('click', unToggle.bindWithEvent($('MyOptionsNotifications')) );
		$('cancelMyOptionsCloseAccount').addEvent('click', unToggle.bindWithEvent($('MyOptionsCloseAccount')) );
		$('cancelMyOptionsNewsletter').addEvent('click', unToggle.bindWithEvent($('MyOptionsNewsletter')) );

	}
	
	
	/* Page: Dashboard Login Form */
	
	if ($('DashboardLoginForm')) {
	
		$('dblf_submit').addEvent('click', submitForm.bindWithEvent($('DashboardLoginForm')));

	
	}

	
	/* Page: My Guestbook */ 

	if ($('GuestbookAdminDeleteWelcomePic')) {
	
		if ($('deleteGuestbookWelcomePic')) {
			$('deleteGuestbookWelcomePic').addEvent('click', submitForm.bindWithEvent($('GuestbookAdminDeleteWelcomePic'), {"hiddenfield": $('dummy'), "confirm": "Bild wirklich entfernen?"}));
		}

	}

	if ($('GuestbookAdminStatus')) {

		$('buttonChangeGuestbookStatus').addEvent('click', submitForm.bindWithEvent($('GuestbookAdminStatus')));

	}

	if ($('GuestbookAdminPicUpload')) {

		var uploadForm = new Moo.Form ( 'GuestbookAdminPicUpload', {
			onComplete: handleUpload.bind(this)
		});
		
		function doFileUpload(e){
			
			var event = new Event(e);
			event.stop();
			uploadForm.submit(); 
		}

		$('uploadGuestbookWelcomePic').addEvent( 'click', doFileUpload );

	}

	
	/* Page: Password Service */
	if ($('PasswordServiceForm')) {
		$('PasswordServiceSubmit').addEvent('click', submitForm.bindWithEvent($('PasswordServiceForm'), {"hiddenfield": $('PasswordServiceStore')} ));
		$('PasswordServiceErrors').addEvent('click', fadeOut);
	}

	
	/* Page: Options */
	if ($('OptionsClearingsForm')) {
		$('OptionsClearingsSubmit').addEvent('click', submitForm.bindWithEvent($('OptionsClearingsForm')));
	}
	
	if ($('OptionsNotifiesForm')) {
		$('OptionsNotifiesSubmit').addEvent('click', submitForm.bindWithEvent($('OptionsNotifiesForm')));
	}
	
	if ($('OptionsNewsletterForm')) {
		$('OptionsNewsletterSubmit').addEvent('click', submitForm.bindWithEvent($('OptionsNewsletterForm')));
	}

	if ($('OptionsCloseAccountForm')) {

		$('OptionsCloseAccountSubmit').addEvent('click', submitForm.bindWithEvent($('OptionsCloseAccountForm'), {"hiddenfield": $('dummy'), "confirm": "Mitgliedschaft wirklich beenden?"}));
		
	}


});

/* Slideshow */

/*
    This file is part of JonDesign's SmoothGallery v2.0.

    JonDesign's SmoothGallery is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 3 of the License, or
    (at your option) any later version.

    JonDesign's SmoothGallery is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with JonDesign's SmoothGallery; if not, write to the Free Software
    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

    Main Developer: Jonathan Schemoul (JonDesign: http://www.jondesign.net/)
    Contributed code by:
    - Christian Ehret (bugfix)
	- Nitrix (bugfix)
	- Valerio from Mad4Milk for his great help with the carousel scrolling and many other things.
	- Archie Cowan for helping me find a bugfix on carousel inner width problem.
	- Tomocchino from #mootools for the preloader class
	Many thanks to:
	- The mootools team for the great mootools lib, and it's help and support throughout the project.
*/

// declaring the class
var gallery = {
	initialize: function(element, options) {
		this.setOptions({
			showArrows: true,
			showCarousel: true,
			showInfopane: true,
			embedLinks: true,
			fadeDuration: 500,
			timed: false,
			delay: 9000,
			preloader: true,
			preloaderImage: true,
			preloaderErrorImage: true,
			/* Data retrieval */
			manualData: [],
			populateFrom: false,
			populateData: true,
			destroyAfterPopulate: true,
			elementSelector: "div.imageElement",
			titleSelector: "h3",
			subtitleSelector: "p",
			linkSelector: "a.open",
			imageSelector: "img.full",
			thumbnailSelector: "img.thumbnail",
			defaultTransition: "fade",
			/* InfoPane options */
			slideInfoZoneOpacity: 0.7,
			slideInfoZoneSlide: true,
			/* Carousel options */
			carouselMinimizedOpacity: 0.4,
			carouselMinimizedHeight: 20,
			carouselMaximizedOpacity: 0.9,
			thumbHeight: 75,
			thumbWidth: 100,
			thumbSpacing: 10,
			thumbIdleOpacity: 0.2,
			textShowCarousel: 'Pictures',
			showCarouselLabel: true,
			thumbCloseCarousel: true,
			useThumbGenerator: false,
			thumbGenerator: 'resizer.php',
			useExternalCarousel: false,
			carouselElement: false,
			carouselHorizontal: true,
			activateCarouselScroller: true,
			carouselPreloader: true,
			textPreloadingCarousel: 'Loading...',
			/* CSS Classes */
			baseClass: 'jdGallery',
			withArrowsClass: 'withArrows',
			/* Plugins: HistoryManager */
			useHistoryManager: false,
			customHistoryKey: false
		}, options);
		this.fireEvent('onInit');
		this.currentIter = 0;
		this.lastIter = 0;
		this.maxIter = 0;
		this.galleryElement = element;
		this.galleryData = this.options.manualData;
		this.galleryInit = 1;
		this.galleryElements = Array();
		this.thumbnailElements = Array();
		this.galleryElement.addClass(this.options.baseClass);
		
		this.populateFrom = element;
		if (this.options.populateFrom)
			this.populateFrom = this.options.populateFrom;		
		if (this.options.populateData)
			this.populateData();
		element.style.display="block";
		
		if (this.options.useHistoryManager)
			this.initHistory();
		
		if (this.options.embedLinks)
		{
			this.currentLink = new Element('a').addClass('open').setProperties({
				href: '#',
				title: ''
			}).injectInside(element);
			if ((!this.options.showArrows) && (!this.options.showCarousel))
				this.galleryElement = element = this.currentLink;
			else
				this.currentLink.setStyle('display', 'none');
		}
		
		this.constructElements();
		if ((this.galleryData.length>1)&&(this.options.showArrows))
		{
			var leftArrow = new Element('a').addClass('left').addEvent(
				'click',
				this.prevItem.bind(this)
			).injectInside(element);
			var rightArrow = new Element('a').addClass('right').addEvent(
				'click',
				this.nextItem.bind(this)
			).injectInside(element);
			this.galleryElement.addClass(this.options.withArrowsClass);
		}
		this.loadingElement = new Element('div').addClass('loadingElement').injectInside(element);
		if (this.options.showInfopane) this.initInfoSlideshow();
		if (this.options.showCarousel) this.initCarousel();
		this.doSlideShow(1);
	},
	populateData: function() {
		currentArrayPlace = this.galleryData.length;
		options = this.options;
		var data = $A(this.galleryData);
		data.extend(this.populateGallery(this.populateFrom, currentArrayPlace));
		this.galleryData = data;
		this.fireEvent('onPopulated');
	},
	populateGallery: function(element, startNumber) {
		var data = [];
		options = this.options;
		currentArrayPlace = startNumber;
		element.getElements(options.elementSelector).each(function(el) {
			elementDict = {
				image: el.getElement(options.imageSelector).getProperty('src'),
				number: currentArrayPlace,
				transition: this.options.defaultTransition
			};
			elementDict.extend = $extend;
			if ((options.showInfopane) | (options.showCarousel))
				elementDict.extend({
					title: el.getElement(options.titleSelector).innerHTML,
					description: el.getElement(options.subtitleSelector).innerHTML
				});
			if (options.embedLinks)
				elementDict.extend({
					link: el.getElement(options.linkSelector).href||false,
					linkTitle: el.getElement(options.linkSelector).title||false,
					linkTarget: el.getElement(options.linkSelector).getProperty('target')||false
				});
			if ((!options.useThumbGenerator) && (options.showCarousel))
				elementDict.extend({
					thumbnail: el.getElement(options.thumbnailSelector).getProperty('src')
				});
			else if (options.useThumbGenerator)
				elementDict.extend({
					thumbnail: options.thumbGenerator + '?imgfile=' + elementDict.image + '&max_width=' + options.thumbWidth + '&max_height=' + options.thumbHeight
				});
			
			data.extend([elementDict]);
			currentArrayPlace++;
			if (this.options.destroyAfterPopulate)
				el.remove();
		});
		return data;
	},
	constructElements: function() {
		el = this.galleryElement;
		this.maxIter = this.galleryData.length;
		var currentImg;
		for(i=0;i<this.galleryData.length;i++)
		{
			var currentImg = new Fx.Styles(
				new Element('div').addClass('slideElement').setStyles({
					'position':'absolute',
					'left':'0px',
					'right':'0px',
					'margin':'0px',
					'padding':'0px',
					'backgroundPosition':"center center",
					'opacity':'0'
				}).injectInside(el),
				'opacity',
				{duration: this.options.fadeDuration}
			);
			if (this.options.preloader)
			{
				currentImg.source = this.galleryData[i].image;
				currentImg.loaded = false;
				currentImg.load = function(imageStyle) {
					if (!imageStyle.loaded)	{
						new Asset.image(imageStyle.source, {
		                            'onload'  : function(img){
													img.element.setStyle(
													'backgroundImage',
													"url('" + img.source + "')")
													img.loaded = true;
												}.bind(this, imageStyle)
						});
					}
				}.pass(currentImg, this);
			} else {
				currentImg.element.setStyle('backgroundImage',
									"url('" + this.galleryData[i].image + "')");
			}
			this.galleryElements[parseInt(i)] = currentImg;
		}
	},
	destroySlideShow: function(element) {
		var myClassName = element.className;
		var newElement = new Element('div').addClass('myClassName');
		element.parentNode.replaceChild(newElement, element);
	},
	startSlideShow: function() {
		this.fireEvent('onStart');
		this.loadingElement.style.display = "none";
		this.lastIter = this.maxIter - 1;
		this.currentIter = 0;
		this.galleryInit = 0;
		this.galleryElements[parseInt(this.currentIter)].set({opacity: 1});
		if (this.options.showInfopane)
			this.showInfoSlideShow.delay(1000, this);
		var textShowCarousel = formatString(this.options.textShowCarousel, this.currentIter+1, this.maxIter);
		if (this.options.showCarousel&&(!this.options.carouselPreloader))
			this.carouselBtn.setHTML(textShowCarousel).setProperty('title', textShowCarousel);
		this.prepareTimer();
		if (this.options.embedLinks)
			this.makeLink(this.currentIter);
	},
	nextItem: function() {
		this.fireEvent('onNextCalled');
		this.nextIter = this.currentIter+1;
		if (this.nextIter >= this.maxIter)
			this.nextIter = 0;
		this.galleryInit = 0;
		this.goTo(this.nextIter);
	},
	prevItem: function() {
		this.fireEvent('onPreviousCalled');
		this.nextIter = this.currentIter-1;
		if (this.nextIter <= -1)
			this.nextIter = this.maxIter - 1;
		this.galleryInit = 0;
		this.goTo(this.nextIter);
	},
	goTo: function(num) {
		this.clearTimer();
		if(this.options.preloader)
		{
			this.galleryElements[num].load();
			if (num==0)
				this.galleryElements[this.maxIter - 1].load();
			else
				this.galleryElements[num - 1].load();
			if (num==(this.maxIter - 1))
				this.galleryElements[0].load();
			else
				this.galleryElements[num + 1].load();
				
		}
		if (this.options.embedLinks)
			this.clearLink();
		if (this.options.showInfopane)
		{
			this.slideInfoZone.clearChain();
			this.hideInfoSlideShow().chain(this.changeItem.pass(num, this));
		} else
			this.currentChangeDelay = this.changeItem.delay(500, this, num);
		if (this.options.embedLinks)
			this.makeLink(num);
		this.prepareTimer();
		/*if (this.options.showCarousel)
			this.clearThumbnailsHighlights();*/
	},
	changeItem: function(num) {
		this.fireEvent('onStartChanging');
		this.galleryInit = 0;
		if (this.currentIter != num)
		{
			for(i=0;i<this.maxIter;i++)
			{
				if ((i != this.currentIter)) this.galleryElements[i].set({opacity: 0});
			}
			gallery.Transitions[this.galleryData[num].transition].pass([
				this.galleryElements[this.currentIter],
				this.galleryElements[num],
				this.currentIter,
				num], this)();
			this.currentIter = num;
		}
		var textShowCarousel = formatString(this.options.textShowCarousel, num+1, this.maxIter);
		if (this.options.showCarousel)
			this.carouselBtn.setHTML(textShowCarousel).setProperty('title', textShowCarousel);
		this.doSlideShow.bind(this)();
		this.fireEvent('onChanged');
	},
	clearTimer: function() {
		if (this.options.timed)
			$clear(this.timer);
	},
	prepareTimer: function() {
		if (this.options.timed)
			this.timer = this.nextItem.delay(this.options.delay, this);
	},
	doSlideShow: function(position) {
		if (this.galleryInit == 1)
		{
			imgPreloader = new Image();
			imgPreloader.onload=function(){
				this.startSlideShow.delay(10, this);
			}.bind(this);
			imgPreloader.src = this.galleryData[0].image;
			if(this.options.preloader)
				this.galleryElements[0].load();
		} else {
			if (this.options.showInfopane)
			{
				if (this.options.showInfopane)
				{
					this.showInfoSlideShow.delay((500 + this.options.fadeDuration), this);
				} else
					if ((this.options.showCarousel)&&(this.options.activateCarouselScroller))
						this.centerCarouselOn(position);
			}
		}
	},
	createCarousel: function() {
		var carouselElement;
		if (!this.options.useExternalCarousel)
		{
			var carouselContainerElement = new Element('div').addClass('carouselContainer').injectInside(this.galleryElement);
			this.carouselContainer = new Fx.Styles(carouselContainerElement, {transition: Fx.Transitions.expoOut});
			this.carouselContainer.normalHeight = carouselContainerElement.offsetHeight;
			this.carouselContainer.set({'opacity': this.options.carouselMinimizedOpacity, 'top': (this.options.carouselMinimizedHeight - this.carouselContainer.normalHeight)});
			this.carouselBtn = new Element('a').addClass('carouselBtn').setProperties({
				title: this.options.textShowCarousel
			}).injectInside(carouselContainerElement);
			if(this.options.carouselPreloader)
				this.carouselBtn.setHTML(this.options.textPreloadingCarousel);
			else
				this.carouselBtn.setHTML(this.options.textShowCarousel);
			this.carouselBtn.addEvent(
				'click',
				function () {
					this.carouselContainer.clearTimer();
					this.toggleCarousel();
				}.bind(this)
			);
			this.carouselActive = false;
	
			carouselElement = new Element('div').addClass('carousel').injectInside(carouselContainerElement);
			this.carousel = new Fx.Styles(carouselElement);
		} else {
			carouselElement = $(this.options.carouselElement).addClass('jdExtCarousel');
		}
		this.carouselElement = new Fx.Styles(carouselElement, {transition: Fx.Transitions.expoOut});
		this.carouselElement.normalHeight = carouselElement.offsetHeight;
		if (this.options.showCarouselLabel)
			this.carouselLabel = new Element('p').addClass('label').injectInside(carouselElement);
		carouselWrapper = new Element('div').addClass('carouselWrapper').injectInside(carouselElement);
		this.carouselWrapper = new Fx.Styles(carouselWrapper, {transition: Fx.Transitions.expoOut});
		this.carouselWrapper.normalHeight = carouselWrapper.offsetHeight;
		this.carouselInner = new Element('div').addClass('carouselInner').injectInside(carouselWrapper);
		if (this.options.activateCarouselScroller)
		{
			this.carouselWrapper.scroller = new Scroller(carouselWrapper, {
				area: 100,
				velocity: 0.2
			})
			
			this.carouselWrapper.elementScroller = new Fx.Scroll(carouselWrapper, {
				duration: 400,
				onStart: this.carouselWrapper.scroller.stop.bind(this.carouselWrapper.scroller),
				onComplete: this.carouselWrapper.scroller.start.bind(this.carouselWrapper.scroller)
			});
		}
	},
	fillCarousel: function() {
		this.constructThumbnails();
		this.carouselInner.normalWidth = ((this.maxIter * (this.options.thumbWidth + this.options.thumbSpacing + 2))+this.options.thumbSpacing) + "px";
		this.carouselInner.style.width = this.carouselInner.normalWidth;
	},
	initCarousel: function () {
		this.createCarousel();
		this.fillCarousel();
		if (this.options.carouselPreloader)
			this.preloadThumbnails();
	},
	flushCarousel: function() {
		this.thumbnailElements.each(function(myFx) {
			myFx.element.remove();
			myFx = myFx.element = null;
		});
		this.thumbnailElements = [];
	},
	toggleCarousel: function() {
		if (this.carouselActive)
			this.hideCarousel();
		else
			this.showCarousel();
	},
	showCarousel: function () {
		this.fireEvent('onShowCarousel');
		this.carouselContainer.start({
			'opacity': this.options.carouselMaximizedOpacity,
			'top': 0
		}).chain(function() {
			this.carouselActive = true;
			this.carouselWrapper.scroller.start();
			this.fireEvent('onCarouselShown');
			this.carouselContainer.options.onComplete = null;
		}.bind(this));
	},
	hideCarousel: function () {
		this.fireEvent('onHideCarousel');
		var targetTop = this.options.carouselMinimizedHeight - this.carouselContainer.normalHeight;
		this.carouselContainer.start({
			'opacity': this.options.carouselMinimizedOpacity,
			'top': targetTop
		}).chain(function() {
			this.carouselActive = false;
			this.carouselWrapper.scroller.stop();
			this.fireEvent('onCarouselHidden');
			this.carouselContainer.options.onComplete = null;
		}.bind(this));
	},
	constructThumbnails: function () {
		element = this.carouselInner;
		for(i=0;i<this.galleryData.length;i++)
		{
			var currentImg = new Fx.Style(new Element ('div').addClass("thumbnail").setStyles({
					backgroundImage: "url('" + this.galleryData[i].thumbnail + "')",
					backgroundPosition: "center center",
					backgroundRepeat: 'no-repeat',
					marginLeft: this.options.thumbSpacing + "px",
					width: this.options.thumbWidth + "px",
					height: this.options.thumbHeight + "px"
				}).injectInside(element), "opacity", {duration: 200}).set(this.options.thumbIdleOpacity);
			currentImg.element.addEvents({
				'mouseover': function (myself) {
					myself.clearTimer();
					myself.start(0.99);
					if (this.options.showCarouselLabel)
						$(this.carouselLabel).setHTML('<span class="number">' + (myself.relatedImage.number + 1) + "/" + this.maxIter + ":</span> " + myself.relatedImage.title);
				}.pass(currentImg, this),
				'mouseout': function (myself) {
					myself.clearTimer();
					myself.start(this.options.thumbIdleOpacity);
				}.pass(currentImg, this),
				'click': function (myself) {
					this.goTo(myself.relatedImage.number);
					if (this.options.thumbCloseCarousel)
						this.hideCarousel();
				}.pass(currentImg, this)
			});
			
			currentImg.relatedImage = this.galleryData[i];
			this.thumbnailElements[parseInt(i)] = currentImg;
		}
	},
	log: function(value) {
		if(console.log)
			console.log(value);
	},
	preloadThumbnails: function() {
		var thumbnails = [];
		for(i=0;i<this.galleryData.length;i++)
		{
			thumbnails[parseInt(i)] = this.galleryData[i].thumbnail;
		}
		this.thumbnailPreloader = new Preloader();
		this.thumbnailPreloader.addEvent('onComplete', function() {
			var textShowCarousel = formatString(this.options.textShowCarousel, this.currentIter+1, this.maxIter);
			this.carouselBtn.setHTML(textShowCarousel).setProperty('title', textShowCarousel);
		}.bind(this));
		this.thumbnailPreloader.load(thumbnails);
	},
	clearThumbnailsHighlights: function()
	{
		for(i=0;i<this.galleryData.length;i++)
		{
			this.thumbnailElements[i].clearTimer();
			this.thumbnailElements[i].start(0.2);
		}
	},
	changeThumbnailsSize: function(width, height)
	{
		for(i=0;i<this.galleryData.length;i++)
		{
			this.thumbnailElements[i].clearTimer();
			this.thumbnailElements[i].element.setStyles({
				'width': width + "px",
				'height': height + "px"
			});
		}
	},
	centerCarouselOn: function(num) {
		if (!this.carouselWallMode)
		{
			var carouselElement = this.thumbnailElements[num];
			var position = carouselElement.element.offsetLeft + (carouselElement.element.offsetWidth / 2);
			var carouselWidth = this.carouselWrapper.element.offsetWidth;
			var carouselInnerWidth = this.carouselInner.offsetWidth;
			var diffWidth = carouselWidth / 2;
			var scrollPos = position-diffWidth;
			this.carouselWrapper.elementScroller.scrollTo(scrollPos,0);
		}
	},
	initInfoSlideshow: function() {
		/*if (this.slideInfoZone.element)
			this.slideInfoZone.element.remove();*/
		this.slideInfoZone = new Fx.Styles(new Element('div').addClass('slideInfoZone').injectInside($(this.galleryElement))).set({'opacity':0});
		var slideInfoZoneTitle = new Element('h2').injectInside(this.slideInfoZone.element);
		var slideInfoZoneDescription = new Element('p').injectInside(this.slideInfoZone.element);
		this.slideInfoZone.normalHeight = this.slideInfoZone.element.offsetHeight;
		this.slideInfoZone.element.setStyle('opacity',0);
	},
	changeInfoSlideShow: function()
	{
		this.hideInfoSlideShow.delay(10, this);
		this.showInfoSlideShow.delay(500, this);
	},
	showInfoSlideShow: function() {
		this.fireEvent('onShowInfopane');
		this.slideInfoZone.clearTimer();
		element = this.slideInfoZone.element;
		element.getElement('h2').setHTML(this.galleryData[this.currentIter].title);
		element.getElement('p').setHTML(this.galleryData[this.currentIter].description);
		if(this.options.slideInfoZoneSlide)
			this.slideInfoZone.start({'opacity': [0, this.options.slideInfoZoneOpacity], 'height': [0, this.slideInfoZone.normalHeight]});
		else
			this.slideInfoZone.start({'opacity': [0, this.options.slideInfoZoneOpacity]});
		if (this.options.showCarousel)
			this.slideInfoZone.chain(this.centerCarouselOn.pass(this.currentIter, this));
		return this.slideInfoZone;
	},
	hideInfoSlideShow: function() {
		this.fireEvent('onHideInfopane');
		this.slideInfoZone.clearTimer();
		if(this.options.slideInfoZoneSlide)
			this.slideInfoZone.start({'opacity': 0, 'height': 0});
		else
			this.slideInfoZone.start({'opacity': 0});
		return this.slideInfoZone;
	},
	makeLink: function(num) {
		this.currentLink.setProperties({
			href: this.galleryData[num].link,
			title: this.galleryData[num].linkTitle
		})
		if (!((this.options.embedLinks) && (!this.options.showArrows) && (!this.options.showCarousel)))
			this.currentLink.setStyle('display', 'block');
	},
	clearLink: function() {
		this.currentLink.setProperties({href: '', title: ''});
		if (!((this.options.embedLinks) && (!this.options.showArrows) && (!this.options.showCarousel)))
			this.currentLink.setStyle('display', 'none');
	},
	/* To change the gallery data, those two functions : */
	flushGallery: function() {
		this.galleryElements.each(function(myFx) {
			myFx.element.remove();
			myFx = myFx.element = null;
		});
		this.galleryElements = [];
	},
	changeData: function(data) {
		this.galleryData = data;
		this.clearTimer();
		this.flushGallery();
		if (this.options.showCarousel) this.flushCarousel();
		this.constructElements();
		if (this.options.showCarousel) this.fillCarousel();
		if (this.options.showInfopane) this.hideInfoSlideShow();
		this.galleryInit=1;
		this.lastIter=0;
		this.currentIter=0;
		this.doSlideShow(1);
	},
	/* Plugins: HistoryManager */
	initHistory: function() {
		this.fireEvent('onHistoryInit');
		this.historyKey = this.galleryElement.id + '-picture';
		if (this.options.customHistoryKey)
			this.historyKey = this.options.customHistoryKey();
		this.history = HistoryManager.register(
			this.historyKey,
			[1],
			function(values) {
				if (parseInt(values[0])-1 < this.maxIter)
					this.goTo(parseInt(values[0])-1);
			}.bind(this),
			function(values) {
				return [this.historyKey, '(', values[0], ')'].join('');
			}.bind(this),
			this.historyKey + '\\((\\d+)\\)');
		this.addEvent('onChanged', function(){
			this.history.setValue(0, this.currentIter+1);
		}.bind(this));
		this.fireEvent('onHistoryInited');
	}
};
gallery = new Class(gallery);
gallery.implement(new Events);
gallery.implement(new Options);

gallery.Transitions = new Abstract ({
	fade: function(oldFx, newFx, oldPos, newPos){
		oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
		oldFx.options.duration = newFx.options.duration = this.options.fadeDuration;
		if (newPos > oldPos) newFx.start({opacity: 1});
		else
		{
			newFx.set({opacity: 1});
			oldFx.start({opacity: 0});
		}
	},
	crossfade: function(oldFx, newFx, oldPos, newPos){
		oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
		oldFx.options.duration = newFx.options.duration = this.options.fadeDuration;
		newFx.start({opacity: 1});
		oldFx.start({opacity: 0});
	},
	fadebg: function(oldFx, newFx, oldPos, newPos){
		oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
		oldFx.options.duration = newFx.options.duration = this.options.fadeDuration / 2;
		oldFx.start({opacity: 0}).chain(newFx.start.pass([{opacity: 1}], newFx));
	}
});

/* All code copyright 2007 Jonathan Schemoul */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Follows: Preloader (class)
 * Simple class for preloading images with support for progress reporting
 * Copyright 2007 Tomocchino.
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

var Preloader = new Class({
  
  Implements: [Events, Options],

  options: {
    root        : '',
    period      : 100
  },
  
  initialize: function(options){
    this.setOptions(options);
  },
  
  load: function(sources) {
    this.index = 0;
    this.images = [];
    this.sources = this.temps = sources;
    this.total = this. sources.length;
    
    this.fireEvent('onStart', [this.index, this.total]);
    this.timer = this.progress.periodical(this.options.period, this);
    
    this.sources.each(function(source, index){
      this.images[index] = new Asset.image(this.options.root + source, {
        'onload'  : function(){ this.index++; if(this.images[index]) this.fireEvent('onLoad', [this.images[index], index, source]); }.bind(this),
        'onerror' : function(){ this.index++; this.fireEvent('onError', [this.images.splice(index, 1), index, source]); }.bind(this),
        'onabort' : function(){ this.index++; this.fireEvent('onError', [this.images.splice(index, 1), index, source]); }.bind(this)
      });
    }, this);
  },
  
  progress: function() {
    this.fireEvent('onProgress', [Math.min(this.index, this.total), this.total]);
    if(this.index >= this.total) this.complete();
  },
  
  complete: function(){
    $clear(this.timer);
    this.fireEvent('onComplete', [this.images]);
  },
  
  cancel: function(){
    $clear(this.timer);
  }
  
});

Preloader.implement(new Events, new Options);

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Follows: formatString (function)
 * Original name: Yahoo.Tools.printf
 * Copyright Yahoo.
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

function formatString() {
	var num = arguments.length;
	var oStr = arguments[0];
	for (var i = 1; i < num; i++) {
		var pattern = "\\{" + (i-1) + "\\}"; 
		var re = new RegExp(pattern, "g");
		oStr = oStr.replace(re, arguments[i]);
	}
	return oStr; 
}

/* Ende Slideshow */

/* Start Carousel */

// Konfiguration
slidewidth = 416; // Verschiebung pro Klick in Pixeln
slide_timeout = 75; // je kürzer desto schneller

// Hilfsvariablen
end_distance = 0;


function getElementById (object_id)
{
	try
	{
		elem = document.all(object_id);
	}
	catch(e)
	{
		elem = document.getElementById(object_id);
	}
	return elem;
}

function galerie_carousel (object_id, direction) 
{
	elem = getElementById (object_id);

	viewportwidth = parseInt(elem.parentNode.parentNode.offsetWidth);
	width = parseInt(elem.offsetWidth);

	slide_max_left = viewportwidth - width;
	slide_max_right = 0;

	if(!elem.style.left) elem.style.left = '0px';
	margin = parseInt(elem.style.left);
	
	switch (direction)
	{
		case "left":
		if((end_distance + slidewidth) < slide_max_right) end_distance = end_distance + slidewidth;
		else end_distance = slide_max_right;
		galerie_carousel_left (object_id);
		break;
		
		case "right":
		if((end_distance - slidewidth) > slide_max_left) end_distance = end_distance - slidewidth;
		else end_distance = slide_max_left;
		galerie_carousel_right (object_id);
		break;
	}
}

function galerie_carousel_left (object_id)
{
	elem = getElementById (object_id);
	margin = parseInt(elem.style.left);
	slideto = margin - (Math.ceil((margin - end_distance) / 4) - 1);
	if(slideto < end_distance)
	{
		elem.style.left = slideto + 'px';
		window.setTimeout('galerie_carousel_left("' + object_id + '");', slide_timeout);
	}
	else elem.style.left = end_distance + 'px';
}

function galerie_carousel_right (object_id)
{
	elem = getElementById (object_id);
	margin = parseInt(elem.style.left);
	slideto = margin - (Math.ceil((margin - end_distance) / 4) + 1);
	if(slideto > end_distance)
	{
		elem.style.left = slideto + 'px';
		window.setTimeout('galerie_carousel_right("' + object_id + '");', slide_timeout);
	}
	else elem.style.left = end_distance + 'px';
}

/* Ende Carousel */

/* Start Onlineliste */

		function machGross(aID) {
		document.getElementById('div'+aID).style.zIndex=1000;
		var dasBild = document.getElementById('bild'+aID);
		dasBild.className = 'gross';
		}
		function machKlein(aID) {
		document.getElementById('div'+aID).style.zIndex=0;
		var dasBild = document.getElementById('bild'+aID);
		dasBild.className = 'klein';
		}

/* Ende Onlineliste */