/* ///////////////////////////////////////////////////////////////////////////////////////

Valueworks notes
----------------
This file is used throughout the system for the help box pop up that appears when users
click on the help button.

/////////////////////////////////////////////////////////////////////////////////////// */

$(document).ready(function(){
  $('#helpBox').hide();
	$('a#helpButton').click(function(e) {
    $('body').css('overflow-y', 'hidden'); // hide scrollbars!
    
    $('body').append('<div id="overlay"></div>');
	  
	  

	  $('#helpBox').ready(function() {
        centerPopup();
      });
		
      $('#overlay, #closeWindow').click(function() {
        removeLightbox();
      });
	  
    return false;
  });
});

function centerPopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
//	var windowHeight = document.documentElement.clientHeight;
//	var popupHeight = $("#helpBox").height();
	var popupWidth = $("#helpBox").width();
	//centering
	$("#helpBox").css({
		"position": "absolute",
//		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	$("#helpBox").fadeIn();
}

function removeLightbox() {
  $('#overlay')
    .fadeOut('slow', function() {
      $(this).remove();
      $('body').css('overflow-y', 'auto'); // show scrollbars!
    });
	$('#helpBox').fadeOut();
}