document.observe("dom:loaded", function() {
	new Meets();
});
var Meets = Class.create();
Meets.prototype = {
	initialize: function() {
		this.main = $('main');
		this.main.startWaiting();
		new Ajax.Request("/meets/index.php",{
			parameters: {"cmd": "load_page"},
			onComplete: function(transport) {
				this.main.stopWaiting();
				var response = transport.responseText.evalJSON();
				var ul = new Element("ul", {"class": "meets_wrapper"});
				this.main.insert(ul);
				
				response.years.each(function(year){
					var li = new Element("li", {"class": "year_holder clearfix", "id": "year_"+year});
					ul.insert({bottom: li});
				});
				var _class = "";
				response.meets.each(function(m){
					var ul = new Element("ul", {"class": "meets_wrapper"});
					$("year_"+m.year).insert({top: ul});
					var li = new Element("li", {"class": "meets_holder clearfix " + _class});
					ul.insert({bottom: li});
					this.title = new Element("div", {"class": "meet_name"}).update(m.meet_name);
					this.date = new Element("div", {"class": "meet_date"}).update(m.meet_start);
					
					this.details = new Element("div", {"class": "meet_deatils"});
					
					m.files.each(function(f){
						var a = new Element("a", {"target": "_blank", "class": "clearfix", "href": f.file_location}).update(f.file_name);					  				this.details.insert(a);
					}.bind(this));
								
					li.insert(this.title).insert(this.date).insert(this.details); 
					
					if(_class == ""){
						_class = "odd";	
					}
					else{
						_class = ""	
					}
				}.bind(this));
			}.bind(this)
		});
	}
}