var Form = new Class({
	Implements : [Options],
	options : {
		'collapse' : true,
		'hideall' : false,
		'trigger' : 'click',
		'tinymce' : {
			'base' : {
				mode : 'none',
				theme : 'advanced',
				language : 'nl',
				verify_css_classes : true,
				convert_urls : false,
				entity_encoding : 'raw',
				invalid_elements : 'font,span,xml',
				theme_advanced_toolbar_location : 'top',
				theme_advanced_toolbar_align : 'left'
			},
			'options' : {
				theme_advanced_blockformats : 'p,h1,h2,h3,h4',
				plugins : 'table,uploader',
				theme_advanced_buttons1 : 'undo,redo,separator,formatselect,separator,bold,italic,separator,justifyleft,justifycenter,justifyright,separator,bullist,numlist,separator,code',
				theme_advanced_buttons2 : 'tablecontrols,separator,image,link,unlink',
				theme_advanced_buttons3 : ''
			},
			'enduseroptions' : {
				theme_advanced_blockformats : 'p,h1,h2,h3,h4',
				extended_valid_elements : 'a[name|href|target=_blank|title]',
				plugins : 'table,uploader',
				theme_advanced_buttons1 : 'undo,redo,separator,link,unlink,separator,bold,italic,underline,separator,bullist,numlist',
				theme_advanced_buttons2 : '',
				theme_advanced_buttons3 : ''
			}
		},
		'date' : {
			'days' : ['Zondag', 'Maandag', 'Dinsdag', 'Woensdag', 'Donderdag', 'Vrijdag', 'Zaterdag'],
			'months' : ['Januari', 'Februari', 'Maart', 'April', 'Mei', 'Juni', 'Juli', 'Augustus', 'September', 'Oktober', 'November', 'December'],
			'dateformat' : 'Y-m-d',
			'datetimeformat' : 'Y-m-d H:i:00'
		},
		'map' : {
			'zoom' : 15
		}
	},
	itsForm : null,
	itsTogglers : new Array(),
	itsElements : new Array(),
	itsAccordion : null,
	itsDefault : 0,
	initialize : function(form, options) {
		this.setOptions(options);
		this.itsForm = form;
		this.parseForm();
		this.parseInput();
	},
	parseForm : function() {
		if (!this.options.collapse)
			return true;
		this.itsForm.getElements('fieldset').each((function(element, i) {
			if (element.hasClass('form-fieldsetdefault'))
				this.itsDefault = i;
			var legend = element.getElement('legend');
			legend.setStyle('display', 'none');
			if (Browser.Engine.gecko) element = (new Element('div', {'class' : 'form-fieldset form-fieldset-wrapper'})).wraps(element); // Firefox fieldset workaround.
			var toggler = new Element('h2', {
				'class' : 'form-toggler',
				'html' : legend.innerHTML
			});
			toggler.inject(element, 'before');
			this.itsTogglers.push(toggler);
			this.itsElements.push(element);
		}).bind(this));
		this.setAccordion();
		return true;
	},
	setAccordion : function() {
		this.itsAccordion = new Fx.Accordion(this.itsTogglers, this.itsElements, {
			'opacity' : false,
			'show' : this.itsDefault,
			'onActive' : function(toggler, element) {
				toggler.addClass('form-toggler-active');
			},
			'onBackground' : function(toggler, element) {
				toggler.removeClass('form-toggler-active');
			},
			'alwaysHide' : this.options.hideall,
			'trigger' : this.options.trigger
		});
	},
	parseInput : function() {
		this.itsForm.getElements('.text').each((function(element, i) {
			// Location
			$try((function() {
				if (element.hasClass('text-location')) {
					var lat = 0,
						lng = 0;
					if (element.hasClass('text-locationmap')) {
						var mapElement = (new Element('div', {'class' : 'google-map form-input-map'})).inject(element, 'after'),
							location = new google.maps.LatLng(lat, lng),
							map = new google.maps.Map(mapElement, {
								'zoom' : this.options.map.zoom,
								'center' : location,
								'mapTypeId' : google.maps.MapTypeId.ROADMAP
							}),
							marker = new google.maps.Marker({
								'position' : location,
								'draggable' : true,
								'map' : map
							});
						/*google.maps.event.addListener(map, 'click', function(event) {
							updateLocation(event.latLng.lat(), event.latLng.lng());
						});*/
						google.maps.event.addListener(marker, 'dragend', function(event) {
							updateLocation(event.latLng.lat(), event.latLng.lng());
						});
					}
					var updateLocation = function(lat, lng) {
						element.set('value', lat + ', ' + lng);
						if (!(map instanceof google.maps.Map)) 
							return true;
						var location = new google.maps.LatLng(lat, lng);
						marker.setPosition(location);
						map.panTo(location);
						return true;	
					};
					if (element.get('value')) {
						if (match = (/(-?\d{1,4}(\.\d+)?)\s*,\s*(-?\d{1,4}(\.\d+)?)/).exec(element.get('value'))) 
							updateLocation(match[1], match[3]);
					} else if (navigator.geolocation) {
						navigator.geolocation.getCurrentPosition(function (position) {
							lat = position.coords.latitude;
							lng = position.coords.longitude;
							updateLocation(lat, lng);
						});
					}
				}
			}).bind(this));
			// Date and time
			$try((function() {
				if (element.hasClass('text-datetime')) {
					new DatePicker(element, {
						'allowEmpty' : true,
						'timePicker' : true, 
						'format' : this.options.date.datetimeformat,
						'inputOutputFormat' : 'Y-m-d H:i:s',
						'days' : this.options.date.days,
						'months' : this.options.date.months
					});
				}
				if (element.hasClass('text-date')) {
					new DatePicker(element, {
						'allowEmpty' : true,
						'timePicker' : false, 
						'format' : this.options.date.dateformat,
						'inputOutputFormat' : 'Y-m-d',
						'days' : this.options.date.days,
						'months' : this.options.date.months
					});
				}
			}).bind(this));
			// TinyMCE
			$try((function() {
				if (element.hasClass('text-rte')) {
					var options = this.options.tinymce.base;
					if (element.hasClass('text-rteenduser')) 
						$extend(options, this.options.tinymce.enduseroptions);
					else 
						$extend(options, this.options.tinymce.options);
					tinyMCE.init(options);
					tinyMCE.execCommand('mceAddControl', true, element);
				}
			}).bind(this));
		}).bind(this));
		return true;
	}
});
window.addEvent('load', function() {
	var options = {};
	$try(function() {
		$extend(options, cfg.form);
	});
	$$("form").each(function(form) {
		new Form(form, options);
	});
});