var feedbackJustOpened = false;
document.getElementById('feedback').style.cursor = 'pointer';
document.body.setAttribute("onclick", "javascript:if (!feedbackJustOpened) feedback(null);");

function feedback(ele) {
    var form = document.getElementById('feedbackForm');
    if (typeof ele != 'undefined' && ele != null && form == null) {
        var div = document.createElement('div');
        div.setAttribute("id", "feedbackForm");
        div.setAttribute("style", "position: absolute; z-index: 1; left: " + findPos(ele)[0] + "px; top: " + findPos(ele)[1] + "px; margin-top: -210px; margin-left: -175px; width: 350px; height: 200px; border-style: solid; border-width: 1px; border-color: lightgray gray gray lightgray; padding: 2px; background-color: silver;");
        div.setAttribute("onclick", "javascript:feedbackNoCloseClick();");
        var textarea = document.createElement('textarea');
        textarea.setAttribute("id", "feedbackText");
        textarea.setAttribute("style", "width: 344px; height: 168px; color: Gray; font-style: italic; margin-bottom: 2px;");
        textarea.setAttribute("onclick", "javascript:if (this.value=='váš názor') this.value='';this.style.color='black';this.style.fontStyle='normal';");
        textarea.appendChild(document.createTextNode("váš názor"));
        var label = document.createElement("label");
        label.setAttribute("id", "feedbackLabel");
        label.setAttribute("for", "email");
        label.setAttribute("style", "font-family: Arial; font-size: 13px; color: #000000;");
        label.appendChild(document.createTextNode("Email: "));
        var input = document.createElement("input");
        input.setAttribute("id", "feedbackEmail");
        input.setAttribute("name", "email");
        input.setAttribute("type", "text");
        input.setAttribute("value", "(nepovinné)");
        input.setAttribute("style", "color: Gray; font-style: italic; width: 180px;");
        input.setAttribute("onclick", "javascript:if (this.value=='(nepovinné)') this.value='';this.style.color='black';this.style.fontStyle='normal';");
        var button = document.createElement("button");
        button.setAttribute("style", "width: 121px; margin-left: 2px; cursor: pointer;");
        button.setAttribute("onclick", "javascript:feedbackSend(this);");
        button.appendChild(document.createTextNode("Odeslat"));
        div.appendChild(textarea);
        div.appendChild(label);
        div.appendChild(input);
        div.appendChild(button);
        ele.parentNode.appendChild(div);
        feedbackNoCloseClick();
    } else if (form != null) {
        form.parentNode.removeChild(form);
    }
}

function feedbackNoCloseClick() {
    feedbackJustOpened = true;
    setTimeout("feedbackJustOpened = false", 500);
}

function feedbackSend(ele) {
    ele.disabled = true;
    document.getElementById('feedbackLabel').disabled = true;
    var form = document.getElementById('feedbackForm');
    var textarea = document.getElementById('feedbackText');
    var email = document.getElementById('feedbackEmail');
    textarea.disabled = true;
    email.disabled = true;
    var msg = document.createElement('div');
    msg.setAttribute("style", "position: absolute; z-index: 2; left: " + (textarea.offsetLeft + 95) + "px; top: " + (textarea.offsetTop + 60) + "px; background-color: silver; font-family: Arial; font-size: 12px; padding: 20px;");
    msg.appendChild(document.createTextNode("Děkuji za váš názor."));
    form.appendChild(msg);

    try {
        var xmlHttp = new XMLHttpRequest();
        xmlHttp.onreadystatechange = function() { feedbackSent(xmlHttp); };
        xmlHttp.open('POST', 'http://i.dajbych.net/feedback.ashx', true);
        xmlHttp.send("<feedback page=\"" + escape(document.location) + "\" email=\"" + escape(email.value) + "\">" + escape(textarea.value) + "</feedback>");
    } catch (e) {
        var image = new Image();
        image.src = 'http://i.dajbych.net/feedback.ashx?content=' + escape(textarea.value) + '&email=' + escape(email.value) + '&page=' + escape(document.location);
        image.onload = feedback;
    }
}

function feedbackSent(xmlHttp) {
    if (xmlHttp.readyState == 4) feedback();
}

function findPos(obj) {
    var posX = obj.offsetLeft; var posY = obj.offsetTop;
    while (obj.offsetParent) {
        if (obj == document.getElementsByTagName('body')[0]) { break }
        else {
            posX = posX + obj.offsetParent.offsetLeft;
            posY = posY + obj.offsetParent.offsetTop;
            obj = obj.offsetParent;
        }
    }
    var posArray = [posX, posY]
    return posArray;
}