window.addEvent('domready', function() {
	$$('ul#gallery li').each(function(Obj) {
		Obj.firstA = Obj.getFirst('a');
		if (!Obj.hasClass('selected'))
			Obj.firstA.setStyle('opacity', '.5');
		Obj.firstA.set('tween', {duration: 'normal', transition: Fx.Transitions.Sine.easeOut});
		if (!Obj.hasClass('selected'))
		{
			Obj.addEvents({
				'mouseleave': function(e) {
					this.firstA.get('tween').cancel();
					this.firstA.tween('opacity', '.5');
				},
				'mouseenter': function(e) {
					
					this.firstA.get('tween').cancel();
					this.firstA.setStyle('opacity', '1');
				}
			});
		}
	});
	
	var gallery = new Request.HTML({url: 'gallery.php', 
		onSuccess: function(html) {
			$('gallery').set('text', '');
			$('gallery').adopt(html);
			var photos = $$('ul#gallery li');
			var time = 3000;
			photos.fade('hide');
			photos.each(function(elem) {
		    (function () {elem.fade('in');}).delay(time);
		    time += 200;
		  });
			milkbox = new Milkbox();
		},
		onFailure: function() {
			$('gallery').set('text', '');
		}
	}).get({'page': 'page1'});
	
	$$('ul#pagination li').each(function(item) {
		item.addEvent('click', function() {
			$$('ul#pagination li').each(function(item) {
				item.removeClass('selected');
			});
			item.addClass('selected');
			var pageid = item.getFirst().get('id');
			var gallery = new Request.HTML({url: 'gallery.php', 
				onSuccess: function(html) {
					$('gallery').set('text', '');
					$('gallery').adopt(html);
					var photos = $$('ul#gallery li');
					var time = 0;
					photos.fade('hide');
					photos.each(function(elem) {
				    (function () {elem.fade('in');}).delay(time);
				    time += 200;
				  });
					milkbox = new Milkbox();
				},
				onFailure: function() {
					$('gallery').set('text', '');
				}
			}).get({'page': pageid});
		});
	});
	
});