var photos = [];
var jsGallery = Class.create({
	initialize: function() {
		this.photos  = [];
		this.aktPhoto = 0;
	},
	
	check: function() {
		alert(this.photos);
	},
	
	start: function() {
		if(this.photos.length<1) return;
		var img;
		for(var i=0;i<this.photos.length;i++) {
			img = new Element('img');
			img.writeAttribute('file',this.photos[i].file);
			img.writeAttribute('u2k_id',this.photos[i].u2k_id);
			img.store('title',this.photos[i].title);
			img.store('u2k_akcept',this.photos[i].u2k_akcept);
			img.store('ocena',this.photos[i].ocena);
			img.store('u2k_views',this.photos[i].u2k_views);
			img.src = 'fotokonkurs/gallery/'+this.photos[i].file;
			img.alt = this.photos[i].title;
			img.title = this.photos[i].title;
			img.setStyle({cursor:'pointer'});
			
			img.observe('click', this.showBig.bind(this));
			
			$('thumbs').insert('<div style="width:148px; height:154px; position:relative; float:left; margin-right:23px; background-image:url(images/apla_photo_mini.gif); background-repeat:no-repeat; background-position:top left;"><div id="thumb_'+i+'" style="padding:0px; margin:0px; width:138px; height:140px; top:5px; left:5px; position:absolute;"></div></div>');
			
			$('thumb_'+i).insert(img);
			
				/*$('thumbs').insert('<div style="border:1px solid #f00;width:138px; height:140px; top:5px; left:5px; position:absolute;">');
				$('thumbs').insert(img);
				$('thumbs').insert('</div>');
			$('thumbs').insert('</div>');
			*/
			$('thumbs').insert('');
		}
		$('thumbs').insert('<br clear="all" />');
	},
	
	showBig:function(e) {
		$('duze_zdjecie_a').href = 'konkurs.php?action=photo_szczegoly&konkurs_id='+konkurs_id+'&u2k_id='+e.target.readAttribute('u2k_id');
		$('duze_zdjecie').src = 'fotokonkurs/main/'+e.target.readAttribute('file');
		$('main_tytul').update('&quot;'+e.target.retrieve('title')+'&quot;');
		switch(e.target.retrieve('u2k_akcept')) {
			case '0': $('u2k_szczegoly').update('To zdjęcie oczekuje na akceptację.'); break;
			case '2': $('u2k_szczegoly').update('To zdjęcie nie zostało zaakceptowane.'); break;
			case '1': 
				$('u2k_szczegoly').update('<table border="0" align="center" cellpadding="4" cellspacing="0"><tr><td valign="middle" align="left" class="label">Ocena zdjęcia:</td><td class="ocena" valign="middle" align="left">'+
					e.target.retrieve('ocena')+
					'</td><td><img src="images/none1x1.gif" border="0" width="50" height="1" /></td>'+
					'<td class="label" valign="middle" align="left">Wyświetleń:</td><td class="ocena" valign="middle" align="left">'+
					e.target.retrieve('u2k_views')+
					'</td></tr></table>'); 
				break;
		}
	},
	
	loadPhoto: function() {
		this.img = new Element('img');
		this.img.id = 'theimage';
		this.img.observe('load', this.showimg.bind(this));
		this.img.src = this.photos[this.aktPhoto].file;
		this.img.alt = this.photos[this.aktPhoto].title;
		this.img.title = this.photos[this.aktPhoto].title;
	},
	
	showimg: function() {
		$(this.divId).update(this.img);
		this.pe = new PeriodicalExecuter(this.nextPhoto.bind(this),4);
	},
	
	nextPhoto: function() {
		this.pe.stop();
		this.aktPhoto++;
		if(this.aktPhoto>=this.photos.length) this.aktPhoto=0;
		this.loadPhoto();
	}
});