/**
 * @author vladislav saling | darkroom
**/
 
  $(document).ready(function() { 
  
  $('<div id="pagefade"></div><div id="outer-container"><div id="overlay"><div id="controls"><div id="previmage"></div><div id="nextimage"></div>click image to close</div><div id="imageplaceholder"></div></div></div>').appendTo('body');
  

  var picturearr = ($(".show-image").parent("a").toArray());
  var j = (picturearr.length - 1); //
 
  
   $(".show-image").click(function() {
     $("#pagefade").css("display", "block");
     $("#imageplaceholder").html("<img src=\"" + $(this).parent("a").attr("href") + "\" id=\"big-image\" alt=\"loading\"/>");
      $("#pagefade").css("height", ""+$(document).height()+"px"); 
    
     $("#imageplaceholder").children("img").load(function() {  
             if ($("#pagefade").css("display") == 'block') {
                 $("#outer-container").css("display", "block");
                 $("#pagefade").css("height", "" + $(document).height() + "px");
                 $("#controls").css("width", "" + (parseInt($("#imageplaceholder").children("img").width()) + 20) + "px");
               }
     });
        
    
     $("#nextimage").css("background-image", "url(img/next.png)");
     $("#previmage").css("background-image", "url(img/prev.png)");  
        
    
     for (i=0;i<=j;i++) {  
         if (($(picturearr[i]).attr("href").split('/').pop()) == ($("#big-image").attr("src").split('/').pop())) {
          
          if (i == 0) {$("#previmage").css("background-image", "none");}  
          else if (i == (j)) {$("#nextimage").css("background-image", "none");}  
          else {}
          
           break;
      }     
        else {}
     }
     
      $("#pagefade").html((i+1) +"/"+ (j+1));

    
    
     return false;
  });
  
  
  

  
   
  $("#nextimage").click(function() {
      
  if ((i + 1) >= j) {
  
      $("#nextimage").css("background-image", "none");
      
  }
  
  if ((i + 1) <= j) {
      
      i++;
      var newsrc = ($(picturearr[i]).attr("href"));
      ($("#big-image").attr("src", newsrc));
      
      
      $("#outer-container").css("display", "none");
      
     
      
      $("#previmage").css("background-image", "url(img/prev.png)");  

      
  }

     $("#pagefade").html((i+1) +"/"+ (j+1));
              
        

       
        
  });
  
  $("#previmage").click(function() {
      
  if ((i - 1) <= 0) {
                $("#previmage").css("background-image", "none");
            } 
            
   if ((i - 1) >= 0) {
       
        i--;
        var newsrc = ($(picturearr[i]).attr("href")); 
         ($("#big-image").attr("src",newsrc));
         
      
        $("#outer-container").css("display", "none"); 

       
        
        $("#nextimage").css("background-image", "url(img/next.png)");     
      }
      
     
      
      
     $("#pagefade").html((i+1) +"/"+ (j+1));
      
      
     
  });

 
  $("#pagefade").click(function() {
     $("#pagefade").css("display", "none");
     $("#outer-container").css("display", "none");
  });
   
  $("#imageplaceholder").click(function() {
     $("#pagefade").css("display", "none");
     $("#outer-container").css("display", "none");
  });
   
 });