﻿function _POP_CHNG_PASS() {
    try {
        var __LoggedIn_DIV = document.getElementById('LOGGED_USER_INFO_ELE');
        if (__LoggedIn_DIV) {
            if (__LoggedIn_DIV.style.display == '') {
                var pop = new CHNGPASS_PopUP('CHNGPASS__DIV');
                pop.popOut();
            }
        }
    } catch (ex) { alert(ex +'@_POP_CHNG_PASS'); }
}
function CHNGPASS_PopUP(Controller_Id) {
    try {
        this.popOut = function() {
            var overlaydiv = document.createElement('div');
            overlaydiv.setAttribute('id', 'OVERLAY');
            if (document.all) {
                var offsetHeight = eval(document.body.offsetHeight);
                var OffsetTop = document.body.offsetTop;
                var topy = eval(document.body.scrollHeight) - offsetHeight - OffsetTop;
                var evt = event || window.event;
                var K = getPageEventCoords(evt);
                var SH = eval(document.body.scrollHeight);
                topy = eval(SH - eval(K.top)) - eval(offsetHeight);
                var ddddd = window.center({ width: 400, height: 580 });
                topy = ddddd.y;
                document.body.style.overflow = 'hidden';
                document.body.scroll = "no"
                document.getElementsByTagName("body")[0].style.overflow = "hidden";
                document.getElementsByTagName("html")[0].style.overflow = "hidden";
            } else {
                var oTop = document.body.scrollTop;
                document.body.style.overflow = "hidden";
                document.body.scrollTop = oTop;
                var topy = window.pageYOffset;
                document.body.style.overflow = 'hidden';
            }

            overlaydiv.style.top = topy + 'px';
            overlaydiv.style.display = 'block';
            var OUTER_DIV = document.createElement("div");
            OUTER_DIV.setAttribute('id', 'OUTER_DIV');
            OUTER_DIV.style.top = "50%";
            var MAIN_CONTAINER = document.createElement('DIV');
            MAIN_CONTAINER.setAttribute('id', 'MAIN_CONTAINER');
            MAIN_CONTAINER.style.width = "400px";
            MAIN_CONTAINER.style.height = "185px";

            OUTER_DIV.style.marginLeft = 200 / 2 + 'px';
            OUTER_DIV.style.marginTop = 150 + 'px';

            //Close
            var Close_Holder = document.createElement('div');
            Close_Holder.setAttribute('id', 'CloseDIV');
            var A = document.createElement('a');
            A.innerHTML = "Close";
            A.href = 'javascript:void(0)';
            var i = document.createElement('img');
            i.src = ____Domain + 'images/close.png';
            i.style.height = '11px';
            i.style.width = '11px';
            i.style.paddingTop = '4px';
            i.style.paddingLeft = '5px';
            if (Close_Holder.addEventListener) {
                Close_Holder.setAttribute('class', 'CLOSE');
                A.addEventListener("click", function() { ClosePOP() }, false);
            } else if (Close_Holder.attachEvent) {
                Close_Holder.className = 'CLOSE';
                A.attachEvent("onclick", function() { ClosePOP() });
            }
            A.appendChild(i);
            Close_Holder.appendChild(A);
            Close_Holder.style.marginLeft = "0px";
            MAIN_CONTAINER.appendChild(Close_Holder);

            var MEMBERA_HEADER = document.createElement('div');
            MEMBERA_HEADER.id = "PopUpMembersCHNGPASSDIV";
            MEMBERA_HEADER.style.marginLeft = "20px";
            MEMBERA_HEADER.style.marginTop = "20px";

            var _Loader_DIV = document.createElement('div');
            _Loader_DIV.setAttribute('id', 'Chng_Pass_Loader_DIV');
            _Loader_DIV.style.display = 'none';
            var _ImgLoad = document.createElement('img');
            _ImgLoad.setAttribute('src', ____Domain + 'images/loader.gif');
            _Loader_DIV.appendChild(_ImgLoad);
            MEMBERA_HEADER.appendChild(_Loader_DIV);

            var Title_Label = document.createElement('label');
            Title_Label.innerHTML = "Please Enter Your Old and New password";
            Title_Label.style.fontWeight = "bold";
            MEMBERA_HEADER.appendChild(Title_Label);

            var _Linebreak = document.createElement('br');
            MEMBERA_HEADER.appendChild(_Linebreak);

            var ErrorLabel = document.createElement('label');
            ErrorLabel.id = "ErrorLabelpopup";
            ErrorLabel.innerHTML = "Worng username or password";
            ErrorLabel.style.color = "#CC3300";
            ErrorLabel.style.display = 'none';
            ErrorLabel.style.paddingTop = '10px';
            ErrorLabel.style.paddingBottom = '10px';
            MEMBERA_HEADER.appendChild(ErrorLabel);

            var _Linebreak = document.createElement('br');
            MEMBERA_HEADER.appendChild(_Linebreak);

            var Uname_Label = document.createElement('label');
            Uname_Label.innerHTML = "Old Password";
            MEMBERA_HEADER.appendChild(Uname_Label);

            var Uname_TXT = document.createElement('input');
            Uname_TXT.type = "password";
            Uname_TXT.id = "MEM_POP_OLDP";
            MEMBERA_HEADER.appendChild(Uname_TXT);
            var _Linebreak = document.createElement('br');
            MEMBERA_HEADER.appendChild(_Linebreak);

            var Pass_Label = document.createElement('label');
            Pass_Label.innerHTML = "New Password";
            MEMBERA_HEADER.appendChild(Pass_Label);

            var Pass_TXT = document.createElement('input');
            Pass_TXT.type = "password";
            Pass_TXT.id = "MEM_POP_NLDP";
            MEMBERA_HEADER.appendChild(Pass_TXT);

            var _Linebreak = document.createElement('br');
            MEMBERA_HEADER.appendChild(_Linebreak);

            var Confirm_Pass_Label = document.createElement('label');
            Confirm_Pass_Label.innerHTML = "Confirm Password";
            MEMBERA_HEADER.appendChild(Confirm_Pass_Label);

            var ConfirmPass_TXT = document.createElement('input');
            ConfirmPass_TXT.type = "password";
            ConfirmPass_TXT.id = "ConfirmMEM_POP_NLDP";
            MEMBERA_HEADER.appendChild(ConfirmPass_TXT);

            var _Linebreak = document.createElement('br');
            MEMBERA_HEADER.appendChild(_Linebreak);




            var _Update_BTN = document.createElement('input');
            _Update_BTN.type = "button";
            _Update_BTN.style.cursor = "pointer";
            _Update_BTN.style.backgroundColor = "#884040";
            _Update_BTN.style.color = "#FFFFFF";
            _Update_BTN.setAttribute('title', 'Update');
            _Update_BTN.setAttribute('value', 'Update');
            _Update_BTN.style.margin = '10px';
            MEMBERA_HEADER.appendChild(_Update_BTN);

            var _Linebreak = document.createElement('br');
            MEMBERA_HEADER.appendChild(_Linebreak);



            if (MEMBERA_HEADER.addEventListener) {
                _Loader_DIV.setAttribute('class', 'CNG_PASS_LOADER_CLS');
                MEMBERA_HEADER.setAttribute('class', 'MEMBERA_HEADER');
                Title_Label.setAttribute('class', 'Login_PopUp_LABEL');
                Uname_TXT.setAttribute('class', 'Login_PopUp_TXTBOX');
                Pass_TXT.setAttribute('class', 'Login_PopUp_TXTBOX');
                ConfirmPass_TXT.setAttribute('class', 'Login_PopUp_TXTBOX');

                Uname_Label.setAttribute('class', 'Login_PopUp_LABEL');
                Pass_Label.setAttribute('class', 'Login_PopUp_LABEL');
                Confirm_Pass_Label.setAttribute('class', 'Login_PopUp_LABEL');

                Uname_TXT.addEventListener("keydown", function(event) { Upd_Pass_KeyDown(event, 'MEM_POP_OLDP', 'MEM_POP_NLDP', 'ConfirmMEM_POP_NLDP') }, false);
                Pass_TXT.addEventListener("keydown", function(event) { Upd_Pass_KeyDown(event, 'MEM_POP_OLDP', 'MEM_POP_NLDP', 'ConfirmMEM_POP_NLDP') }, false);
                ConfirmPass_TXT.addEventListener("keydown", function(event) { Upd_Pass_KeyDown(event, 'MEM_POP_OLDP', 'MEM_POP_NLDP', 'ConfirmMEM_POP_NLDP') }, false);

                _Update_BTN.addEventListener("click", function() { _Update_Member_Pass('MEM_POP_OLDP', 'MEM_POP_NLDP', 'ConfirmMEM_POP_NLDP') }, false);
            } else if (MEMBERA_HEADER.attachEvent) {
                _Loader_DIV.className = 'CNG_PASS_LOADER_CLS';
                MEMBERA_HEADER.className = 'MEMBERA_HEADER';
                Title_Label.className = 'Login_PopUp_LABEL';
                Uname_TXT.className = 'Login_PopUp_TXTBOX';
                Pass_TXT.className = 'Login_PopUp_TXTBOX';
                ConfirmPass_TXT.className = 'Login_PopUp_TXTBOX';
                Uname_Label.className = 'Login_PopUp_LABEL';
                Pass_Label.className = 'Login_PopUp_LABEL';
                Confirm_Pass_Label.className = 'Login_PopUp_LABEL';

                Uname_TXT.attachEvent("onkeydown", function(event) { Upd_Pass_KeyDown(event, 'MEM_POP_OLDP', 'MEM_POP_NLDP') });
                Pass_TXT.attachEvent("onkeydown", function(event) { Upd_Pass_KeyDown(event, 'MEM_POP_OLDP', 'MEM_POP_NLDP') });
                ConfirmPass_TXT.attachEvent("onkeydown", function(event) { Upd_Pass_KeyDown(event, 'MEM_POP_OLDP', 'MEM_POP_NLDP') });
                _Update_BTN.attachEvent("onclick", function() { _Update_Member_Pass('MEM_POP_OLDP', 'MEM_POP_NLDP', 'ConfirmMEM_POP_NLDP') });
            }

            Title_Label.style.width = '340px';
            Title_Label.style.padding = '10px';

            //Image
            var Image_Container = document.createElement('DIV');
            Image_Container.setAttribute('id', 'ImageContainer');
            Image_Container.appendChild(MEMBERA_HEADER);
            MAIN_CONTAINER.appendChild(Image_Container);
            OUTER_DIV.appendChild(MAIN_CONTAINER);
            document.body.appendChild(overlaydiv);
            overlaydiv.appendChild(OUTER_DIV);
            //Set Focus 
            Uname_TXT.focus();
        }
    } catch (ex) { alert('@CHNGPASS_PopUP'); }
}

function ClosePOP() {
    try {
        var _overlaydiv = document.getElementById('OVERLAY');
        var _OUTER_DIV = document.getElementById('OUTER_DIV');
        if (_overlaydiv && _OUTER_DIV) {
            _overlaydiv.removeChild(_OUTER_DIV);
        }
        if (_overlaydiv) {
            document.body.style.overflow = 'visible';
            document.body.removeChild(_overlaydiv);
        }
        if (document.all) {
            document.getElementsByTagName("body")[0].style.overflow = '';
            document.getElementsByTagName("html")[0].style.overflow = '';
            document.body.scroll = "yes";
        }
    } catch (ex) { }
}
this.popIn = function() {
    if (this.square != null) {
        document.body.removeChild(this.square);
        this.square = null;
    }
    if (this.overdiv != null) {
        document.body.removeChild(this.overdiv);
        this.overdiv = null;
    }
}
