
<!-- Paste this code into an external JavaScript file named: popupBox.js  -->

/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: JTricks.com :: http://www.jtricks.com/ */

//SETTING UP OUR POPUP  
//0 means disabled; 1 means enabled;  
var popupStatus = 0;  


function move_box(an, box) {
  var cleft = 0;
  var ctop = 0;
  var obj = an;
  while (obj.offsetParent) {
    cleft += obj.offsetLeft;
    ctop += obj.offsetTop;
    obj = obj.offsetParent;
  }
  box.style.left = cleft + 'px';
  ctop += an.offsetHeight + 8;
  if (document.body.currentStyle &&
    document.body.currentStyle['marginTop']) {
    ctop += parseInt(
      document.body.currentStyle['marginTop']);
  }
  box.style.top = ctop + 'px';
}

function show_hide_box(an, width, height, borderStyle, contentPage) {
  //loads popup only if it is disabled  
	if(popupStatus==0){  
		$("#popup").width(width);
		$("#popup").height(height);
		centerPopup();
		$("#backgroundPopup").css({  
			"opacity": "0.7"  
		});  
		$("#backgroundPopup").fadeIn("slow");
		$("#popup").load(contentPage, callback);
		$("#popup").fadeIn("slow");
		popupStatus = 1;  
	}  

  return false;
}

function callback(responseText, textStatus, XMLHttpRequest) {
  var newHeight = $(this).find('#rightText').height();
  if(newHeight<340)
  	newHeight=340;
	$("#popup").height(newHeight+100);
}

function disablePopup(){  
//disables popup only if it is enabled  
if(popupStatus==1){  
$("#backgroundPopup").fadeOut("slow");  
$("#popup").fadeOut("slow");  
popupStatus = 0;  
}  
}

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

$(document).ready(function(){
	$("#popup").ready(function(){  
		$("#backgroundPopup").click(function(){  
			disablePopup();  
		});
		$(document).keypress(function(e){  
			if(e.keyCode==27 && popupStatus==1){  
				disablePopup();  
			}  
		});   
	});
});

$(window).bind('resize', function() {
    centerPopup();
});