window.addEvent('domready', function() {
							  
	function ajaxReq(ajaxUrl) {
							  
		var req = new Request.HTML({method: 'get',url:ajaxUrl, 
		onSuccess: function(html) {
			$('col2').set('text', '');
			$('col2').adopt(html);
		},
		onFailure: function() {
			$('col2').set('text', 'The request failed.');
		}
		});
		req.send();
		
	}
	
	
	
	function hideall(category){
		
		var thumblist = $$('.thumbnail');
		thumblist.each(function(element) {
			element.style.display = "none";
		});
		
		var falist = $$(category);
		falist.each(function(element) {
			element.style.display = "block";
		});
		
	}
	
	$('filter-all').addEvent('click', function(e) {
		new Event(e).stop();
		hideall(".thumbnail");
	});
	
	$('fa').addEvent('click', function(e) {
		new Event(e).stop();
		hideall(".fa");
	});
	
	$('ft').addEvent('click', function(e) {
		new Event(e).stop();
		hideall(".ft");
	});
	
	$('cs').addEvent('click', function(e) {
		new Event(e).stop();
		hideall(".cs");
	});
	
	$('mh').addEvent('click', function(e) {
		new Event(e).stop();
		hideall(".mh");
	});
	
	$('st').addEvent('click', function(e) {
		new Event(e).stop();
		hideall(".st");
	});
	
					  
	
	var list = $$('.thumbnail');
	
	list.each(function(element) {
	 
		
		element.addEvent('click', function(e){
			new Event(e).stop();
			ajaxReq(element.href);
		});
	});
	
	
	if($('next')){
		$('next').addEvent('click', function(e) {
			new Event(e).stop();
			ajaxReq($('next').href);
		});
	
	}
	
	if($('next')){
		$('previous').addEvent('click', function(e) {
			new Event(e).stop();
			ajaxReq($('previous').href);
		});
	}
	
	
	
	
});