if ( window.addEventListener )
{
	window.addEventListener( "load", init, false );
} 
else if( window.attachEvent )
{
	window.attachEvent( "onload", init );
}


var loadEvents;
var events;
var eventsPDF;
var darkener;

function init() 
{
  
  events = document.getElementById("events");  
  eventsPDF = document.getElementById("eventsPDF");
  darkener = document.getElementById("darkener");

  events.innerHTML = "<p>Details on our upcoming events can be found here: <a href=\"#\" id=\"eventsLink\">Events</a>.</p>";
  
  loadEvents = document.getElementById("eventsLink");  
  loadEvents.onclick = embedPDF;
}

function embedPDF()
{

  eventsPDF.innerHTML = "<a href=\"#\" id=\"closePDF\">Click Here to Close</a><a href=\"images/events.pdf\" target=\"_blank\" id=\"fullscreen\">Click Here to Open Fullscreen</a><embed src=\"images/events.pdf#navpanes=0&scrollbar=1\" width=\"" + 
                                screen.width /1.4  + "\" height=\"" + screen.height/1.35  + "\">";  
  
  var closePDF = document.getElementById("closePDF");
  
  darkener.style.width = screen.width + 'px';
  darkener.style.height = screen.height + 'px';
  darkener.style.visibility = 'visible';
  darkener.style.opacity = '0.8';
  darkener.style.position = 'fixed';
  eventsPDF.style.visibility ='visible';
  eventsPDF.style.width ='1000px';
  eventsPDF.style.height ='1000px';
  eventsPDF.style.marginLeft = 'auto'; 
  eventsPDF.style.marginRight = 'auto';
  eventsPDF.style.marginBottom = 'auto';
  
  
  darkener.onclick=clear;
  closePDF.onclick = clear;
}

function clear()
{
  eventsPDF.style.visibility ='hidden';
  eventsPDF.innerHTML = "";  
  darkener.style.width = '1px';
  darkener.style.height = '1px';
  darkener.style.visibility = 'hidden';  
}