/***************************/
//@Author: Adrian "yEnS" Mato Gondelle
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!                  
/***************************/

//SETTING UP OUR POPUP
var popupStatus = "disabled";
var addPopupStatus = "disabled";
var editPopupStatus = "disabled";

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

//loading popup with jQuery magic!
function loadAddPopup(){
    //loads popup only if it is disabled
    if(popupStatus=="disabled"){
        $("#backgroundAddPopup").css({
            "opacity": "0.7"
        });
        $("#backgroundAddPopup").fadeIn("slow");
        $("#popupAddForm").fadeIn("slow");
        addPopupStatus = "enabled";
    }
}
//loading popup with jQuery magic!
function loadEditPopup(){
    //loads popup only if it is disabled
    if(popupStatus=="disabled"){
        $("#backgroundEditPopup").css({
            "opacity": "0.7"
        });
        $("#backgroundEditPopup").fadeIn("slow");
        $("#popupEditForm").fadeIn("slow");
        editPopupStatus = "enabled";
    }
}

function loadCenterPopup(){
         centerPopup();
         loadPopup();
}

function loadAddCenterPopup(){
         centerAddPopup();
         loadAddPopup();
}

function loadEditCenterPopup(){
         centerEditPopup();
         loadEditPopup();
}

//disabling popup with jQuery magic!
function disablePopup(){
    //disables popup only if it is enabled
    if(popupStatus=="enabled"){
        $("#backgroundPopup").fadeOut("slow");
        $("#popupForm").fadeOut("slow");
        popupStatus = "disabled";
    }
}
//disabling popup with jQuery magic!
function disableAddPopup(){
    //disables popup only if it is enabled
    if(addPopupStatus=="enabled"){
        $("#backgroundAddPopup").fadeOut("slow");
        $("#popupAddForm").fadeOut("slow");
        addPopupStatus = "disabled";
    }
}
//disabling popup with jQuery magic!
function disableEditPopup(){
    //disables popup only if it is enabled
    if(popupStatus=="enabled"){
        $("#backgroundEditPopup").fadeOut("slow");
        $("#popupEditForm").fadeOut("slow");
        editPopupStatus = "disabled";
    }
}

//centering popups
function centerPopup(){
    //request data for centering
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $("#popupForm").height();
    var popupWidth = $("#popupForm").width();
    //centering
    $("#popupForm").css({
        "position": "absolute",
        "top": windowHeight/2-popupHeight/2,
        "left": windowWidth/2-popupWidth/2
    });
    //only need force for IE6
    
    $("#backgroundPopup").css({
        "height": windowHeight
    });
    
}

function centerAddPopup(){
    //request data for centering
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $("#popupAddForm").height();
    var popupWidth = $("#popupAddForm").width();
    //centering
    $("#popupAddForm").css({
        "position": "absolute",
        "top": windowHeight/2-popupHeight/2,
        "left": windowWidth/2-popupWidth/2
    });
    //only need force for IE6
    
    $("#backgroundAddPopup").css({
        "height": windowHeight
    });
    
}

//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
    
    //LOADING POPUP
    //Click the button event!
    $("#button").click(function(){
        //centering with css
        centerPopup();
        //load popup
        loadPopup();
    });

    //LOADING POPUP
    //Click the button event!
    $("#btnSubmit").click(function(){
        //centering with css
        centerPopup();
        //load popup
        loadPopup();
    });
    //Click the link event!
    $("#lnkAddEmployee").click(function(){
        //centering with css
        centerPopup();
        //load popup
        loadPopup();
    });
                
    //CLOSING POPUP
    //Click the x event!
    $("#popupFormClose").click(function(){
        disablePopup();
    });
    $("#popupAddFormClose").click(function(){
        disableAddPopup();
    });
    //Click out event!
    $("#backgroundPopup").click(function(){
        disablePopup();
    });
    $("#backgroundAddPopup").click(function(){
        disableAddPopup();
    });
    //Press Escape event!
    $(document).keypress(function(e){
        if(e.keyCode==27){
            if(popupStatus=="enabled")
                disablePopup();
            if(addPopupStatus=="enabled")
                disableAddPopup();
            if(editPopupStatus=="enabled")
                disableEditPopup();
        }
    });

});