document.onclick = check;
function Flag() {
    this.init = 1;
}

flag = new Flag;

function check(e) {
    var target = (e && e.target) || (event && event.srcElement);
    var objDiv = document.getElementById('divlogin');
    var objLink = document.getElementById('textSignin');
    var objSpan = document.getElementById("spLink");
    var parent = checkParent(target);
    if (flag.init == 1) {
        if (parent) {
            objDiv.style.display = 'none';
            objLink.className = 'text_link';
            objSpan.className = 'spUnclicked';
        }
        if (target == objLink) {
            objDiv.style.display = 'block';
            objLink.className = 'text_link_clicked';
            objSpan.className = 'spClicked';
        }
    }
    flag.init = 1;
}

function checkParent(t) {
    while (t.parentNode) {
        if (t == document.getElementById('divlogin')) {
            return false;
        }
        t = t.parentNode;
    }
    return true;
}

function showHideLogin() {
    var display = document.getElementById("divlogin").style.display;
    if (display == 'none' || display == '') {
        document.getElementById("divlogin").style.display = 'block';
        document.getElementById("textSignin").className = 'text_link_clicked';
        document.getElementById("spLink").className = 'spClicked';
        flag.init = 1;
    } else {
        document.getElementById("divlogin").style.display = 'none';
        document.getElementById("textSignin").className = 'text_link';
        document.getElementById("spLink").className = 'spUnclicked';
        flag.init = 0;
    }
}