$(document).ready(function(){

 var strCtr = $(".middle_col");
 var miniaturesQty = $("#mini li").length;
 var maxMiniatures = 9;	
 var pages = Math.ceil(miniaturesQty/maxMiniatures);
 var pagesObj = strCtr.find("div#str").eq(0);
 var pageNo = "0";
 var _pageNo = new Number();
 var _pageNoRegExp = new RegExp();
 var img = new Image();
 var imgNo = 0;
 var _imgNo = -1;
 var msg = "";
 
 $("#imgCtr .loading").fadeTo(1,0);
 $("#mini li").hide();

 function showPage(){
   
   if(pages<=1){
	for(var i=0;i<miniaturesQty;i++){
	 if(i >= (maxMiniatures*_pageNo) && i<((maxMiniatures*(_pageNo+1)))){
      $("#mini li").eq(i).show();
	 }
    }    
   }
   
   if(pages<2) return;
   
   _pageNoRegExp = /([0-9]+)/g;
   _pageNo = parseInt(pageNo.match(_pageNoRegExp));
 
   var pagesHTML = '<div id="str"><ul style="width: '+(pages*21)+'px">';
   for(var i=0;i<pages;i++){
    if(i==_pageNo) {pagesHTML += '<li id="str'+i+'" class="current"></li>'}
	else {pagesHTML += '<li id="str'+i+'"></li>'}
   }
   pagesHTML += '</ul></div>';
   pagesObj.remove();

   $("#mini li").hide();

   for(var i=0;i<miniaturesQty;i++){
	if(i >= (maxMiniatures*_pageNo) && i<((maxMiniatures*(_pageNo+1)))){
     $("#mini li").eq(i).show();
	}
   }
 
   strCtr.append(pagesHTML);
  
   pagesObj = strCtr.find("div#str").eq(0);
   pagesObj.find("li[class!='current']").hover(
	function(){
	 $(this).addClass('hover');
	},
	function(){
 	 $(this).removeClass('hover');
	}
   );
   pagesObj.find("li[class!='current']").click(function(){
    pageNo = $(this).attr("id").toString();
	showPage();
   });
   
 }

 function showImage(){

  if(imgNo == _imgNo) return;
  _imgNo = imgNo;

  $("#imgCtr .loading p").removeClass("error");
  $("#imgCtr .loading p").text("...");
  $("#imgCtr .loading").fadeTo(1, 0.5);

  var img = new Image();
  img.src = "";

  var _img_src = $("#mini li").eq(_imgNo).find("img").attr("src");
  var img_src = _img_src.split("/")[_img_src.split("/").length-1];

  $(img).load(function () {
      $("#imgCtr .loading").fadeTo(1, 0);
      $("#imgCtr img").fadeOut(1000,function(){ $(this).remove(); });
	  $("#imgCtr").append(this);
	  $("#imgCtr").append('<a href="'+$("#mini li").eq(_imgNo).find("a").attr("href")+'" target=blank>Download photo</a>');
      $(this).fadeIn(1200);
    }).error(function () {
	  $("#imgCtr .loading p").addClass("error");
      $("#imgCtr .loading p").text("Error");
  	  $("#imgCtr .loading").fadeTo(1, 0.9);
    }).attr('src', 'http://www.tomo.pl/images/normal/'+img_src);
 };

 showPage();
 showImage();
 $("#mini li a").eq(0).addClass("active");
 
 $("#mini li a").click(function(event){
  event.preventDefault();
  $("#mini li a").removeClass("active");
  imgNo = $("#mini li a").index(this);
  $(this).addClass("active");
  showImage();
 });
 
});