// JavaScript Document
//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;
var flyer = '';

$(document).ready(function(){
	//LOADING POPUP
	//Click the button event!
	$("#popUpButton").click(function(){
	$('#popUpWindow').location = 'Photo_Album/2005 PICTURES/2005_Parade.html';
	flyer = '#popUp';
	//centering with css
	centerPopup(flyer);
	//load popup
	loadPopup(flyer);
	});

	$("#popUpButton2").click(function(){
	flyer = '#popUp2';
	//centering with css
	centerPopup(flyer);
	//load popup
	loadPopup(flyer);
	});


	//CLOSING POPUP
	//Click the x event!
	$("#popupClose").click(function(){
	flyer = '#popUp';
	//show live events
	disablePopup(flyer);
	});

	//CLOSING POPUP
	//Click the x event!
	$("#popupClose2").click(function(){
	flyer = '#popUp2';
	//show live events
	disablePopup(flyer);
	});

	//Click out event!
	$("#backgroundPopup").click(function(){
	disablePopup(flyer);
	});

	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup(flyer);
	}
});
//loading popup with jQuery magic!
function loadPopup(flyer){
var popUp = flyer;
//loads popup only if it is disabled
if(popupStatus==0){
$("#backgroundPopup").css({
"opacity": "0.7"
});
$("#backgroundPopup").fadeIn("slow");
$(popUp).fadeIn("slow");
popupStatus = 1;
}
}


//disabling popup with jQuery magic!
function disablePopup(flyer){
var popUp = flyer;
//disables popup only if it is enabled
if(popupStatus==1){
$("#backgroundPopup").fadeOut("slow");
$(popUp).fadeOut("slow");
popupStatus = 0;
}
}


//centering popup
function centerPopup(flyer){
var popUp = flyer;
//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": "2000px"
});

}});