window.addEvent('domready', function(){
	
	var loaded = true;

	var hli = $$(".highlight");
	
	hli.each(function(element) {

		element.addEvent('click', function(e) {
			
			e = new Event(e).stop();
			expanded = new Element('div', {'class': 'expanded', 'events': {
				'click': function(e){
					e = new Event(e).stop();
					new Fx.Style(this, 'opacity', {duration: 300}).start(0);
				}}
			});
			
			var hide = new Fx.Style(expanded, 'opacity', {duration: 300});
			
			expanded.inject(document.body);
			expanded.setOpacity(0);

			loadedImages = '';

			var neww = 0;
			var newh = 0;
			
			new Asset.images(element, {
			
				onProgress: function() {
				
					expanded.setStyles({
						'left': e.page.x - (this.width / 2),
						'top': e.page.y - (this.height / 2),
						'width': this.width,
						'height': this.height
					});

					loadedImages = this;										
				},
			
				onComplete: function() {
					
					loadedImages.inject( expanded );
					
					hide.start(0, 1);
					
				}
				
			});

		});				

	});
	
});