/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

max_members=30;
last=0;
init=true;

function make_form()
{
    var hidden='';
    var i=0;
    // Первая форма открытая
    hidden+="<!-----------СЛОЙ УЧАСТНИКА-->\n<div id=\"person"+i+"\" class=\"sh\">\n";
    hidden+="<div class=\"u4astnik\"><br><table width=\"305\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" align=center><tr><td><br><div class=\"uch_forma\">\n";
    hidden+="<font class=\"big\"><div class=\"uch_left\">Данные участника №</div><div id=\"div_number\">"+(i+1)+"</div></font></div></td></tr>\n";
    hidden+="<tr><td><br><font class=\"green\">Фамилия, Имя, Отчество (полностью):</font></td></tr><tr><td height=\"45\">    <input name=\"personfio[]\"    type=text style=\"width:304; height:30; font-size:22px; border:1 #999 solid;\"></td></tr>\n";
    hidden+="<tr><td><br><font class=\"green\">Сотовый телефон:</font></td></tr><tr><td height=\"45\"> <input name=\"personphone[]\"    type=text style=\"width:304; height:30; font-size:22px; border:1 #999 solid;\"></td></tr>\n";
    hidden+="<tr><td><br><font class=\"green\">E-Mail:</font></td></tr><tr><td height=\"45\">    <input name=\"personemail[]\"    type=text style=\"width:304; height:30; font-size:22px; border:1 #999 solid;\"></td></tr>\n";
    hidden+="<tr><td><br><font class=\"green\">Фотография:</font></td></tr><tr><td height=\"45\"><input name=\"personphoto[]\"    type=file style=\"width:304; height:30; font-size:22px; border:1 #999 solid;\"></td></tr>\n";
    hidden+="</table></div><!-----------^^^^СЛОЙ УЧАСТНИКА-->\n";
    hidden+="<table width=\"305\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" align=center>";
    hidden+="<tr><td align=\"center\" ><input type=\"button\" id=\"add_member"+i+"\" value=\"Добавить следующего участника \" style=\"width:234; height:30; font-size:14px; border:1 #999 solid;\" class=\"sf\" onclick=\"javascript:add_person();\"></td></tr>";
    hidden+="</table></div>\n";
    hidden+="\n";
    hidden+="\n";

    for(i=1;i<max_members;i++)
    {
        hidden+="<!-----------СЛОЙ УЧАСТНИКА--><div id=\"person"+i+"\" class=\"hd\">\n";
        hidden+="<div class=\"u4astnik\"><br><table width=\"305\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" align=center><tr><td><br><div class=\"uch_forma\">\n";
        hidden+="<font class=\"big\"><div class=\"uch_left\">Данные участника №</div><div id=\"div_number\">"+(i+1)+"</div></font></div></td></tr>\n";
        hidden+="<tr><td><br><font class=\"green\">Фамилия, Имя, Отчество (полностью):</font></td></tr><tr><td height=\"45\">    <input name=\"personfio[]\"    type=text style=\"width:304; height:30; font-size:22px; border:1 #999 solid;\"></td></tr>\n";
        hidden+="<tr><td><br><font class=\"green\">Сотовый телефон:</font></td></tr><tr><td height=\"45\"> <input name=\"personphone[]\"    type=text style=\"width:304; height:30; font-size:22px; border:1 #999 solid;\"></td></tr>\n";
        hidden+="<tr><td><br><font class=\"green\">E-Mail:</font></td></tr><tr><td height=\"45\">    <input name=\"personemail[]\"    type=text style=\"width:304; height:30; font-size:22px; border:1 #999 solid;\"></td></tr>\n";
        hidden+="<tr><td><br><font class=\"green\">Фотография:</font></td></tr><tr><td height=\"45\"><input name=\"personphoto[]\"    type=file style=\"width:304; height:30; font-size:22px; border:1 #999 solid;\"></td></tr>\n";
        hidden+="</table></div><!-----------^^^^СЛОЙ УЧАСТНИКА-->";

        hidden+="<table width=\"305\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" align=center>";
        hidden+="<tr><td align=\"center\" ><input type=\"button\" id=\"add_member"+i+"\" value=\"Добавить следующего участника \" style=\"width:234; height:30; font-size:14px; border:1 #999 solid;\" class=\"sf\" onclick=\"javascript:add_person();\"></td></tr>";
        hidden+="</table></div>\n";
    }
    document.getElementById('mini_form').innerHTML=hidden;
}

function many_users()
{
    if (!init) {make_form(); init=true;}
    check();
}

