/*globalni hodnoty*/
var ratvalue = 0;   //vychozi hodnota celkoveho prumerneho hodnoceni
var product;        //id produktu, ktery je hodnocen
var starw = 16;     //konfigurace sirky hvezdicky

//prepodcte sirky vyberu hvezdicek
var prv1 = starw+'px';
var prv2 = (starw*2)+'px';
var prv3 = (starw*3)+'px';
var prv4 = (starw*4)+'px';
var prv5 = (starw*5)+'px';

/*inicializuje zobrazeni hodnoceni, zobrazi podle toho zda se jedna
 *o staticke zobrazeni hodnoceni (set = 0), nebo zive hodnoceni (set = 1)
 *soucasne prebira aktualni hodnotu hodnoceni (val)*/
function initRater(product,val,set) {

    document.cookie = "test=true";
    if (document.cookie == '') {
        var r = document.getElementById("rater-my-block");
        set = 0; //ne, nemuze hodnotit
        r.style.visibility = 'hidden';
    }

    ratvalue = val*starw;
    product = product;
    var ratval = ratvalue+'px';
    var h = document.getElementById("rater-box-stars");
    if (set == 1) {
       h.innerHTML =   '<li class="progress" id="rater-progress" style="width:'+ratval+';"></li>'+
                        '<li><a href="?hodnoceni-id='+product+'&hodnoceni-val=1" title="" id="hvezdicka1" onclick="writeRate('+product+',1);return false;" onfocus="changeProgress(1);" onmouseover="changeProgress(1)" onmouseout="changeProgress(0);" onblur="changeProgress(0);"></a></li>'+
                        '<li><a href="?hodnoceni-id='+product+'&hodnoceni-val=2" title="" id="hvezdicka2" onclick="writeRate('+product+',2);return false;" onfocus="changeProgress(2);" onmouseover="changeProgress(2)" onmouseout="changeProgress(0);" onblur="changeProgress(0);"></a></li>'+
                        '<li><a href="?hodnoceni-id='+product+'&hodnoceni-val=3" title="" id="hvezdicka3" onclick="writeRate('+product+',3);return false;" onfocus="changeProgress(3);" onmouseover="changeProgress(3)" onmouseout="changeProgress(0);" onblur="changeProgress(0);"></a></li>'+
                        '<li><a href="?hodnoceni-id='+product+'&hodnoceni-val=4" title="" id="hvezdicka4" onclick="writeRate('+product+',4);return false;" onfocus="changeProgress(4);" onmouseover="changeProgress(4)" onmouseout="changeProgress(0);" onblur="changeProgress(0);"></a></li>'+
                        '<li><a href="?hodnoceni-id='+product+'&hodnoceni-val=5" title="" id="hvezdicka5" onclick="writeRate('+product+',5);return false;" onfocus="changeProgress(5);" onmouseover="changeProgress(5)" onmouseout="changeProgress(0);" onblur="changeProgress(0);"></a></li>';

    }
    else if (set == 0)  {
        h.innerHTML =   '<li class="progress" id="rater-progress" style="width:'+ratval+';"></li>';
    }

}

/*meni zobrazeni pri prechazeni po hvezdickach*/
function changeProgress(id) {
    var r = document.getElementById("rater-my-text");
    var p = document.getElementById("rater-progress");
    if (id == 0) {
        r.innerHTML = "Dosud jste nehodnotil/a";
        var ratval = ratvalue+'px';
        p.style.width = ratval;
    }
    if (id == 1) {
        p.style.width = prv1;
        r.innerHTML = "1,00 - Neuspokojivé";
    }
    else if (id == 2) {
        p.style.width = prv2;
        r.innerHTML = "2,00 - Uspokojivé";
    }
    else if (id == 3) {
        p.style.width = prv3;
        r.innerHTML = "3,00 - Průměrné";
    }
    else if (id == 4) {
        p.style.width = prv4;
        r.innerHTML = "4,00 - Výborné";
    }
    else if (id == 5) {
        p.style.width = prv5;
        r.innerHTML = "5,00 - Skvělé";
    }
}

//po kliknuti na hvezdicku spusti v PHP tride zpracovani hodnoceni
function writeRate(prod,val) {
    startPHP('classes/Hodnoceni.class.php?hlasuj='+prod+'&val='+val);
}

//po zapocitani hodnoceni spusteneho JS dokonci zmenu
function finishRate(prod,naval,val,avrt,myval) {
    initRater(prod,val,0);
    var a = document.getElementById("rater-progress");
    var r = document.getElementById("rater-avr-text");
    var m = document.getElementById("rater-my-text");
    a.style.width = naval+"px";
    r.innerHTML = avrt;
    m.innerHTML = myval;
}

//window.onload = function() {
//    var r = document.getElementById("sel-line").value;
//    if (r > -1) {
//        showHTMLLine(document.getElementById("sel-line").value,0);
//    }
//}

/*textova podoba vybirane rady*/
function showLine(id,set) {
   
   if (set == 1) {
        showHTMLLine(id,1);
   } else {
      showHTMLLine(document.getElementById("sel-line").value,0);
   }
}

function showHTMLLine(id,all) {
    var t = document.getElementById("select-line");
    if (id == 1) t.innerHTML = "Normální a smíšená pleť";
    else if (id == 1) t.innerHTML = "Normální a smíšená pleť";
    else if (id == 2) t.innerHTML = "Suchá pleť";
    else if (id == 3) t.innerHTML = "Mastná a smíšená pleť";
    else if (id == 4) t.innerHTML = "První známky stárnutí";
    else if (id == 5) t.innerHTML = "Zralá pleť";
    else if (id == 6) t.innerHTML = "Péče o tělo";
    else if (id == 7 && all == 0) t.innerHTML = "Vyberte řadu:";
    else if (id == 7 && all == 1) t.innerHTML = "Všechny řady";
}

//vytvori dynamicky script tag s PHP , phps = pouzity php vcetne pripadnych parametru
function startPHP(phps) {
    // odmazeme stary skrypt, pokud existoval
    var hlavicka = document.getElementsByTagName('head')[0];
    var dataLoader = document.getElementById('scriptLoader');
    if(dataLoader) hlavicka.removeChild(dataLoader);
    var script = document.createElement('script');
    script.id = 'scriptLoader';
    script.src = phps;
    var x = document.getElementsByTagName('head')[0];
    x.appendChild(script);

    return false;
}
