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

function loadPopup(){
$j=jQuery.noConflict();
 
	if(popupStatus==0){
		$j("#backgroundPopup").css({
			"opacity": "0.7"
		});
		$j("#backgroundPopup").fadeIn("slow");
		if (popup1) {
		$j("#popupContact1").fadeIn("slow");
		popupStatus = 1;
		} 
		if (popup2) {
		$j("#popupContact2").fadeIn("slow");
		popupStatus = 1;
		}
		if (popup3) {
		$j("#popupContact3").fadeIn("slow");
		popupStatus = 1;
		} 
		if (popup4) {
		$j("#popupContact4").fadeIn("slow");
		popupStatus = 1;
		}
		if (popup5) {
		$j("#popupContact5").fadeIn("slow");
		popupStatus = 1;
		} 
		if (popup6) {
		$j("#popupContact6").fadeIn("slow");
		popupStatus = 1;
		}
		if (popup7) {
		$j("#popupContact7").fadeIn("slow");
		popupStatus = 1;
		} 
		if (popup8) {
		$j("#popupContact8").fadeIn("slow");
		popupStatus = 1;
		}
	}
}


function disablePopup(){
$j=jQuery.noConflict();
	//disables popup only if it is enabled
	if(popupStatus==1){
		$j("#backgroundPopup").fadeOut("slow");
		if (popup1) {
		$j("#popupContact1").fadeOut("slow");
		}
		if (popup2) {		
		$j("#popupContact2").fadeOut("slow");
		}
		if (popup3) {
		$j("#popupContact3").fadeOut("slow");
		}
    		if (popup4) {
		$j("#popupContact4").fadeOut("slow");
		}
		if (popup5) {
		$j("#popupContact5").fadeOut("slow");
		}
		
		if (popup6) {
		$j("#popupContact6").fadeOut("slow");
		}
		if (popup7) {
		$j("#popupContact7").fadeOut("slow");
		}
		if (popup8) {
		$j("#popupContact8").fadeOut("slow");
		}
		
		popupStatus = 0;
	}
}


function centerPopup(){
$j=jQuery.noConflict();
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $j("#popupContact2").height();
	var popupWidth = $j("#popupContact2").width();
	//centering
	$j("#popupContact1").css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	
	$j("#popupContact2").css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	
	$j("#popupContact3").css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	
	$j("#popupContact4").css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	
	$j("#popupContact5").css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	
	$j("#popupContact6").css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	
	$j("#popupContact7").css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	
	$j("#popupContact8").css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	//only need force for IE6
	
	$j("#backgroundPopup").css({
		"height": windowHeight
	});
	
}

$j=jQuery.noConflict();

$j(document).ready(function(){

	
	//LOADING POPUP
	//Click the button event!
	$j("#answer1").click(function(){
		//centering with css
		centerPopup();
		popup1 = true;
		popup2 = false;
		popup3 = false;
		popup4 = false;
		popup5 = false;
		popup6 = false;
		popup7 = false;
		popup8 = false;
		loadPopup();
	});
	
	$j("#answer2").click(function(){
		//centering with css
		centerPopup();
		popup1 = false;
		popup2 = true;
		popup3 = false;
		popup4 = false;
		popup5 = false;
		popup6 = false;
		popup7 = false;
		popup8 = false;
		loadPopup();
	});
		
	$j("#answer3").click(function(){
		//centering with css
		centerPopup();
		popup1 = false;
		popup2 = false;
		popup3 = true;
		popup4 = false;
		popup5 = false;
		popup6 = false;
		popup7 = false;
		popup8 = false;
		loadPopup();
	});
		
	$j("#answer4").click(function(){
		//centering with css
		centerPopup();
		popup1 = false;
		popup2 = false;
		popup3 = false;
		popup4 = true;
		popup5 = false;
		popup6 = false;
		popup7 = false;
		popup8 = false;
		loadPopup();
	});
		
	$j("#answer5").click(function(){
		//centering with css
		centerPopup();
		popup1 = false;
		popup2 = false;
		popup3 = false;
		popup4 = false;
		popup5 = true;
		popup6 = false;
		popup7 = false;
		popup8 = false;
		loadPopup();
	});
		
	$j("#answer6").click(function(){
		//centering with css
		centerPopup();
		popup1 = false;
		popup2 = false;
		popup3 = false;
		popup4 = false;
		popup5 = false;
		popup6 = true;
		popup7 = false;
		popup8 = false;
		loadPopup();
	});
		
	$j("#answer7").click(function(){
		//centering with css
		centerPopup();
		popup1 = false;
		popup2 = false;
		popup3 = false;
		popup4 = false;
		popup5 = false;
		popup6 = false;
		popup7 = true;
		popup8 = false;
		loadPopup();
	});
		
	$j("#answer8").click(function(){
		//centering with css
		centerPopup();
		popup1 = false;
		popup2 = false;
		popup3 = false;
		popup4 = false;
		popup5 = false;
		popup6 = false;
		popup7 = false;
		popup8 = true;
		loadPopup();
	});
				
	//CLOSING POPUP
	//Click the x event!
	$j("#popupContactClose1").click(function(){
		disablePopup();
	});	
	$j("#popupContactClose2").click(function(){
		disablePopup();
	});	
	$j("#popupContactClose3").click(function(){
		disablePopup();
	});	
	$j("#popupContactClose4").click(function(){
		disablePopup();
	});
	$j("#popupContactClose5").click(function(){
		disablePopup();
	});	
	$j("#popupContactClose6").click(function(){
		disablePopup();
	});		
	$j("#popupContactClose7").click(function(){
		disablePopup();
	});	
	$j("#popupContactClose8").click(function(){
		disablePopup();
	});

	//Click out event!
	$j("#backgroundPopup").click(function(){
		disablePopup();
	});
	//Press Escape event!
	$j(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});

});