// Metroseeq namespace
var mesq = mesq || {};

Event.observe(window, 'load', function(e) {
	if($('BetaSignupForm_Form')) {
		window.betasignup = new mesq.SignupForm('BetaSignupForm_Form');
	} else if($('SignupForm_Form')) {
		window.betasignup = new mesq.SignupForm('SignupForm_Form');
	}
});

mesq.SignupForm = Class.create();
Object.extend(mesq.SignupForm.prototype, {
	container: null,
	
	initialize: function(domContainer) {
		this.container = $(domContainer);
		this.container.down('.restaurantMoreFields').hide();
		
		// IE FALES at DOM-events
		// @see http://krijnhoetmer.nl/stuff/javascript/checkbox-onchange/
		if(this.container.down('.toggleMoreFields')) {
			Event.observe(
				this.container.down('.toggleMoreFields'), 
				Prototype.Browser.IE? 'click' : 'change', 
				this.toggleRestaurantFields.bind(this)
			);
			this.toggleRestaurantFields();
		}
		
		if($('Examples')) Element.hide('Examples');
		if($('ExamplesLink')) Event.observe($('ExamplesLink'), 'click', this.toggleExamples.bind(this));
		
	},
	
	toggleRestaurantFields: function(e) {
		if($F(this.container.down('.toggleMoreFields'))) {
			this.container.down('.restaurantMoreFields').show();	
		} else {
			this.container.down('.restaurantMoreFields').hide();	
		}
		
		return true;
	},
	
	toggleExamples: function(e) {
		Element.toggle('Examples');
		Event.stop(e); return false;
	}
});