window.addEvent('domready', function() {
	//var el = $('jedenduzy');	
	
var loader= new Element('div').setProperties({'class':'loader'});

for(i=0;i<=10;i++){


	var div=new Element('div').setProperties({id: 'img'+i}).injectInside($('top'));
	var el=new Element('div').setProperties({id: 'img'+i+'_preview'}).injectInside($('top'));
	
	div.setProperties({'class': 'img_icon'});
	el.setProperties({'class': 'img_preview'});

	div.addEvent('mouseover', function(e) {

		var el=$(this.id+'_preview');
		var image;
		//el.innerHTML='loading';
		loader.injectInside(el);
		new Asset.image('zdjecia/'+this.id+'.jpg',{
			onload: function(){
				el.innerHTML='';
				this.injectInside(el);
				//var el=$('img0_preview');
				
			}
		});
	
		//el.setStyle('background-image',"url('zdjecia/640x480/08.jpg')");
		// Changes the element's style to .myClass defined in the CSS
		el.setStyle('display', 'block');
		el.setStyle('opacity', '0');
	
		e.stop();
		el.fade(0,0.95);
		//xyz.injectInside(el);
	});
	div.addEvent('mouseout', function(e) {
		// You need the same selector defined in the CSS-File
		var el=$(this.id+'_preview');
		e.stop();
		el.fade(0);
	});
	}
});