Lightbox_FS = {
  
  lightboxId: "lightbox-fs",
  lightboxImgId: "lightbox-fs-img",
  lightboxTitleId: "lightbox-fs-title",
  
  lightboxLeftButton: "lightbox-fs-left",
  lightboxRightButton: "lightbox-fs-right",
  
  init: function() {
    
    this.lightboxImgSrc = $(".lightbox-box img");
    this.lightboxText = $(".lightbox-box .csc-textpic-text");
    
    var lightboxLinks = $(".lightbox-box .csc-textpic-imagewrap a");
    
    this.lightboxPosMax = lightboxLinks.length - 1;
    
    lightboxLinks.each(
        function(i) {
            
            $(this).attr({ href: "javascript:Lightbox_FS.show(" + i + ");" });
            
            }
        );
    
  },
  
  show: function(pos) {
    
    Viewport_FS.lock();
    
    var imgName = this.lightboxImgSrc[pos].src.match(/.*\/(.*?)\.jpg$/)[1];
    
    if (this.lightboxImgSrc[pos].src.search(/_\d{2}\.jpg$/) != -1)
      imgName = imgName.substr(0, imgName.length - 3);
    
    $("#" + this.lightboxImgId).html('<img src="./fileadmin/media/lightbox/' + imgName + '-big.jpg" alt="" />');
    
    this.centerLightbox(800, 600);
    
    $("#" + this.lightboxTitleId).html($(this.lightboxText[pos]).html());
    
    var leftPos = pos - 1;
    
    if (leftPos < 0)
      leftPos = this.lightboxPosMax;
    
    $("#" + this.lightboxLeftButton).attr("href", "javascript:Lightbox_FS.show(" + leftPos + ");");
    
    var rightPos = pos + 1;
    
    if (rightPos > this.lightboxPosMax)
      rightPos = 0;
    
    $("#" + this.lightboxRightButton).attr("href", "javascript:Lightbox_FS.show(" + rightPos + ");");
    
    $("#" + this.lightboxId).css("display", "block");
    
  },
  
  centerLightbox: function(width, height) {
    
    var controlHeight = 65;
    
    $("#" + this.lightboxId).css({
      // left: Math.round(($(window).width() - width) / 2) + "px",
      left: "50%",
      "margin-left": ((width / 2) * -1) + "px",
      top: Math.round((($(window).height() - height) / 2 - (controlHeight / 2))) + "px",
      width: width + "px"
    });
  },
  
  close: function() {
    
    $("#" + this.lightboxId).css("display", "none" );
    
    Viewport_FS.unlock();
    
  }
  
};

Viewport_FS = {
  
  screenId: "lock-screen",
  
  lock: function() {
    
    $("#" + this.screenId).css(
        {
            // width: $(window).width() + "px",
            // height: $(window).height() + "px", 
            width: "100%",
            height: $("body").height(), 
            display: "block"
            }
        );
    
  },
  
  unlock: function() {
    
    $("#" + this.screenId).css(
        {
            display: "none"
            }
        );
    
  },
  
  resize: function() {
	  
    if ($("#" + this.screenId) && $("#" + this.screenId).css("display") == "block")
      this.lock();
    
  }
  
};

window.onresize = function() { Viewport_FS.resize(); };