//javascript sort for the tiles on 8 Courses
document.observe('dom:loaded',function(){
	var i=0;
	var sortEls = new Array();
	$$('.sort').each(function(sortEl){
		sortEls[i] = new sortControl(sortEl, false);
		i++;
	});
});

var sortControl = Class.create({
	initialize:function(sortDiv, invert){
		this.sortDiv = sortDiv.identify();
		this.invert = invert;
		
		(this.invert)?$(this.sortDiv).removeClassName('selected'):$(this.sortDiv).addClassName('selected');
		$(this.sortDiv).observe('click', this.divClick.bindAsEventListener(this));
	},
	
	divClick:function(e){
		if($(this.sortDiv).hasClassName('selected')){
			$(this.sortDiv).removeClassName('selected');
			$(this.sortDiv+'_check').checked=false;
			$$('.'+this.sortDiv).each(function(hideElm){hideElm.up().hide();});
		}else{
			$(this.sortDiv).addClassName('selected');
			$(this.sortDiv+'_check').checked=true;
			$$('.'+this.sortDiv).each(function(showElm){showElm.up().show();});
		}
	}
});