// autor:  jakub.olejnik[na]email.cz
// upravy: kristian[at]volny.cz

$(document).ready(function(){
$("body").append("<div id='bg'></div><div id='nahled'><div></div></div>");
$("#nahled div:first").after("<div class='btn'><span class='left'><a href='javascript: return false;' class='previous'>&laquo;&laquo;&laquo;</a></span><span class='right'><a href='javascript: return false;' class='next'>&raquo;&raquo;&raquo;</a></span><a href='javascript: return false;' class='close'><b>&times;</b></a></div>");
    $(".gallery a").click(function () {
      $("#nahled div:first").append("<div id='img'></div>");
      var img = $(this).attr("href");
      var velikost = $(this).attr("rel").split("x");
      var celkem = $('.gallery a').length;
      sirka = eval(velikost[0]);
      vyska = eval(velikost[1]);
	  if ($(window).height()-50 < vyska) {
		  ovyska = vyska;
		  vyska = $(window).height()-50;
		  sirka = Math.floor((vyska/ovyska)*sirka);
	  }
	  if ($(window).width()-50 < sirka) {
		  osirka = sirka;
		  sirka = $(window).height()-50;
		  vyska = Math.floor((sirka/osirka)*vyska);
	  }
      $("#nahled div:first").css("width", sirka+10);
      $("#nahled div:first").css("height", vyska);
      $("#nahled div.btn").css("width", eval(sirka)+10);
      var index = $('.gallery a').index($('.gallery a[href='+img+']'))+1;
      if(index==celkem) {
        $("#nahled span.right").hide();
      } else {
        $("#nahled span.right").show();
      }
      if(index==1) {
        $("#nahled span.left").hide();
      } else {
        $("#nahled span.left").show();
      }
      $("#nahled #img").replaceWith("<img width='"+sirka+"' src='"+img+"' />");
      $("#nahled").fadeIn(500);
      $("#nahled div:first img").fadeIn(500);
      $("#bg").fadeIn(500);
      $("#bg").fadeTo(500, 0.8);
      return false;
    });
    $("a.close").click(function () {
    $("#nahled").fadeOut(500);
    $("#nahled img").fadeOut(500);
      $("#bg").fadeOut(500, function () {$("#nahled div:first").empty();});
     }	 );     
   $("#nahled a.next").click(function () {
      var aa = $("#nahled img").attr("src");
      $("#nahled div img").animate({ 
        width: "0px",
        height: "0px"
      }, 500);
      $("#nahled div:first").animate({ 
        width: "0px"
      }, 500, function () { $("#nahled div:first").empty(); });
      var key = $('.gallery a').index($('.gallery a[href='+aa+']'));
      key = eval(key)+1;
      if(key==$(".gallery img").length) {
        key = 0;
      }
      var img = $(".gallery a").eq(key).attr("href");
      var vel = $(".gallery a").eq(key).attr("rel").split("x");
      sirka = eval(vel[0]);
      vyska = eval(vel[1]);
	  if (($(window).height()-50 < vyska)) {
		  ovyska = vyska;
		  vyska = $(window).height()-50;
		  sirka = Math.floor((vyska/ovyska)*sirka);
	  }
	  if ($(window).width()-50 < sirka) {
		  osirka = sirka;
		  sirka = $(window).height()-50;
		  vyska = Math.floor((sirka/osirka)*vyska);
	  }
      $("#nahled div").eq(1).hide();
      $("#nahled span").eq(0).hide();
      $("#nahled div:first").animate({ 
        width: sirka+10,
        height: vyska
        }, 750, function () {
        var repl = img.replace(/^.*org_/, "");
        $("#nahled div:first").append("<div id='img'></div>");
        celkem = $(".gallery a").length;
        $("#nahled #img").replaceWith("<img src='"+img+"' />");
        if(key+1==celkem) {
          $("#nahled span.right").hide();
        }
        else {
          $("#nahled span.right").show();
        }
        if(key==0) {
          $("#nahled span.left").hide();
        }
        else {
          $("#nahled span.left").show();
        }
        $("#nahled div:first img").fadeIn(1);
        $("#nahled div:first img").css("width", "0px");
        $("#nahled div:first img").animate({ 
          width: eval(sirka),
          height: eval(vyska)
        }, 750, function () { $("#nahled div").eq(1).fadeIn(100); $("#nahled span").eq(0).fadeIn(100); });
        $("#nahled div:last").animate({ width: eval(sirka)+10+"px"}, 500);
      });
    });
    $("#nahled a.previous").click(function () {
      var aa = $("#nahled img").attr("src");
      $("#nahled div:first img").animate({ 
        width: "0px",
        height: "0px"
      }, 500);
      $("#nahled div:first").animate({ 
        width: "0px"
      }, 500, function () { $("#nahled div:first").empty(); });
      var key = $('.gallery a').index($('.gallery a[href='+aa+']'));
      key = eval(key)-1;
      if(key<0) {
        key = $(".gallery img").length-1;
      }
      var img = $(".gallery a").eq(key).attr("href");
      var vel = $(".gallery a").eq(key).attr("rel").split("x");
      sirka = eval(vel[0]);
      vyska = eval(vel[1]);
	  if (($(window).height()-50 < vyska)) {
		  ovyska = vyska;
		  vyska = $(window).height()-50;
		  sirka = Math.floor((vyska/ovyska)*sirka);
	  }
	  if ($(window).width()-50 < sirka) {
		  osirka = sirka;
		  sirka = $(window).height()-50;
		  vyska = Math.floor((sirka/osirka)*vyska);
	  }
      $("#nahled div").eq(1).hide();
      $("#nahled span").eq(0).hide();
      $("#nahled div:first").animate({ 
        width: sirka+10,
        height: vys
        }, 750, function () {
        var repl = img.replace(/^.*org_/, "");
        $("#nahled div:first").append("<div id='img'></div>");
      celkem = $(".gallery a").length;
        $("#nahled #img").replaceWith("<img  src='"+img+"' />");
        if(key==0) {
          $("#nahled span.left").hide();
        }
        else {
          $("#nahled span.left").show();
        }
        if(key+1==celkem) {
          $("#nahled span.right").hide();
        }
        else {
          $("#nahled span.right").show();
        }
        $("#nahled div:first img").fadeIn(1);
        $("#nahled div:first img").css("width", "0px");
        $("#nahled div:first img").animate({ 
          width: eval(sirka),
          height: eval(vyska)
        }, 750, function () { $("#nahled div").eq(1).fadeIn(100); $("#nahled span").eq(0).fadeIn(100); });
        $("#nahled div:last").animate({ width: eval(sirka)+10+"px"}, 500);
      });  
    });
});