var body = document.getElementsByTagName('body').item(0);
body.className = 'homePage';

var wrapper = document.createElement('div');
wrapper.className = 'wrapper';
body.appendChild(wrapper);

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);

////////////////////////////////////////////////////////////////////////////////
// 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));
    topBanner.appendChild(document.getElementById('fb_boxik'));
    
    
wright.appendChild(topBanner);

////////////////////////////////////////////////////////////////////////////////
// wright - bannery
    var wbanner = document.createElement('div');
    wbanner.className = 'wbanner';
    
    var bn = document.getElementsByTagName('h3');
    var bn_p = document.getElementsByTagName('p');
    offset_p = document.getElementsByTagName('h1').length + document.getElementsByTagName('h2').length;
    
    // odebrani p banneru
    for(i = offset_p; i < bn.length + offset_p; i++)
        bn_p[offset_p].parentNode.removeChild(bn_p[offset_p]);
        
    // pridani banneru
    var i = 0;
    while(true)
    {
        var arr_h3 = document.getElementsByTagName('h3');
        if(arr_h3.length == 0) break;
        //if(i == 0) arr_h3.item(0).className = 'banner_main';
        var a = arr_h3.item(0).getElementsByTagName('a').item(0);
        arr_h3.item(0).onmouseover = function () { this.className += ' over'; }
        arr_h3.item(0).onmouseout = function () { this.className = this.className.substr(0, this.className.length - 5); }
        
        a.innerHTML = '<span>' + a.innerHTML + '</span>';
        wbanner.appendChild(arr_h3.item(0));
        i++;
    }
                      
wright.appendChild(wbanner);
   
////////////////////////////////////////////////////////////////////////////////
// wright - zalozky h4
    var arr_h4 = document.getElementsByTagName('h4');
    var arr_h4_p = document.getElementsByTagName('p');
    
    offset_p = document.getElementsByTagName('h1').length + document.getElementsByTagName('h2').length;
    
    var tabs1 = new Array(
        new Array(arr_h4_p[offset_p], arr_h4_p[offset_p + 1], arr_h4_p[offset_p + 2], arr_h4_p[offset_p + 3]),
        new Array(arr_h4_p[offset_p + 4], arr_h4_p[offset_p + 5], arr_h4_p[offset_p + 6], arr_h4_p[offset_p + 7]),
        new Array(arr_h4_p[offset_p + 8], arr_h4_p[offset_p + 9], arr_h4_p[offset_p + 10], arr_h4_p[offset_p + 11])
    );
    
    for(i = 0; i < tabs1.length; i++)
        for(j = 0; j < tabs1[i].length; j++)
        {

            tabs1[i][j].className = j == 3?'produkt_boxik end' : 'produkt_boxik';
            
            if(tabs1[i][j].getElementsByTagName('del').length == 0) {
                var del = document.createElement('del');
                del.innerHTML = '';
                tabs1[i][j].insertBefore(del, tabs1[i][j].getElementsByTagName('span').item(0));
            }
            
            var b = document.createElement('b');
            tabs1[i][j].appendChild(b);
            var ae = document.createElement('a');
            ae.className = 'kosik';
            if(i == 2)
                ae.className = 'kosik3';
            
            ae.onmouseover = function() { this.className = 'kosik_over'; }
            ae.onmouseout = function() { this.className = 'kosik'; }
            ae.href = tabs1[i][j].getElementsByTagName('a').item(0).href + "?dokosiku";
            tabs1[i][j].appendChild(ae);
            
            if(j > 3) {
                tabs1[i][j].onmouseover = function() { this.className = 'produkt_boxik produkt_boxik_over'; }
                tabs1[i][j].onmouseout = function() { this.className = 'produkt_boxik'; }    
            } else {
                tabs1[i][j].onmouseover = function() { this.className = 'produkt_boxik end produkt_boxik_over'; }
                tabs1[i][j].onmouseout = function() { this.className = 'produkt_boxik end'; }
            }
             
            tabs1[i][j].onclick = function() { document.location = this.getElementsByTagName('a').item(0).href; }    
        }
        
    var tabs = document.createElement('div');
    tabs.className='tabs1';
    tabs.id = 'accordion';
    
    var b = document.createElement('b');
    for(i = 0; i < arr_h4.length; i++) {
        var a = document.createElement('a');
        //a.innerHTML = '<b>' + arr_h4.item(i).innerHTML + '</b>';
        a.innerHTML = arr_h4.item(i).innerHTML;
        a.className = 'toggler';
        a.href = 'javascript: void(0);';
        a.id = "_tabs1_" + i;
        //a.onclick = function() { xTabs1(this.id.toString().substr(7)); return false; }
        b.appendChild(a);
    }                    
    tabs.appendChild(b);   
    while(true) 
    {
        arr_h4 = document.getElementsByTagName('h4');
        if(arr_h4.length == 0) break;
        arr_h4.item(0).parentNode.removeChild(arr_h4.item(0));
    }
        
    var arr_tabs = new Array();
    var div_tabs = document.createElement('div');
    for(i = 0; i < tabs1.length; i++)
    {
        var tab = document.createElement('div');
        tab.className = 'element';
        for(j = 0; j < tabs1[i].length; j++)
            tab.appendChild(tabs1[i][j]);   
        div_tabs.appendChild(tab);
    }
    tabs.appendChild(div_tabs);

