var popupStatus = 0; //0 means disabled; 1 means enabled;
// http://malsup.com/jquery/cycle/
function loadPopup(id){
	//loads popup only if it is disabled
	if(popupStatus==0){
		$("#backgroundPopup").css({
			"opacity": "0.7"
		});
		$("#backgroundPopup").fadeIn("slow");
		$(id).fadeIn("slow");
		popupStatus = 1;
	}
}

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

function centerPopup(id){
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $(id).height();
	var popupWidth = $(id).width();

	$(id).css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	//only need force for IE6
	
	$("#backgroundPopup").css({
		"height": windowHeight
	});
}

//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
	$("#circuitCityAnchor")       .click(function(){centerPopup("#popupCircuitCity");loadPopup("#popupCircuitCity");});
	$("#popupCircuitCityClose")   .click(function(){disablePopup("#popupCircuitCity");});
	$("#popupSouthSideClose")   .click(function(){disablePopup("#popupSouthSide");});
	$("#nasiAnchor")      .click(function(){centerPopup("#popupNASI");loadPopup("#popupNASI");});
	$("#popupNASIClose")  .click(function(){disablePopup("#popupNASI");});
	$("#stbAnchor")      .click(function(){centerPopup("#popupSTB");loadPopup("#popupSTB");});
	$("#popupSTBClose")  .click(function(){disablePopup("#popupSTB");});
	$("#southSideAnchor")       .click(
			function(){
				$("#popupSouthSide").css({
					"height": document.documentElement.clientHeight
				});
				loadPopup("#popupSouthSide");
			    $('.slideShow').cycle({
					fx: 'fadeZoom', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
					timeout:1000
				});
			}
	);
	$("#kettlerAnchor")  .click(
		function(){
			$("#backgroundPopup").css({
				"height": document.documentElement.clientHeight
			});
			loadPopup("#popupKettler");
		    $('.slideShow').cycle({
				fx: 'fadeZoom', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
				timeout:1000
			});
		}
	);
	$("#popupKettlerClose")  .click(function(){
			disablePopup("#popupKettler");
		}
	);
	$("#spotsyAnchor")  .click(
		function(){
			$("#backgroundPopup").css({
				"height": document.documentElement.clientHeight
			});
			loadPopup("#popupSpotsy");
		    $('.slideShow').cycle({
				fx: 'fadeZoom', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
				timeout:1000
			});
		}
	);
	$("#popupSpotsyClose")  .click(function(){
			disablePopup("#popupSpotsy");
		}
	);


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

});