var cookie_kliknuto = "id_cookie";
var id_aktualni = 1;

/* Funkce indikující na který obrázek bylo kliknuto v podstránkách produktů a jeho id uloží do cookie */
function Kliknuto(id_kliknuto) {
        
    if (document.cookie != document.cookie)
    { index = document.cookie.indexOf(cookie_kliknuto); }
    else
    { index = -1; }
    
    if (index == -1) {
        id_aktualni = id_kliknuto;
        document.cookie = cookie_kliknuto + "=" + id_aktualni + "; expires=Monday, 04-Apr-2030 05:00:00 GMT";
    }
    
}

/* Funkce, která přečte id kliknutého obrázku z cookie a uloží ho do proměnné id_aktualni */
function NactiZCookie() { 
    if(document.cookie)
        {
        index = document.cookie.indexOf(cookie_kliknuto);
        if (index != -1)
            {
            namestart = (document.cookie.indexOf("=", index) + 1);
            nameend = document.cookie.indexOf(";", index);
                if (nameend == -1) {nameend = document.cookie.length;}
                    id_aktualni = document.cookie.substring(namestart, nameend);
                    return id_aktualni;
            }
    }
 }


/* Funkce zobrazující kliknutý obrázek */
function ZobrazKliknuty() {
    id_aktualni = NactiZCookie();

    var zdroj = document.getElementById(id_aktualni).getElementsByTagName("img").item(0).getAttribute("src");
    var alt = document.getElementById(id_aktualni).getElementsByTagName("img").item(0).getAttribute("alt");
    var title = document.getElementById(id_aktualni).getElementsByTagName("img").item(0).getAttribute("title");
    var cil = document.getElementById("velky").getElementsByTagName("img").item(0);
    var p_produkt = document.getElementById("p_nadpis");
    var p_popis = document.getElementById("p_popis");

    cil.setAttribute("src", zdroj);
    document.getElementById("velky").setAttribute("href", zdroj);

    //p_produkt.textContent = alt;
    //p_popis.textContent = title;
    p_produkt.innerHTML = alt;
    p_popis.innerHTML = title;

    id_aktualni = id_obrazku.getAttribute("id");   
}

/* Funkce použitá při prokliku miniaturami */
function ZobrazVelky(id_obrazku) {
    var zdroj = id_obrazku.getElementsByTagName("img").item(0).getAttribute("src");
    var alt = id_obrazku.getElementsByTagName("img").item(0).getAttribute("alt");
    var title = id_obrazku.getElementsByTagName("img").item(0).getAttribute("title");
    var cil = document.getElementById("velky").getElementsByTagName("img").item(0);
    var p_produkt = document.getElementById("p_nadpis");
    var p_popis = document.getElementById("p_popis");

    cil.setAttribute("src", zdroj);
    document.getElementById("velky").setAttribute("href", zdroj);
    
    //p_produkt.textContent = alt;
    //p_popis.textContent = title;
    p_produkt.innerHTML = alt;
    p_popis.innerHTML = title;

    id_aktualni = id_obrazku.getAttribute("id");
}

/* Funkce pro zobrazení následujícího obrázku */
function Nasledujici() {
    var nasledujici_id = (id_aktualni * 1) + 1;
    var cil = document.getElementById("velky").getElementsByTagName("img").item(0);
    var nasledujici_img = document.getElementById(nasledujici_id).getElementsByTagName("img").item(0);
    
    var nasledujici_src = nasledujici_img.getAttribute("src");
    var nasledujici_alt = nasledujici_img.getAttribute("alt");
    var nasledujici_title = nasledujici_img.getAttribute("title");
    var p_produkt = document.getElementById("p_nadpis");
    var p_popis = document.getElementById("p_popis");

    cil.setAttribute("src", nasledujici_src);
    document.getElementById("velky").setAttribute("href", nasledujici_src);
    
    //p_produkt.textContent = nasledujici_alt;
    //p_popis.textContent = nasledujici_title;
    p_produkt.innerHTML = nasledujici_alt;
    p_popis.innerHTML = nasledujici_title;
    
    id_aktualni = nasledujici_id;
}

/* Funkce pro zobrazení předchozího obrázku */
function Predchozi() {
    var predchozi_id = (id_aktualni * 1) - 1;
    var cil = document.getElementById("velky").getElementsByTagName("img").item(0);
    var predchozi_img = document.getElementById(predchozi_id).getElementsByTagName("img").item(0);

    var predchozi_src = predchozi_img.getAttribute("src");
    var predchozi_alt = predchozi_img.getAttribute("alt");
    var predchozi_title = predchozi_img.getAttribute("title");
    var p_produkt = document.getElementById("p_nadpis");
    var p_popis = document.getElementById("p_popis");

    cil.setAttribute("src", predchozi_src);
    document.getElementById("velky").setAttribute("href", predchozi_src);

    //p_produkt.textContent = predchozi_alt;
    //p_popis.textContent = predchozi_title;
    p_produkt.innerHTML = predchozi_alt;
    p_popis.innerHTML = predchozi_title;
    
    id_aktualni = predchozi_id;
}

/* Funkce pro zobrazení prvního obrázku */
function Prvni() {
    var cil = document.getElementById("velky").getElementsByTagName("img").item(0);
    var prvni_img = document.getElementById("1").getElementsByTagName("img").item(0);

    var prvni_src = prvni_img.getAttribute("src");
    var prvni_alt = prvni_img.getAttribute("alt");
    var prvni_title = prvni_img.getAttribute("title");
    var p_produkt = document.getElementById("p_nadpis");
    var p_popis = document.getElementById("p_popis");

    cil.setAttribute("src", prvni_src);
    document.getElementById("velky").setAttribute("href", prvni_src);

    //p_produkt.textContent = prvni_alt;
    //p_popis.textContent = prvni_title;
    p_produkt.innerHTML = prvni_alt;
    p_popis.innerHTML = prvni_title;

    id_aktualni = 1;
}

/* Funkce pro zobrazení posledního obrázku */
function Posledni() {
    var cil = document.getElementById("velky").getElementsByTagName("img").item(0);
    var posledni_img = document.getElementById("16").getElementsByTagName("img").item(0);

    var posledni_src = posledni_img.getAttribute("src");
    var posledni_alt = posledni_img.getAttribute("alt");
    var posledni_title = posledni_img.getAttribute("title");
    var p_produkt = document.getElementById("p_nadpis");
    var p_popis = document.getElementById("p_popis");

    cil.setAttribute("src", posledni_src);
    document.getElementById("velky").setAttribute("href", posledni_src);

    //p_produkt.textContent = posledni_alt;
    //p_popis.textContent = posledni_title;
    p_produkt.innerHTML = posledni_alt;
    p_popis.innerHTML = posledni_title;

    id_aktualni = 16;
}