/**
 * @author vladislav saling | meetpollux.com
**/

$(window).resize(function() {
    $("#iw").css("left",""+((($(window).width())-($("#imageplaceholder").children("img").width()))/2)+"px")  
});

   $(document).ready(function() { 
  
  $('<div id="pagefade"></div><div id="outer-container"><div id="overlay"><div id="iw"><div id="controls"><div id="previmage"></div><div id="nextimage"></div><div id=\"numbers\"></div>click image to close</div><div id="imageplaceholder"></div></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");
             $("#iw").css("left", "" + ((($(document).width()) - ($("#imageplaceholder").children("img").width())) / 2) + "px");
         }
     });
        
    
     $("#nextimage").css("background-image", "url(images/pollux-box-c/next.png)");
     $("#previmage").css("background-image", "url(images/pollux-box-c/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));
      $("#numbers").html((i+1) +"/"+ (j+1));
     
  //   alert(i);
     
     
     
     $("#imageplaceholder").children("img").load(function(){
      
      if ($("#pagefade").css("display") == 'block') {
          $("#outer-container").css("display", "block");
          $("#iw").css("left",""+((($(document).width())-($("#imageplaceholder").children("img").width()))/2)+"px")
       }
      
      });

    
     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"));
      
      $("#outer-container").css("display", "none");
      
     
      
      ($("#big-image").attr("src", newsrc));
 
      $("#previmage").css("background-image", "url(images/pollux-box-c/prev.png)");  

      
  }

      $("#numbers").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")); 
        
         
       $("#outer-container").css("display", "none"); 

       ($("#big-image").attr("src",newsrc));
        
       $("#nextimage").css("background-image", "url(images/pollux-box-c/next.png)");     
      }
      
     
      
      
     $("#numbers").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");
  });
   
 });