///////////////////////////////////////////////////////////
// Class Locations
///////////////////////////////////////////////////////////

var CountryZoomControls = Class.create({

	///////////////////////////////////////////////////////////
	// initialize
	///////////////////////////////////////////////////////////
	
	initialize:function(parent, element){
		
		this.element = element;
		this.parent = parent;
		this.countries = $$('#'+ this.element.identify() +' li a');
		this.countries.invoke('observe', 'click', this.onCountryClick.bind(this));
		
	},
	
	
	///////////////////////////////////////////////////
	// onCountryClick
	///////////////////////////////////////////////////

	onCountryClick:function(e){
		var el = Event.element(e);
		var obj = el.rel.evalJSON();
		obj.country = el.innerHTML;
		this.parent.zoomCountry(obj)
	}
});