/* All code (except where otherwise noted) is property of Eric Bigoness, all rights reserved. */
/* If you want to use code from this page, you must at least indicate its source. */


var popUpOpen = 'none';

function showPopUp(elemID,w,h) {
	var popUpBox = document.getElementById(elemID);
	var pageDimmer = document.getElementById("pageDimmer");
	
	popUpOpen = elemID;
	
	/* Scroll code from http://forums.asp.net/1625083/ShowThread.aspx */ 
	var scrollY;
	var scrollX;
	if (document.all) {
   	if (!document.documentElement.scrollLeft)
      scrollX = document.body.scrollLeft;
   	else
   		scrollX = document.documentElement.scrollLeft;
        				
		if (!document.documentElement.scrollTop)
		  scrollY = document.body.scrollTop;
		else
		  scrollY = document.documentElement.scrollTop;
	} else {
		scrollX = window.pageXOffset;
		scrollY = window.pageYOffset;
	}
	/* End code share */

	/* Window height & width code from http://www.howtocreate.co.uk/tutorials/javascript/browserwindow */
	var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  /* End code share */
  
	var xc = Math.round((myWidth/2)-(w/2)) + scrollX;
	var yc = Math.round((myHeight/2)-(h/2)) + scrollY;
	
	popUpBox.style.left = xc + "px";
	popUpBox.style.top = yc + "px";
	
	pageDimmer.style.height = document.body.parentNode.scrollHeight + 'px';
	pageDimmer.style.width = document.body.parentNode.scrollWidth + 'px';
	
	pageDimmer.style.display = "block";			
	opacity(0, 40, 500, "pageDimmer");
	
	setTimeout("document.getElementById('"+ elemID +"').style.display = 'block';", 300);
}
function hidePopUp(elemID) {
	document.getElementById(elemID).style.display = "none";
	opacity(40, 0, 300, "pageDimmer");
	setTimeout("document.getElementById('pageDimmer').style.display = 'none';", 300);	
}		
function opacity(opacStart, opacEnd, millisec, elemID) {
  var deltaO = opacEnd - opacStart;
  var maxI = Math.round(millisec / 50);

  for(i=0; i<maxI; i++) {
    setTimeout("changeOpac("+ (opacStart+((deltaO/maxI)*i)) +",'"+ elemID +"')",(i * 50));
  }
}

/* changeOpac function javascript code from http://www.brainerror.net/scripts_js_blendtrans.php */
function changeOpac(opacity, elemID) {
  var object = document.getElementById(elemID).style;
  object.opacity = (opacity / 100);
  object.MozOpacity = (opacity / 100);
  object.KhtmlOpacity = (opacity / 100);
  object.filter = "alpha(opacity=" + opacity + ")";
} 
/* end code share */