var body = document.getElementsByTagName('body').item(0);
body.className = 'text';

var wrapper = document.createElement('div');
wrapper.className = 'wrapper';
body.appendChild(wrapper);
             
/*var wtop = document.createElement('div');
wtop.className = 'wtop';
wrapper.appendChild(wtop);*/

var wleft = document.createElement('div');
wleft.className = 'wleft';
wrapper.appendChild(wleft);

var wright = document.createElement('div');
wright.className = 'wright';
wrapper.appendChild(wright);

var wcopyright = document.createElement('div');
wcopyright.className = 'wcopyright';
wrapper.appendChild(wcopyright);

    
////////////////////////////////////////////////////////////////////////////////    
var content = document.createElement('div');
content.className = 'text_content';

content.appendChild(document.getElementsByTagName('h1').item(0));
content.appendChild(document.getElementById('content'));
    
    
var cleaner = document.createElement('div');
cleaner.className = 'cleaner';
content.appendChild(cleaner);




////////////////////////////////////////////////////////////////////////////////
// wleft - logo
wleft.appendChild(document.getElementById('logo'));

// wleft - menu 

strongs = document.getElementsByTagName('strong'); 
uls = document.getElementsByTagName('ul'); 


var div = document.createElement('div');
div.className = 'kategorie';
strongs.item(strongs.length - 2).innerHTML = '<span>' + strongs.item(strongs.length - 2).innerHTML + '</span>';
div.appendChild(strongs.item(strongs.length - 2));
div.appendChild(uls.item(uls.length - 2));
wleft.appendChild(div);

div = document.createElement('div');
div.className = 'znacky';
strongs.item(strongs.length - 2).innerHTML = '<span>' + strongs.item(strongs.length - 2).innerHTML + '</span>';
div.appendChild(strongs.item(strongs.length - 2));
div.appendChild(uls.item(uls.length - 2));
wleft.appendChild(div);
   
var uls = wleft.getElementsByTagName('ul');

for(j = 0; j < uls.length; j++) {
    var lis = uls.item(j).getElementsByTagName('li');
    var selected = -1;
    for(i = 0; i < lis.length; i++)
        if(lis.item(i).className == 'selected')
            selected = i;
    
    var newAttr = document.createAttribute("selectedLi");
    newAttr.nodeValue = selected;
    uls.item(j).setAttributeNode(newAttr);
    
    for(i = 0; i < lis.length; i++) {
        
        lis.item(i).onmouseover = function() {  this.className = 'selected';  var lis = this.parentNode.getElementsByTagName('li'); var index = parseInt(this.parentNode.getAttributeNode('selectedLi').value); if(index > 0 && lis.item(index) != this) lis.item(parseInt(index)).className = 'white'; }
        lis.item(i).onmouseout = function() { this.className = ''; var lis = this.parentNode.getElementsByTagName('li'); if(parseInt(this.parentNode.getAttributeNode('selectedLi').value) > 0) lis.item(parseInt(this.parentNode.getAttributeNode('selectedLi').value)).className = 'selected'; }                                 
    }           
}







////////////////////////////////////////////////////////////////////////////////
// wright - top banner
var topBanner = document.createElement('div');
topBanner.className = 'top';

    // vyhledavani
    document.getElementsByTagName('form').item(0).getElementsByTagName('input').item(0).className = 'input';
    document.getElementsByTagName('form').item(0).getElementsByTagName('input').item(1).className = 'submit';
    document.getElementsByTagName('form').item(0).getElementsByTagName('input').item(1).onmouseover = function() { this.className = 'submit_hover'; }
    document.getElementsByTagName('form').item(0).getElementsByTagName('input').item(1).onmouseout = function() { this.className = 'submit'; }
    document.getElementsByTagName('form').item(0).getElementsByTagName('input').item(1).value = '';
    topBanner.appendChild(document.getElementsByTagName('form').item(0));
    // kosik
    topBanner.appendChild(document.getElementsByTagName('b').item(0));
    // topMenu
    
    var menu = document.getElementsByTagName('menu').item(0);
    var menu_li = menu.getElementsByTagName('li');
    for(i = 0; i < menu_li.length; i++) {                                                                           
        menu_li.item(i).onmouseover = function() { 
            var lis = this.parentNode.getElementsByTagName('li');
            for(i = 0; i < lis.length; i++)
                if(this == lis.item(i)) {
                    this.parentNode.className = 'selected' + i;
                    if(lis.item(i - 1)) lis.item(i - 1).className += ' noBg';
                } 
            
            //this.parentNode.style.backgroundPosition = parseInt(this.offsetLeft) + "px bottom"; 
            this.className += ' noBg'; 
        }
        menu_li.item(i).onmouseout = function() { 
            this.parentNode.className = ''; 
            this.className = this.className.substr(0, this.className.length - 5);
            
            var lis = this.parentNode.getElementsByTagName('li');
            for(i = 0; i < lis.length; i++)
                if(this == lis.item(i))
                    if(lis.item(i - 1)) lis.item(i - 1).className = lis.item(i - 1).className.substr(0, lis.item(i - 1).className.length - 5);
                 
        }
    }
        
    topBanner.appendChild(document.getElementsByTagName('menu').item(0));
    
