window.addEvent('domready', function(){
	var list = document.getElement('.photo-list-wrapper');

	new Request.HTML({
		'update': list,
		'noCache': true
	}).get('/site/listPhotos');

	list.addEvent('click:relay(.overlay)', function(e, el){
		e.stop();
		var box = document.retrieve('box');
		box.load('/site/showPhoto/' + el.getParent('li').get('id')).show();
	});

	list.addEvent('click:relay(.clickable li)', function(e, el){
		e.stop();
		new Request.JSON({
			'url': '/site/ratePhoto/' + el.getParent('li').get('id') + '/' + el.get('id'),
			'onFailure': function(){
				alert("Du darfst ein Bild nur einmal pro Stunde bewerten. Versuch es später nochmal.");
			},
			'onSuccess': function(resp){
				el.getParent('li').getElement('.rating_count_num').set('text', resp.rating_count);
				el.getParent('li').getElement('.rating_sum_num').set('text', resp.rating_sum);
				var rates = el.getParent('ul').getChildren()
				rates.removeClass('active');
				new Elements(rates.slice(0, resp.rating_overall.toInt())).addClass('active');
			}
		}).get();
	});

	list.addEvent('click:relay(.page-nav a)', function(e){
		e.stop();
		list.load(this.get('href'));
	});

	/*list.addEvent('change:relay(.nav-bar select)', function(e){
		console.log(this, arguments);
		e.stop();
		this.getParent('form').set('send', {
			'method': 'post',
			'onComplete': function(resp){
				list.set('html', resp);
			}
		}).send('/site/listPhotos/');
	});*/
});