wright.appendChild(tabs);

////////////////////////////////////////////////////////////////////////////////
// wright - zalozky h1, h2

    var tabs2 = document.createElement('div');
    tabs2.className="tabs2";
    tabs2.id="according2";
    
    var tabs2_labels = new Array(document.getElementsByTagName('h1').item(0));
    var tabs2_h2 = document.getElementsByTagName('h2');
    for(i = 0; i < tabs2_h2.length; i++)
        tabs2_labels.push(tabs2_h2.item(i));
    
    var b = document.createElement('b'); 
    for(i = 0; i < tabs2_labels.length; i++) {
        var a = document.createElement('a');
        a.innerHTML = tabs2_labels[i].innerHTML;
        a.className = 'toggler2';
        a.href = 'javascript: void(0);';
        a.id = "_tabs2_" + i;
        a.onclick = function() { xTabs2(this.id.toString().substr(7)); return false; }
        //tabs2.appendChild(a);
        b.appendChild(a);
    }                    
    tabs2.appendChild(b);   
    
    
    var arr_tabs2 = new Array();
    tabs2_p = document.getElementsByTagName('p');
    var div_tabs = document.createElement('div');
    for(i = 0; i < tabs2_labels.length; i++)
    {
        //tabs2_p.item(0).style.display = (i == 0)? 'block': 'none';
        tabs2_p.item(0).className = 'element2';
        
        arr_tabs2.push(tabs2_p.item(0));
        div_tabs.appendChild(tabs2_p.item(0));
    }
    tabs2.appendChild(div_tabs);
    
    for(i = 0; i < tabs2_labels.length; i++)
        tabs2_labels[i].parentNode.removeChild(tabs2_labels[i]);
    
    
wright.appendChild(tabs2);    

////////////////////////////////////////////////////////////////////////////////
//  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';



// roll na zalozky
//window.addEvent('domready', function() {
	
	var first = true;
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'a.toggler', 'div.element', {
		opacity: true,
    	onComplete: function(){
    	    var i = (((this.previous + 1) % this.togglers.length));
    	    tabs.getElementsByTagName('b').item(0).className = 'label_' + (i == 0? 2: i - 1);
        }
	}); 
   
   
    var tab1_i = 0;
    function rollTab1()
    {
        tab1_i++;
        if(tab1_i >= 3) tab1_i = 0;
        myAccordion.display(tab1_i); 
    }

    tab1_interval = window.setInterval('rollTab1()', 5000);
    tabs.onmouseover = function() { window.clearInterval(tab1_interval);  }
    tabs.onmouseout = function() { tab1_interval = window.setInterval('rollTab1()', 5000);  }
    
 
    var myAccordion2 = new Accordion($('accordion2'), 'a.toggler2', 'p.element2', {
		opacity: false,
    	onComplete: function(){
    	    var i = (((this.previous + 1) % this.togglers.length));
    	    tabs2.getElementsByTagName('b').item(0).className = 'label_' + (i == 0? 2: i - 1);
        }
	}); 
	
// left menu
var uls = wleft.getElementsByTagName('ul');
for(j = 0; j < uls.length; j++) {
    var lis = uls.item(j).getElementsByTagName('li');
    for(i = 0; i < lis.length; i++) {
        var acko = lis.item(i).getElementsByTagName('a').item(0);
        var newWidth = acko.offsetWidth + 30; 
        lis.item(i).style.width = (newWidth < 140? 140: newWidth) + 'px';
        lis.item(i).onclick = function() {
            document.location = this.getElementsByTagName('a').item(0).href;
        }
    }
}