// var MyBehavior = Behavior.create({
//   onmouseover : function() { this.element.addClassName('bong') } 
// });
//
// Event.addBehavior({ 'a.rollover' : MyBehavior });

var Country = Behavior.create({
	regions: [],
	initialize: function() {
		this.regions = this.element.select('ul');
		this.regions.each(function(el) {
			el.hide();
		})
		this.regions.first().show();
		this.element.select('h3 a').each(function(el) {
			$(el).observe('click',function(e) {
				target = /#(.+)$/.exec(Event.element(e).href);
				console.log(this);
				this._toggle(target[1]);
				return(false);
			});
		})
	},
	activate: function(el) {
		Effect.SlideDown(el);
	},
	deactivate: function(el) {
		Effect.SlideUp(el);
	},
	_toggle: function(el) {
		if($(el).visible()) {
			this.deactivate(el);
		} else {
			this.activate(el);
		}
	}
});

var LoginForm = Behavior.create({
	initialize: function() {
		this.form = this.element.next();
		this.form.hide();
	},
	
	onclick: function() {
		Effect.toggle(this.form, 'blind');
	}
});

var CountryLink = Behavior.create({
	onclick: function() {
		target = /#(.+)$/.exec(this.element.href);
		if(target && target[1]) {
			if($(target[1]).visible()) {
				Effect.BlindUp(target[1]);
			} else {
				Effect.BlindDown(target[1]);
			}
		}
		return(false);
	}
});

var FormLink = Behavior.create({
	initialize: function() {
		this.form = $('form');
		this.form.hide();
	},
	onclick: function() {
		this.element.hide();
		this.form.show()
		return(false);
	}
});

var FormChooser = Behavior.create({
	onchange: function() {
		url = this.element.getValue();
		if(url.match(/http/)) {
			myLightWindow.activateWindow({ href: url });
		}	
	}
});

Event.addBehavior({
	//'#countries': Country
	'#countries h3 a': CountryLink,
	'#client_login' : LoginForm,
	'a.form_link': FormLink,
	'#form': FormChooser
});