var fadeTime = 500; // rychlost změny v ms
var autoFade = 6000; // rychlost automatické změny v ms
var fading = false;
var pageAct = 0; // aktuální stránka
var lastChange = false;
var fadingTexts = false; // elementy s texty
var fadingImages = false; // elementy s texty
var pagesNum = false; // celkový počet textů
var fadingPages = false; // element s tlačítky
var ahrefMore = false; // element s odkazem

function autoChange()
{
    // inicializace elementů
    if (!fadingTexts || !pagesNum || !fadingPages)
    {
        fadingTexts = document.getElementById('pathTexts').getElementsByTagName('div');
        ahrefMore = document.getElementById('pathTexts').getElementsByTagName('a')[0];
        fadingPages = document.getElementById('pathPages');
        fadingImages = document.getElementById('pathImages').getElementsByTagName('img');
        pagesNum = fadingTexts.length; // stránek celkem

        // vytvoří stránkovač
        for (var i = 0; i < pagesNum; i++)
            {
                var pageName = fadingTexts[i].getElementsByTagName('span')[0].innerHTML;
                fadingPages.innerHTML = fadingPages.innerHTML+('<a href="#" onclick="change('+ i +'); return false;">'+ pageName +'</span>');
            }

        fadingPages = fadingPages.getElementsByTagName('a');

        // zobrazí první boxík
        fadingPages[0].className = "active";
        fadingTexts[0].style.opacity = '1';
        fadingTexts[0].style.filter = 'alpha(opacity = 100)';
        fadingImages[0].style.opacity = '1';
        fadingImages[0].style.filter = 'alpha(opacity = 100)';
        ahrefMore.setAttribute('href', fadingTexts[0].getElementsByTagName('span')[2].innerHTML);
    }

    clearTimeout(lastChange);
    lastChange = setInterval("autoChanging()", autoFade);
}

function autoChanging()
{
    if (pageAct == (pagesNum - 1))
    {
        eval("change(0)");
    }
    else
    {
        eval("change(" + (pageAct + 1) + ")");
    }
        
}

function change(newPage)
{
    
    if (newPage < 0 || newPage >= pagesNum)
        newPage = 0;
    
    var fadingText = fadingTexts[newPage];
    var fadingImage = fadingImages[newPage];
        
    if (newPage == pageAct || fading)
        return false;
        
    fading = true;
    fadingImage.FadeTimeLeft = fadeTime;
    autoChange();
    
    setTimeout("fade(" + new Date().getTime() + ", " + newPage + ", " + pageAct + ")", 33);

    fadingPages[newPage].className = "active";
    fadingPages[pageAct].className = "";
    ahrefMore.setAttribute('href', fadingTexts[newPage].getElementsByTagName('span')[2].innerHTML);
    pageAct = newPage;
    return false;
}

function fade(lastTick, showBox, hideBox)
{  
  var showText = fadingTexts[showBox];
  var hideText = fadingTexts[hideBox];
  var showImage = fadingImages[showBox];
  var hideImage = fadingImages[hideBox];
  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
 
  if(showImage.FadeTimeLeft <= elapsedTicks)
  {
    showText.style.opacity = '1';
    hideText.style.opacity = '0';
    showText.style.filter = 'alpha(opacity = 100)';
    hideText.style.filter = 'alpha(opacity = 0)';
    showImage.style.opacity = '1';
    hideImage.style.opacity = '0';
    showImage.style.filter = 'alpha(opacity = 100)';
    hideImage.style.filter = 'alpha(opacity = 0)';
    
    fading = false;
    
    return;
  }
  else
  {
    showImage.FadeTimeLeft -= elapsedTicks;
    var newHideVal = showImage.FadeTimeLeft/fadeTime;
    var newShowVal = 1 - newHideVal;

    showText.style.opacity = newShowVal;
    showText.style.filter = 'alpha(opacity = ' + (newShowVal*100) + ')';
    hideText.style.opacity = newHideVal;
    hideText.style.filter = 'alpha(opacity = ' + (newHideVal*100) + ')';
    showImage.style.opacity = newShowVal;
    showImage.style.filter = 'alpha(opacity = ' + (newShowVal*100) + ')';
    hideImage.style.opacity = newHideVal;
    hideImage.style.filter = 'alpha(opacity = ' + (newHideVal*100) + ')';
 
    setTimeout("fade(" + new Date().getTime() + ", '" + showBox + "', '" + hideBox + "')", 33);
  }
}