/* cities.js */

var Cities = {
	
	run: function() {
		$$('#categories a.more').each(function(item) {
			Event.observe(item, 'click', Cities.displayAll.bindAsEventListener(item));
		});
	},
	
	displayAll: function(e) {
		var div = this.up('.items');
		new Ajax.Request(Utils.getUrl(this.href), {   
			method: 'get',
			parameters: {
				plugin			: 'cities',
				mode			: 'displayAll'
			},
			onSuccess: function(transport) {
				div.innerHTML = transport.responseText;
				var less = $$('#' + div.id + ' a.less')[0];
				Event.observe(less, 'click', Cities.displayDefault.bindAsEventListener(less));				
			}			
		});
		e.stop();
	},
	
	displayDefault: function(e) {
		var div = this.up('.items');
		new Ajax.Request(Utils.getUrl(this.href), {   
			method: 'get',
			parameters: {
				plugin		: 'cities',
				mode		: 'displayDefault'
			},
			onSuccess: function(transport) {
				div.innerHTML = transport.responseText;
				var more = $$('#' + div.id + ' a.more')[0];
				Event.observe(more, 'click', Cities.displayAll.bindAsEventListener(more));				
			}			
		});
		e.stop();
	}	
}
new StartUp(Cities);