$(document).ready(function()
{
    var selects = $('form.FormularDiktat #diktat select');
    for(var i = 0; i < selects.length;i++)
    {
        selectDiktat(selects[i]);
    }
});

function selectDiktat(select)
{
    $(select).css({ 
		    visibility: 'hidden',
            position:'absolute'
    });

    var otaznik = document.createElement('span');
    otaznik.innerHTML = '?';
    $(otaznik).addClass(select.name);
    $(otaznik).addClass('otaznik');
    $(select).after(otaznik);
    var contdiv = document.createElement('div');
    $(contdiv).addClass('contdiv0');
    var vse = document.createElement('span');
    $(vse).addClass('vse');

    var prvni = true;
    if(select)
    for(var i = 1; i < select.options.length; i++)
    {
        var ldiv = document.createElement('span');
        ldiv.innerHTML = select.options[i].innerHTML;
        var value = select.options[i].value;
        ldiv.rel = value;
        if(1) { //if(select.options[i].value != select.value) 
            $(ldiv).bind('click',function(event) {
                diktatyRunClick(event,select,this);
            });
        }
        if(select.value) {
            if(select.options[i].value != select.value) {
                $(ldiv).css({ display:'none'});
            }
            else {
                $(ldiv).addClass('selected');
                $(ldiv).css({ display:'inline'});
                $(vse).css({ display:'none'});
            }
        }
        if(!prvni)
        {
            var lomitko = document.createElement('span');
            lomitko.className = 'lomitko';
            lomitko.innerHTML = '/';
            vse.innerHTML += '/';
            $(lomitko).bind('click',function(event) {
                var cdiv = $(this).parent();
                cdiv = cdiv[0];
                $(cdiv).css({top: (event.pageY+8)+'px'});
                $(cdiv).css({left: event.pageX+'px'});
                if(cdiv.className == 'contdiv0')  {
                    cdiv.className = 'contdiv';
                    $('span.'+select.name).css({display:'inline'});
                } else {
                    cdiv.className = 'contdiv0';
                    $('span.'+select.name).css({display:'none'});
                }
            });
            $(contdiv).append(lomitko);
            if(select.value) {
                $(lomitko).css({display:'none'});
            }
        }
        $(contdiv).append(ldiv);
        vse.innerHTML += select.options[i].innerHTML;
        prvni = false;
    }
    $(vse).bind('click', function (event) {
        diktatyRunClick(event,select,this);
    });
    $(contdiv).prepend(vse);
    $(select).after(contdiv);
}

function diktatyRunClick(event,select,obj)
{
    select.value = obj.rel;
    var cdiv = $(obj).parent();
    cdiv = cdiv[0];

    $(cdiv).css({top: (event.pageY+8)+'px'});
    $(cdiv).css({left: event.pageX+'px'});
    if(cdiv.className == 'contdiv0') {
        cdiv.className = 'contdiv';
        $('span.'+select.name).css({display:'inline'});
    } 
    else {
        cdiv.className = 'contdiv0';
        $('span.'+select.name).css({display:'none'});
    }

    spans = $(cdiv).find('span');
    for (var i = 1; i < spans.length; i++)
    {
        if(cdiv.className == 'contdiv') {
            $(spans[i]).css({display:'block'});
        }
        else {
            $(spans[i]).css({display:'none'});
        }
    }
    $(spans[0]).css({display:'none'});
    $(obj).css({display:'inline'});
    $(obj).addClass('selected');
}