var popupCountryStatus = 0;
function loadPopup(divName) {
    //loads popup only if it is disabled
    if (popupCountryStatus == 0) {
        $(divName).fadeIn("slow");
        popupCountryStatus = 1;
    }
}

function disablePopup(divName) {
    //disables popup only if it is enabled
    if (popupCountryStatus == 1) {
        $(divName).fadeOut("slow");
        popupCountryStatus = 0;
    }
}

//centering popup
function centerPopup(divName, linkName, isRightAlign) {
    var posx = $(linkName).position().left;
    var post = $(linkName).position().top;
    var wid = $(divName).width();
    var cleft = posx;
    if (isRightAlign)
        cleft = posx - wid;
    //centering
    $(divName).css({
        "position": "absolute",
        "top": post + 20,
        "left": cleft
    });
}


function centerCountryPopup(divName, linkName, isRightAlign, t, l) {
    var posx = $(linkName).position().left;
    var post = $(linkName).position().top;
    var wid = $(divName).width();
    var cleft = posx;
    if (isRightAlign)
        cleft = posx - wid;
    //centering
    $(divName).css({
        "position": "absolute",
        "top": post+t,
        "left": cleft+l
    });
}

//CONTROLLING EVENTS IN jQuery
$(document).ready(function() {
//-------------------------------------------------------------
//AdminIssueEdit popup
//Click the button event!
//$("#btnChangeColor").click(function() {
//    //centering with css
//centerCountryPopup("#ShowAdminFramePopup", "#btnChangeColor", true);
//    //load popup
//    loadPopup("#ShowAdminFramePopup");
//});

////CLOSING POPUP
////Click the x event!
//$("#FrameAdminPopupClose").click(function() {
//    disablePopup("#ShowAdminFramePopup");
//});

//-------------------------------------------------------------
    //LOADING POPUP
    //Click the button event!
    $("#hlEmbedLink").click(function() {
        //centering with css
        centerCountryPopup("#ShowFramePopup", "#hlEmbedLink", true, 10, 200);
        //load popup
        loadPopup("#ShowFramePopup");
    });
    
    $("#hlSendByEmail").click(function() {
        //centering with css
        centerCountryPopup("#ShowEmailFrame", "#hlSendByEmail", true, 10, 200);
            //load popup
        loadPopup("#ShowEmailFrame");
    });

    //CLOSING POPUP
    //Click the x event!
    $("#FramePopupClose").click(function() {
        disablePopup("#ShowFramePopup");
    });
    $("#FramePopupClosea").click(function() {
        disablePopup("#ShowEmailFrame");
    });
    //-------------------------------------------------------------
    // CountryPopup
    $("#hlChangeLink").click(function() {
        //centering with css
        centerCountryPopup("#ShowRegionsPopup", "#hlChangeLink", true, 60, 30);
        //load popup
        loadPopup("#ShowRegionsPopup");
    });

    //CLOSING POPUP
    //Click the x event!
    $("#RegionsPopupClose").click(function() {
        disablePopup("#ShowRegionsPopup");
    });
    //-------------------------------------------------------------
    //EXPANDER
    $('div.expander td.expandedchild:eq(0)').expander();

    $('div.expander td.expandedchild:gt(0)').expander({
        collapseTimer: 30000,
        expandText: 'more',
        userCollapseText: 'hide',
        beforeExpand: function($thisElement) {
            //$thisElement.parent().parent().append('<div>before expand.</div>');
        },
        afterExpand: function($thisElement) {
            //$thisElement.parent().parent().append('<div>after expand</div>');
        },
        onCollapse: function($thisElement, byUser) {
            if (byUser === true) {
                //$thisElement.parent().parent().append('<div class="success">on collapse (by user).</div>');
            } else {
                //$thisElement.parent().parent().append('<div class="success">on collapse (by timer).</div>');
            }
        }

    });

    //-------------------------------------------------------------
    //TIMER
    $("#divTimerValue").stopTime();
    $("#divTimerValue").everyTime(1000, function(i) {
        var val = 20 - i;
        if (val <= 0) {
            $("#divTimerValue").stopTime();
            $("#divTimerValue").html('');
            $("#divTimerMessage").css("display", "none");
        }
        else
            $("#divTimerValue").html(val);
    });

});