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

//loading popup with jQuery magic!
function loadPopup(){
	//loads popup only if it is disabled
	if(popupStatus==0){
		$("#backgroundPopup").css({
			"opacity": "0.7"
		});
		$("#backgroundPopup").fadeIn("slow");
		$("#popupContact").fadeIn("slow");
		popupStatus = 1;
	}
}

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

//centering popup
function centerPopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupContact").height();
	var popupWidth = $("#popupContact").width();
	//centering
	$("#popupContact").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(){
	
	//LOADING POPUP
	//Click the button event!
	$("#button1").click(function(){
         $("#select_user").css("display", "block");
		//centering with css
		centerPopup();
		//load popup
		loadPopup();
		
	});
	//LOADING POPUP
	//Click the button event!
	$("#button2").click(function(){
            $("#pending_user").css("display", "block");
		//centering with css
		centerPopup();
		//load popup
		loadPopup();
		
	});
	
		//LOADING POPUP
	//Click the button event!
	$("#button3").click(function(){
            $("#join_team").css("display", "block");
		//centering with css
		centerPopup();
		//load popup
		loadPopup();
		
	});
	
		//Click the button event!
	$("#button4").click(function(){
         $("#edit_members").css("display", "block");
		//centering with css
		centerPopup();
		//load popup
		loadPopup();
		
	});

        //Click the button event!
	$("#button5").click(function(){
         $("#delete_team").css("display", "block");
		//centering with css
		centerPopup();
		//load popup
		loadPopup();
                $('.input_text').focus();

	});

        //Click the button event!
	$("#button6").click(function(){
         $("#add_project").css("display", "block");
		//centering with css
		centerPopup();
		//load popup
		loadPopup();
                $('.input_text').focus();

	});
        $("#button7").click(function(){
         $("#add_project").css("display", "block");
		//centering with css
		centerPopup();
		//load popup
		loadPopup();

	});

        $("#button8").click(function(){
         $("#delete_project").css("display", "block");
		//centering with css
		centerPopup();
		//load popup
		loadPopup();

	});

         $("#button9").click(function(){
         $("#edit_upload").css("display", "block");
		//centering with css
		centerPopup();
		//load popup
		loadPopup();

	});

        $("#button10").click(function(){
         $("#edit_file").css("display", "block");
		//centering with css
		centerPopup();
		//load popup
		loadPopup();

	});


        $("#button11").click(function(){
         $("#edit_member").css("display", "block");
		//centering with css
		centerPopup();
		//load popup
		loadPopup();

	});

        $("#button12").click(function(){
         $("#edit_banner").css("display", "block");
		//centering with css
		centerPopup();
		//load popup
		loadPopup();

	});


         //Click the button event!
	$("#button13").click(function(){
         $("#create_team").css("display", "block");
		//centering with css
		centerPopup();
		//load popup
		loadPopup();
                $('.input_text').focus();

	});


         //Click the button event!
	$("#button14").click(function(){
         $("#create_team").css("display", "block");
		//centering with css
		centerPopup();
		//load popup
		loadPopup();
                $('.input_text').focus();

	});

        /*$("#button13").click(function(){
         $("#delete_mcp").css("display", "block");
		//centering with css
		centerPopup();
		//load popup
		loadPopup();

	});*/

				
	//CLOSING POPUP
	//Click the x event!
	$("#popupContactClose").click(function(){
            $("#pending_user").css("display", "none");
            $("#select_user").css("display", "none");
            $("#delete_team").css("display", "none");
            $("#add_project").css("display", "none");
            $("#edit_members").css("display", "none");
            $("#delete_project").css("display", "none");
            $("#edit_upload").css("display", "none");
            $("#edit_file").css("display", "none");
            $("#deny_field").css("display", "none");
            $("#edit_banner").css("display", "none");
            $("#join_team").css("display", "none");
            $("#create_team").css("display", "none");
		disablePopup();
	});
	//Click out event!
	$("#backgroundPopup").click(function(){
            $("#pending_user").css("display", "none");
            $("#select_user").css("display", "none");
            $("#delete_team").css("display", "none");
            $("#add_project").css("display", "none");
            $("#edit_members").css("display", "none");
            $("#delete_project").css("display", "none");
            $("#edit_upload").css("display", "none");
            $("#edit_file").css("display", "none");
            $("#deny_field").css("display", "none");
            $("#edit_banner").css("display", "none");
            $("#join_team").css("display", "none");
            $("#create_team").css("display", "none");
		disablePopup();
	});
	//Press Escape event!
	$(document).keypress(function(e){
	if(e.keyCode==27 && popupStatus==1){
        $("#pending_user").css("display", "none");
         $("#select_user").css("display", "none");
         $("#delete_team").css("display", "none");
         $("#add_project").css("display", "none");
         $("#edit_members").css("display", "none");
         $("#delete_project").css("display", "none");
         $("#edit_upload").css("display", "none");
         $("#edit_file").css("display", "none");
         $("#deny_field").css("display", "none");
         $("#edit_banner").css("display", "none");
         $("#join_team").css("display", "none");
         $("#create_team").css("display", "none");
			disablePopup();
	}
	});

});

$(document).ready(function() {	

	//select all the a tag with name equal to modal
	$('#dialog').click(function(e) {
		//Cancel the link behavior
		e.preventDefault();
		
		//Get the A tag
		var id = $(this).attr('href');
	
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
	});
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		
		$('#mask').hide();
		$('.window').hide();
	});		
	
	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});			
	
});