var c = 1;
var restartTime = 7000;
var time = 5000;
var t;
var bigImage = "large";
var timerOn = true;

var thumbDiv = "thumb";
var lastThumb = "thumb1";
var lastId = 1;
var _switch = true;
var canvas_id = "hp_news_canvas";
var image = null;
var imgTimer = null;
var text = null;
var textTimer;
var thumbBorder = null;
var thumbBordTimer;
var deselctedThumbClass = "recent_inactive";
var selectedThumbClass = "recent_active";
var preloadedImage = null;

var linkImg = document.getElementById("link_img");
var duration = 1000;
var steps = 20;
var fadIn;


function slideShow() {
    preloadedImage = new Image();
    preloadedImage.src = slideData[c].img;

    startCycle();
}

function startCycle() {
    timerOn = true;
    cycle();
}

function cycle() {
    if (timerOn) {
        changeNewie(bigImage, c);
        t = setTimeout("cycle()", time);
    }
}

function manualToggle(imgId, newsId) {
    clearTimeout(t);
    timerOn = false;
    preloadedImage = new Image();
    preloadedImage.src = slideData[newsId].img;
    changeNewie(imgId, newsId);
    t = setTimeout("startCycle()", restartTime);
}

function changeNewie(imgId, newsId) {
    if (imgTimer != null) {
        clearTimeout(imgTimer);
        clearTimeout(textTimer);
        clearTimeout(thumbBordTimer);
    }
    if (image == null) {
        image = document.getElementById(imgId);
        image.str = "image";
    }
    var canvas = document.getElementById(canvas_id);
    if (_switch) {
        canvas.style.backgroundImage = "url(" + preloadedImage.src + ")";
        canvas.style.backgroundRepeat = 'no-repeat';
        callFadeOut("image", "imgTimer");
    } else {
        setOpacity(image, 0);
        image.src = preloadedImage.src;
        callFadeIn("image", "imgTimer");
    }

    // nahrada volani AJAX
    resolvedText= slideData[newsId].title;

    image.alt = resolvedText;

    c = ((newsId) % 5) + 1;
    preloadedImage = new Image();
    preloadedImage.src = slideData[c].img;
    _switch = !_switch;

    if (text == null) {
        text = document.getElementById("link_text");
        text.str = "text";
    }
    setOpacity(text, 0);
    text.innerHTML = resolvedText;
    text.title = resolvedText;

    callFadeIn("text", "textTimer");

    if (thumbBorder == null) {
        thumbBorder = document.getElementById(lastThumb);
        thumbBorder.str = "thumbBorder";
    }
    thumbBorder.className = deselctedThumbClass;
    lastThumb = thumbDiv + newsId;
    thumbBorder = document.getElementById(lastThumb);
    thumbBorder.str = "thumbBorder";
    setOpacity(thumbBorder, 0);
    thumbBorder.className = selectedThumbClass;
    callFadeIn("thumbBorder", "thumbBordTimer");
    if (linkImg == null) {
        linkImg = document.getElementById("link_img");
    }

    link = slideData[newsId].url;

    text.href = link;
    linkImg.href = link;
    linkImg.title = resolvedText;
}

function setOpacity(ele, level) {
    ele.style.opacity = level;
    ele.style.MozOpacity = level;
    ele.style.KhtmlOpacity = level;
    ele.style.filter = "alpha(opacity=" + (level * 100) + ");";
}

function callFadeIn(id, timer) {
    setTimeout("recFadeIn(" + id + "," + (0) + "," + timer + " )", 0);
}

function recFadeIn(id, i, timer) {
    if (i <= steps) {
        opacity = (i * 1) / steps;
        setOpacity(id, opacity);
        timer = setTimeout("recFadeIn(" + id.str + "," + (i + 1) + "," + timer + " )", steps);
    }
}

function callFadeOut(id, timer) {
    setTimeout("recFadeOut(" + id + "," + (0) + "," + timer + " )", 0);
}

function recFadeOut(id, i, timer) {
    if (i <= steps) {
        opacity = 1 - ((i * 1) / steps);
        setOpacity(id, opacity);
        timer = setTimeout("recFadeOut(" + id.str + "," + (i + 1) + "," + timer + " )", steps);
    }
}