var style=document.createElement('style');
style.type='text/css';
css = '.wfPopup{position:absolute;top:150px;right:200px;text-align:center;padding:5px;border:1px solid black;background:#ECECEC;display:inline;}';
if(style.styleSheet){style.styleSheet.cssText = css;}else{style.appendChild(document.createTextNode(css));}
document.getElementsByTagName('head')[0].appendChild(style);

function handleDelay() {
    var s=document.getElementById("wfDelayOption");
    var value=s.options[s.selectedIndex].value;
    var p = document.createElement('p');
    p.appendChild(document.createTextNode(value));
    document.body.appendChild(p);
}
function createWfPopup()
{
    var divcount;
    if (document.getElementsByClassName) {
        divcount = document.getElementsByClassName('wfPopup').length;
    } else {
        var tmp;
        d = document.getElementsByTagName('div');
        l = d.length;
        divcount = 0;
        while (l) {
            tmp = d[--l];
            if (tmp.className.indexOf("wfPopup") != -1) divcount++;
        }
    }
    if (divcount == 0) {
        var div=document.createElement('div');
        div.innerHTML='<div class="wfPopup"> \
        <p>Please, provide delay reason</p> \
        <select id="wfDelayOption"> \
        <option value="9132856625013202665">Problem on a customer side</option> \
        <option value="9132856625013202668">Incorrect previous task</option> \
        <option value="9132856625013202669">Other</option> \
        </select> \
        <button onclick="handleDelay();">Delay</button> \
        <button onclick="this.parentNode.parentNode.removeChild(this.parentNode);">Cancel</button> \
        </div>';
        document.body.appendChild(div.firstChild);
    }
}