window.addEvent('domready',
		function() {
			var busy = false, timer, loadedImages = [], image_div = $('image');
			var bar = $('bar');
			var path = 'img/';
			var images = [ path + 'big.jpg', path + 'kancelaria.jpg',
					path + 'zpit.jpg', path + 'siemianowice.jpg' ];
			var links = [ $('link_big'), $('link_kanc'), $('link_zpit'),
					$('link_siem') ];

			new Asset.images(images, {
				onProgress : function(i) {
					if (i < images.length) {
						this.setStyles( {
							'position' :'absolute',
							'opacity' :0,
							'left' :(image_div.getCoordinates().width / 2)
									- (this.width / 2),
							'top' :5
						});
						loadedImages[i] = this;
						var percent = ((i + 1) * image_div.getStyle('width')
								.toInt())
								/ images.length;
						bar.setStyle('width', percent);
						bar.innerHTML = i + 1 + ' / ' + images.length;
					}
				},
				onComplete : function() {
					bar.setStyle('visibility', 'hidden');
					image_div.tween('height', 160);

					loadedImages.each( function(image, i) {
						image.inject(image_div);
						links[i].addEvent('mouseenter', function() {
							image.tween('opacity', 1);
							image_div.tween('background-color', '#3D443D');
							image_div.setStyle('height', 160);
							});
						links[i].addEvent('mouseleave', function() {
							image.tween('opacity', 0);
							image_div.tween('background-color', '#2D342D');
							image_div.setStyle('height', 160);
							});
					});
				}
			});
		});