function check()
{
    if (document.getElementById('one_or_more').value==1)
    {
         // сделать всё скрытым
         document.getElementById('mini_form').style.display="none";
    }
    else
    {
        // сделать первую форму открытой и сделать открытыми заполненные поля
        document.getElementById('mini_form').style.display="block";
    }
    return;

    if (document.getElementById('one_or_more').value==1)
    {
        // форма выбора кол-ва невидимая, форма рег. участников невидимая
        //document.getElementById('div_number').className="hd";
        document.getElementById('u4astnik').style.display="none";
        document.getElementById('add_member').style.display="none";
    }
    else
    {
        //document.getElementById('div_number').className="sh";
        document.getElementById('u4astnik').style.display="block";
        document.getElementById('add_member').style.display="block";
    }

    return;
    if (last>=document.getElementById('number').value)
        document.getElementById('add_member').disabled=1;
    else
        document.getElementById('add_member').disabled=0;

}

function recount()
{
    var mtable=document.getElementById('members');
    var i=1;
    for(i=1;i<last-1;i++)
    {
        mtable.rows[i].cells[0].innerHTML=last-i+1;
    }
}

function del(fio)
{
    // Найти в таблице строку с fio  и удалить
    // Пересчитать счетчики
    var mtable=document.getElementById('members');
    var i=0;
    var deleted=false;
    for(i=0;i<last+1;i++)
    {
        //if (mtable.rows[i].cells[1].innerHTML.indexOf(fio))
        if (mtable.rows[i].cells[1].innerHTML==fio)
        {
            mtable.deleteRow(i);
            last--;
        }
    }
    recount();
    document.getElementById('div_number').innerHTML=last+1;

     /// нужно еще удалить из скрытых полей.
}

function edit()
{

}

function add_person()
{
    if (last==max_members)
        {
            alert("Вы достигли предельного кол-ва участников.");
            return;
        }
    document.getElementById('add_member'+last).style.display="none";
    last++;
    document.getElementById('person'+last).style.display="block";

}

function add(mfio,mphone,memail,mphoto)
{
    if (mfio=='') fio=''; else fio=mfio;
    if (mphone=='' || mphone==null) phone=''; else phone=mphone;
    if (memail==''|| memail==null) email=''; else email=memail;
    if (mphoto==''|| mphoto==null) photo=''; else photo=mphoto;

    document.getElementById('div_members').style.display="block"; 
    if (fio=='')// || phone=='' || email==''
    {
        alert("Заполните, пожайлуста, поле ФИО.");
        return;
    }

//    if (false && last>=document.getElementById('number').value-1)
//    {
//        alert("Вы достигли предельного кол-ва участников.\n\n\
//            Для добавления новых участников увеличьте кол-во участников.");
//        return;
//    }

    document.getElementsByName('personfio[]').item(last).value=fio;
    document.getElementsByName('personphone[]').item(last).value=phone;
    document.getElementsByName('personemail[]').item(last).value=email;
    document.getElementsByName('personphoto[]').item(last).value=photo;

    //alert(fio+' '+phone+' '+email);
    var mtable=document.getElementById('members');
    var row=mtable.insertRow(1);
    if (last % 2==0)
        row.className="row0";
    else
        row.className="row1";
    var newCell = row.insertCell(0);//в созданной строке добавляем столбец
    //newCell.width="200";//указываем длину столбца равной 200 пикселей
    newCell.align="left";//указываем позиционирование по центру
    newCell.innerHTML="<a href=\"javascript:del('"+fio+"');\" title='Удалить'>\n\
        <img src='/images/del.png' border=0> </a>";

    var text=phone+" "+email+" Фотография:"+photo;

    var newCell = row.insertCell(0);//в созданной строке добавляем столбец
    //newCell.width="200";//указываем длину столбца равной 200 пикселей
    newCell.align="left";//указываем позиционирование по центру
    //link="<a href=# title=\"Редактировать\">";
    link="";
    newCell.innerHTML=text; //link+email+"";

    var newCell = row.insertCell(0);//в созданной строке добавляем столбец
    //newCell.width="200";//указываем длину столбца равной 200 пикселей
    newCell.align="left";//указываем позиционирование по центру
    newCell.innerHTML=link+fio+"";

    /*
        var newCell = row.insertCell(0);//в созданной строке добавляем столбец
        //newCell.width="200";//указываем длину столбца равной 200 пикселей
        newCell.align="left";//указываем позиционирование по центру
        newCell.innerHTML=link+fio+"";
*/
    var newCell = row.insertCell(0);//в созданной строке добавляем столбец
    //newCell.width="200";//указываем длину столбца равной 200 пикселей
    newCell.align="left";//указываем позиционирование по центру
    last++;
    newCell.innerHTML=""+last;

    //сбрасывем состояние формы
    document.getElementById('mfio').value="";
    document.getElementById('mphone').value="";
    document.getElementById('memail').value="";

    document.getElementById('div_number').innerHTML=last+1;

//Блокируем кнопку,если превышен лимит
//check();
}