/*  some code from quirksmode.org per reference in Lightbox by 
    Lokesh Dhakar - http://www.huddletogether.com, a fine maker
    of other javascript goodies. */

$(document).ready(function() {
  
  imageViewer = {
    
    init: function () {
      $('body').append("<div id='screenshot-viewer-display' class='content-right-large'></div>");
      $('body').append("<div id='screenshot-viewer-overlay'></div>");
      $('#screenshot-viewer-overlay').click( function () {
        imageViewer.hide();
      });
    },
    
    show: function (filename, description, project) {
      
      verticalPagePosition = getVerticalPagePosition();
      winDimensions = getWindowDimensions();
      
      $('#screenshot-viewer-display').css('top', verticalPagePosition + 60);
      $('#screenshot-viewer-display').css('left', (winDimensions[0] - 700) / 2);
      
      $('#screenshot-viewer-overlay').fadeIn(450);
      $('#screenshot-viewer-display').append("<h2>" + project + "</h2>");
      $('#screenshot-viewer-display').append("<p>" + description + "</p>");
      $('#screenshot-viewer-display').append("<img src='" + filename + "' />");
      $('#screenshot-viewer-display').fadeIn(350);
    },
    
    hide: function () {
      $('#screenshot-viewer-overlay').hide();
      $('#screenshot-viewer-display').hide();
      $('#screenshot-viewer-display').empty();
    }
  }
  imageViewer.init();
});

function getVerticalPagePosition () {
  if (self.pageYOffset) {
    return self.pageYOffset;
  } else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
    return document.documentElement.scrollTop;
	} else if (document.body) { // all other Explorers
    return document.body.scrollTop;
  }
}

function getWindowDimensions() {
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}
	return [windowWidth, windowHeight];
}