wright.appendChild(topBanner);



////////////////////////////////////////////////////////////////////////////////


    
    
    
        
                                  
    wright.appendChild(content);
    
    document.getElementsByTagName('p').item(0).className = 'navigace';
    var acka = document.getElementsByTagName('p').item(0).getElementsByTagName('a').item(0).className = 'noBg';
    wright.insertBefore(document.getElementsByTagName('p').item(0), content);
    
    // nejprodavanejsi
    wright.appendChild(document.getElementById('nejprodavanejsi'));
    
    var ps = document.getElementById('nejprodavanejsi').getElementsByTagName('p');
    for(i = 0; i < ps.length; i++) {
        
        if(i == ps.length - 1) {
            ps.item(i).className = 'last';
            ps.item(i).onmouseover = function() { this.className = 'last over'; }
            ps.item(i).onmouseout = function() { this.className = 'last'; }
        }
        else {
            ps.item(i).onmouseover = function() { this.className = 'over'; }
            ps.item(i).onmouseout = function() { this.className = ''; } 
        }
        
        ps.item(i).onclick = function() { document.location = this.getElementsByTagName('a').item(0).href;}
        
        if(ps.item(i).getElementsByTagName('del').length == 0) {
            var del = document.createElement('del');
            del.innerHTML = '';
            ps.item(i).insertBefore(del, ps.item(i).getElementsByTagName('span').item(ps.item(i).getElementsByTagName('span').length - 1));
        }
        
        
        var spans = ps.item(i).getElementsByTagName('span');
        
        var aKosik = document.createElement('a');
        aKosik.className = 'kosik';
        aKosik.href = ps.item(i).getElementsByTagName('a').item(0).href + '?doKosiku';
        aKosik.title = 'Vložit do košíku';
        aKosik.innerHTML = '<span>Vložit do košíku</span>';
        ps.item(i).insertBefore(aKosik, ps.item(i).getElementsByTagName('del').item(0));
        
        
        spans.item(spans.length - 1).className = 'cenovka';
        
    }
       
    
    var cleaner = document.createElement('div');
    cleaner.className = 'cleaner';
    wright.appendChild(cleaner);
    
     
































////////////////////////////////////////////////////////////////////////////////
//  copyright

//document.getElementsByTagName('menu').item(0).getElementsByTagName('li').item(2).style.display = 'none';
wcopyright.appendChild(document.getElementsByTagName('menu').item(0));

document.getElementsByTagName('form').item(0).getElementsByTagName('input').item(0).className = 'input';
document.getElementsByTagName('form').item(0).getElementsByTagName('input').item(1).className = 'submit';
document.getElementsByTagName('form').item(0).getElementsByTagName('input').item(1).value = '';

wcopyright.appendChild(document.getElementsByTagName('form').item(0));
wcopyright.appendChild(document.getElementsByTagName('p').item(0));




var vlajky = document.createElement('div');
vlajky.className = 'vlajky';
vlajky.innerHTML = '<a href="http://www.sexlove.cz"><span>Česká verze - sexlove.cz</span></a><a href="http://www.sexlove.sk" target="_blank"><span>Slovenská verzia - sexlove.sk</span></a>';
topBanner.appendChild(vlajky);

body.style.display = 'block';
