var req;
var c = 0;
var doc;

function ld() {
	alert("Не воспринимаю слов более 30 и имен более 20 символов соотвественно\nТакже не стоит писать более 3 сообщений в час и 10 в день =)\n Спасибо за понимание.");
    doc = document.getElementById("sod");
    if(XMLHttpRequest) {
        req = new XMLHttpRequest();
    } else if(window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHttp");
    } else {
        alert("Проблемы(");
    }
    reqst();
    setInterval("reqst()", 60000);
}

function snd() {
    var d = document.getElementById("aut");
    var d1 = document.getElementById("txt");
    req.open("POST", "./guest.cgi", true);
    req.setRequestHeader("Content-Type", "application/x-www-form-urlencoder");
    var s = d.value;
    var s1 = d1.value;
    if(s1 == "" || s == "")
        return;
    d.value = "";
    d1.value = "";
    req.send("author: " + s + ";\n<post>" + s1 + "</post>");
    req.onreadystatechange = rd;
}

function rd() {
    if(req.readyState == 4) {
        var s = req.responseText;
        if(s.indexOf("err1") == 0) {
            alert("Таких длинных слов не бывает!=)");
        } else if(s.indexOf("err2") == 0) {
            alert("Отписался :-P");
        } else {
            parse(s);
        }
    }
}

function reqst() {
    s = "./guest.cgi?c=" + String(c);
    req.open("GET", s, true);
    req.send(null);
    req.onreadystatechange = reading; 
}

function reading() {
    if(req.readyState == 4) {
        parse(req.responseText);
    }
}

function parse(s) {
    while(1) {
        var t1 = s.indexOf(";");
        if(t1 == -1)
            return;
        var id = s.substring(4, t1);
        s = s.substring(t1 + 2);
        t1 = s.indexOf(";");
        var t = s.substring(10, t1);
        s = s.substring(t1 + 2);
        t1 = s.indexOf("<post>");
        var aut = s.substring(8, t1 - 1);
        s = s.substring(t1);
        t1 = s.indexOf("</post>");
        var txt = s.substring(7, t1 - 1);
        s = s.substring(t1 + 8);
        innr(id, t, aut, txt);
        c++;
    }
}

function innr(id, t, aut, txt) {
    var s1 = s2 = s3 = s4 = ss1 = ss2 = ss3 = ss4 = "";
    if(window.navigator.userAgent.indexOf("IE") == -1) {
        s1 = '<div style = "width: 2px; height: 2px; background: white; position: relative; margin-left: 0px; margin-top: 0px"></div>';
        s2 = '<div style = "width: 2px; height: 2px; background: white; position: relative; margin-left: 2px; margin-top: 0px"></div>';
        ss1 = '<div style = "width: 2px; height: 2px; background: #EAEADA; position: relative; margin-left: 0px; margin-top: 0px"></div>';
        ss2 = '<div style = "width: 2px; height: 2px; background: #FFFF99; position: relative; margin-left: 2px; margin-top: 0px"></div>';
        ss3 = '<div style = "width: 2px; height: 2px; background: #FFFF99; position: relative; margin-left: 0px; margin-top: 2px"></div>';
        ss4 = '<div style = "width: 2px; height: 2px; background: #FFFF99; position: relative; margin-left: 2px; margin-top: 2px"></div>';
        s3 = '<div style = "width: 2px; height: 2px; background: white; position: relative; margin-left: 0px; margin-top: 2px"></div>';
        s4 = '<div style = "width: 2px; height: 2px; background: white; position: relative; margin-left: 2px; margin-top: 2px"></div>';
    }
    doc.innerHTML += '<table style = "background: #EAEADA; width: 700px; border: 3px solid black; margin: 5px auto auto auto" cellpadding = "0" cellspacing = "0">'
                  +'<tr>'
                  +'<td style = "width: 4px; height: 4px;">'
                  +'<div style = "width: 4px; height: 4px;">'
                  +s1
                  +'</div>'
                  +'</td>'
                  +'<td style = "height: 4px;"></td>'
                  +'<td style = "width: 4px; height: 4px;">'
                  +'<div style = "width: 4px; height: 4px;">'
                  +s2
                  +'</div>'
                  +'</td>'
                  +'</tr>'
                  +'<tr>'
                  +'<td style = "width: 4px;"></td>'
                  +'<td style = "background: white;">'

                  +'<table style = "background: white; width: 100%; height: 100%; border: 3px solid #333333;" cellpadding = "0" cellspacing = "0">'
                  +'<tr>'
                  +'<td style = "width: 4px; height: 4px;">'
                  +'<div style = "width: 4px; height: 4px;">'
                  +ss1
                  +'</div>'
                  +'</td>'
                  +'<td style = "height: 4px;"></td>'
                  +'<td style = "width: 4px; height: 4px;">'
                  +'<div style = "width: 4px; height: 4px;">'
                  +ss2
                  +'</div>'
                  +'</td>'
                  +'</tr>'
                  +'<tr>'
                  +'<td style = "width: 4px;"></td>'
                  +'<td style = "background: white;">'
                  +'<table  style = "background: #FFFF99; width: 100%; height: 100%; border: 3px solid #666666;" cellpadding = "0" cellspacing = "0">'
                  +'<tr>'
                  +'<td style = "background: #FFFF66; height: 25px; width: 30%; border-bottom: 2px solid #DDDDDD; text-align: left">&nbsp;</td>'
                  +'<td style = "background: #FFFF66; height: 25px; border-bottom: 2px solid #DDDDDD; text-align: right"></td>'
                  +'</tr>'
                  +'<tr>'
                  +'<td style = "background: #FFFF99; width: 30%; border-right: 2px solid #DDDDDD; text-align: center;"><p>' + aut + '</p><img src = "./image/1.gif"><p>' + t + '</p></td>'
                  +'<td style = "text-align: left; text-indent: 15px; font-size: 14px">'
                  +txt
                  +'</td>'
                  +'</tr>'
                  +'</table>'
                  +'</td>'
                  +'<td style = "width: 4px;"></td>'
                  +'</tr>'
                  +'<tr>'
                  +'<td style = "width: 2px; height: 2px;">'
                  +'<div style = "width: 2px; height: 2px;">'
                  +ss3
                  +'</div>'
                  +'</td>'
                  +'<td style = "height: 2px"></td>'
                  +'<td style = "width: 2px; height: 2px;">'
                  +'<div style = "width: 2px; height: 2px;">'
                  +ss4
                  +'</div>'
                  +'</td>'
                  +'</tr>'
                  +'</table>'
                  +'</td>'
                  +'<td style = "width: 4px;"></td>'
                  +'</tr>'
                  +'<tr>'
                  +'<td style = "width: 2px; height: 2px;">'
                  +'<div style = "width: 2px; height: 2px;">'
                  +s3
                  +'</div>'
                  +'</td>'
                  +'<td style = "height: 2px"></td>'
                  +'<td style = "width: 2px; height: 2px;">'
                  +'<div style = "width: 2px; height: 2px;">'
                  +s4
                  +'</div>'
                  +'</td>'
                  +'</tr>'
                  +'</table>'
                  +'<div style = "width: 700px; height: 2px; margin: 4px auto 4px auto; background: #EAEADA"><div>';
    
}