var divs = [];

function ajob() {
$("login_pop").setStyles({
left: (window.getScrollLeft() + (window.getWidth() - 290)/2)+'px'
})
}

jQuery(document).ready(function(){
    
    if (document.getElementById('openLogin'))
    document.getElementById('openLogin').onclick=function(){
    ajob();this.blur();showThem('login_pop');return false;}
    
    if (document.getElementById('closeLogin'))    
    document.getElementById('closeLogin').onclick=function(){
    this.blur();showThem('login_pop');return true;}
    if (document.getElementById('offLogin'))
    document.getElementById('offLogin').onclick=function(){
    document['login'].submit();
    return false;                                         }
    
    
    
    
    
    //document.getElementById('exitLogin').onclick=function(){
    //document['login'].submit();return false;}
    
});     

showThem = function (div, koncentr) {
    div = $(div);
    if (!div) return;
    divs.include(div);
    if (div.getStyle('display') == 'none') {
        div.setStyles({
            display: 'table',
            opacity: 0
        })
    }
    if (div.status == 'show') {
        div.status = 'hide';
        var myShow = new Fx.Style(div, 'opacity', {
            duration: 400
        });
        myShow.stop();
        myShow.start(div.getStyle('opacity'), 0)
    } else {
        divs.each(function (prva) {
            if (prva != div && prva.status == 'show') {
                prva.status = 'hide';
                var myShow = new Fx.Style(prva, 'opacity', {
                    duration: 400
                });
                myShow.stop();
                myShow.start(prva.getStyle('opacity'), 0)
            }
        }, this);
        div.status = 'show';
        var myShow = new Fx.Style(div, 'opacity', {
            onComplete: function () {
                if ($(koncentr)) $(koncentr).focus()
            }
        });
        myShow.stop();
        myShow.start(div.getStyle('opacity'), 1)
    }
}