$(document).ready(function(){

	$(".ukryte").hide();
	$(".pokaz").hover(
	function () {
		$(this).find(".ukryte").show();
	},
	function () {
		$(this).find(".ukryte:last").hide();
	}
	);
	$i=1;
	 jQuery.each($("#foto_moje img"), function() {
     this.id =  $i;
      $i = $i+1;
    });

	
	$("#foto_moje img").click(function() {
		zmienna_1 = new Image()
		zmienna_1.src=this.src;
		ten = parseInt(this.id)+1;
		tamten = parseInt(this.id)-1;
		if(ten == $i) ten = 1;
		if(tamten == 0) tamten = $i - 1; 
		$("#moja_temp").html( '<div id="fotka_jedna_2" onclick="ukryj(this);"></div>');
		$("#fotka_jedna").html( '<span onclick="back_img('+(tamten)+');" class="ukryj_2"><<</span><img id="trafiony" src="'+this.src+'"  alt="" onclick="ukryj(this);"/><span onclick="next_img('+(ten)+');" class="ukryj_2" style="float:right;margin-left:20px;">>></span><span onclick="ukryj();" class="ukryj">[X]</span>' );
		$("#fotka_jedna").css('left', (($('body').width() - (zmienna_1.width)) - 12)/2);
		if($('body').height()<zmienna_1.height)
		$('body').height(zmienna_1.height);
		$("#fotka_jedna").show();
	});
});

$(document).ready(function()
{
	$("#preloader").hide();
	$("#fotka_jedna").hide();
});

function ukryj(){
	$("#moja_temp").html( '');
	$("#fotka_jedna").hide()
}

function back_img(id){
	zmienna_1 = new Image()
		zmienna_1.src=document.getElementById(id).src;
		ten = parseInt(id)+1;
		tamten = parseInt(id)-1;
		if(ten == $i) ten = 1;
		if(tamten == 0) tamten = $i - 1; 
	$("#fotka_jedna").html( '<span onclick="back_img('+(tamten)+');" class="ukryj_2"><<</span><img id="trafiony" src="'+zmienna_1.src+'"  alt="" onclick="ukryj(this);"/><span onclick="next_img('+(ten)+');" class="ukryj_2" style="float:right;margin-left:20px;">>></span><span onclick="ukryj();" class="ukryj">[X]</span>' );
	$("#fotka_jedna").css('left', (($('body').width() - (zmienna_1.width)) - 12)/2);
		if($('body').height()<zmienna_1.height)
		$('body').height(zmienna_1.height);
	//alert(id);
}

function next_img(id){
	zmienna_1 = new Image()
		zmienna_1.src=document.getElementById(id).src;
		ten = parseInt(id)+1;
		tamten = parseInt(id)-1;
		if(ten == $i) ten = 1;
		if(tamten == 0) tamten = $i - 1; 
	$("#fotka_jedna").html( '<span onclick="back_img('+(tamten)+');" class="ukryj_2"><<</span><img id="trafiony" src="'+zmienna_1.src+'"  alt="" onclick="ukryj(this);"/><span onclick="next_img('+(ten)+');" class="ukryj_2" style="float:right;margin-left:20px;">>></span><span onclick="ukryj();" class="ukryj">[X]</span>' );
	$("#fotka_jedna").css('left', (($('body').width() - (zmienna_1.width)) - 12)/2);
		if($('body').height()<zmienna_1.height)
		$('body').height(zmienna_1.height);
	//alert(id);
}