window.onload = function(){

    var mreq = new Request({
        onSuccess: function(txt){
          if(txt!='') {
            var aMember = JSON.decode( txt );
            addMember(aMember[0].id, aMember[0].name);
          } else {
            alert('Пользователь не найден');
          }
        },

        onFailure: function(){
            alert('Ошибка запроса');
        }
    });

    if($('member_button')) {
        $('member_button').addEvent('click', function(){
            mreq.send({url: '/ajax/check_member.php?member_id='+$('member_id').value});
        });
    }

    if($('member_id') && $('member_id').value!='' && $('member_name').value!='') {
        addMember($('member_id').value, $('member_name').value);
    }

    var inputWord = $('photografer_name');
    if(inputWord) {
        // Our instance for the element with id "demo-word"
        new Autocompleter.Request.HTML(inputWord, '/ajax/check_member.php', {
            'indicatorClass': 'autocompleter-loading',
            'injectChoice': function(choice) {
                // choice is one <li> element
                var text = choice.getFirst();
                // the first element in this <li> is the <span> with the text
                var value = text.innerHTML;
                // inputValue saves value of the element for later selection
                choice.inputValue = value;
                // overrides the html with the marked query value (wrapped in a <span>)
                text.set('html', this.markQueryValue(value));
                // add the mouse events to the <li> element
                this.addChoiceEvents(choice);
            },
            'onSelect': function(choice, li) {
                clearPhotograferId();
                setPhotograferId(li.id);
            },
            'onSelection': function(choice, li) {
                clearPhotograferId();
                setPhotograferId(li.id);
            },
            'onRequest': function() {
                clearPhotograferId();
            }
        });
    }
}

function checkPhotografer() {
    id = $('photografer_id').value;
    name = $('photografer_name').value;
    if(id == '' && name == '') {
        $('photografer_check').innerHTML = 'фотограф не выбран';
        $('photografer_check').className = 'ph_user_photografer_select';
    } else if (id == '' && name != '') {
        $('photografer_check').innerHTML = 'ошибочное имя';
        $('photografer_check').className = 'ph_user_photografer_select red';
    } else if (id != '' && name != '') {
        $('photografer_check').innerHTML = 'фотограф указан правильно';
        $('photografer_check').className = 'ph_user_photografer_select ph_user_photografer_select_green';
    }
}
function checkPhotograferName() {
    if ($('photografer_name').value != '') {
        $('photografer_submit').className = '';
    } else {
        $('photografer_submit').className = 'h';
    }
}
function savePhotograferName() {
    var cReq = new Request({
        url: '/ajax/nevesta_role_check.php',
        onSuccess: function(txt){

        },
        onFailure: function(){
            alert2('request_error', 'error');
        }
    }).get({'act':'savePhotograferName','album_id':$('content_id').value,'photografer_id':$('photografer_id').value,'photografer_name':$('photografer_name').value});
    cReq.send();
    $('photografer_submit').className = 'h';
    alert2('photografer_name_save_success');
}
function clearPhotograferId() {
    $('photografer_id').value = '';
    //checkPhotografer()
}
function setPhotograferId(id) {
    $('photografer_id').value = id;
    //checkPhotografer();
}

function addMember(id, name) {
    $('member_id').value = '';
    $('member_name').value = '';
    $('member_div').empty();
    var member = new Element('span', {
        'class': 'member',
        'id': 'member' + id,
        'events': {
            'click': function(){
                if(confirm('Удалить пользователя?')) {
                    $('member_id').value = '';
                    $('member_name').value = '';
                    $('member_div').empty();
                }
            }
        }
    });
    member.setStyles({
        cursor: 'pointer',
        margin: '0 10px 0 0',
        'font-size': '15px',
        'line-height': '40px',
        color: 'green'
    });
    member.set('text',name+' [X]');
    member.inject($('member_div'));
    $('member_name').value = name;
    $('member_id').value = id;
}