// JavaScript Document
function hideDivs() { // asi ich nebude ani treba 
 styl = document.getElementById("fullcena").style;
 styl.visibility = "hidden";
 
   // zisti vysku okna a stred
  wY = document.body.clientHeight;
  stredY = Math.round(wY/2); // stred okna Y
  // zisti sirku okna a stred
  wX = document.body.clientWidth;
  stredX = Math.round(wX/2); // stred okna X
  // vypocitaj zmensenie
    if (wX <= 1015){
      if (wX <= 792) {
        sc = 0.779; // minimalny rozmer stranky
      } else {
        sc = wX/1020; // scale zmensenie/zvacsenie
      }
    } else {
      sc = 1; // scale zmensenie/zvacsenie
    } 
  // vypocitaj sirku a vysku stranky
  pageW = Math.round(1015*sc)-6;
  pageH = Math.round(792*sc)-6;
  // vypocitaj nulu
  nulaX = Math.round((wX - pageW)/2); // pociatok stranky v okne
  nulaY = Math.round((wY - pageH)/2); // pociatok stranky v okne
  // nula je najmenej nula !!!
  if (nulaX <= 0){ nulaX = 0;}
  if (nulaY <= 0){ nulaY = 0;}
  // ---------------------------------------------------------------------------
  //     nastavenie parametrov stranky a ostatnych divov
  // ---------------------------------------------------------------------------
  var objekt = document.getElementById("stranka").style; // stranka-div so vsetkym
  objekt.position = "absolute";
  objekt.top = nulaY+'px';
  objekt.left = nulaX+'px';
  objekt.width = pageW+'px';
  objekt.height = pageH+'px';
  // ------------------- Obrazok a sipka spat-home -----------------------------
  objekt = document.getElementById("addr").style; // addr
  objekt.width = 45*sc+'px';
  objekt.height = 792*sc+'px';
  // ------------------- Sipka na lavo hore spat-home --------------------------
  objekt = document.getElementById("homeimg").style; // homeimg
  objekt.width = 45*sc+'px';
  // ------------------- Odkaz na lavo hore spat-home --------------------------
  objekt = document.getElementById("home").style; // home
  objekt.width = 45*sc+'px';
  // ------------------- Odkaz na lavo zvislo na e-mail ------------------------
  objekt = document.getElementById("posta").style; // posta
  objekt.width = 25*sc+'px';
  objekt.top = 90*sc+'px';
  // ------------------- Obrazok na lavo s adresou -----------------------------
  objekt = document.getElementById("postaimg").style; // posta
  objekt.width = 50*sc+'px';
  
  
  // ------------------- div-nazov, h3 a obrazok -------------------------------
  objekt = document.getElementById("nazov").style; // nazov
  objekt.width = 250*sc+'px';
  objekt.height = 180*sc+'px';
  // ------------------- Obrazok nazov -----------------------------------------
  objekt = document.getElementById("nazovimg").style; // nazov obr
  objekt.width = 250*sc+'px';
  objekt.height = 180*sc+'px';
  // ------------------- Popis vyrobku -----------------------------------------
  objekt = document.getElementById("popis").style; // popis
  objekt.width = 250*sc+'px';
  objekt.height = 370*sc+'px';
  objekt.fontSize = 18*sc+'px';
  objekt.top = 180*sc+'px';
  // ------------------- 4 verzie vyrobku --------------------------------------
  objekt = document.getElementById("AAdiv").style; // varianty
  objekt.width = 230*sc+'px';
  objekt.height = 240*sc+'px';
  objekt.top = 554*sc+'px';
  objekt.left = 85*sc+'px';
  // ------------------- 1 verzia vyrobku --------------------------------------
  objekt = document.getElementById("AA11").style; // varianty
  objekt.width = 108*sc+'px';
  objekt.height = 108*sc+'px';
  // ------------------- 2 verzia vyrobku --------------------------------------
  objekt = document.getElementById("AA12").style; // varianty
  objekt.width = 108*sc+'px';
  objekt.height = 108*sc+'px';
  // ------------------- 3 verzia vyrobku --------------------------------------
  objekt = document.getElementById("AA21").style; // varianty
  objekt.width = 108*sc+'px';
  objekt.height = 108*sc+'px';
  // ------------------- 4 verzia vyrobku --------------------------------------
  objekt = document.getElementById("AA22").style; // varianty
  objekt.width = 108*sc+'px';
  objekt.height = 108*sc+'px';
  // ------------------- 1 verzia vyrobku --------------------------------------
  objekt = document.getElementById("AA11img").style; // varianty img
  objekt.width = 108*sc+'px';
  objekt.height = 108*sc+'px';
  // ------------------- 2 verzia vyrobku --------------------------------------
  objekt = document.getElementById("AA12img").style; // varianty img
  objekt.width = 108*sc+'px';
  objekt.height = 108*sc+'px';
  // ------------------- 3 verzia vyrobku --------------------------------------
  objekt = document.getElementById("AA21img").style; // varianty img
  objekt.width = 108*sc+'px';
  objekt.height = 108*sc+'px';
  // ------------------- 4 verzia vyrobku --------------------------------------
  objekt = document.getElementById("AA22img").style; // varianty img
  objekt.width = 108*sc+'px';
  objekt.height = 108*sc+'px';
  // ------------------- aktualna verzia vyrobku -------------------------------
  objekt = document.getElementById("vyobrazenie").style; // vyobrazenie
  objekt.width = 590*sc+'px';
  objekt.height = 590*sc+'px';
  objekt.left = 335*sc+'px';
  // ------------------- aktualna verzia obrazok -------------------------------
  objekt = document.getElementById("vyobrazenieimg").style; // vyobrazenieimg
  objekt.width = 590*sc+'px';
  objekt.height = 590*sc+'px';
  // ------------------- prehlad ostatnych produktov ---------------------------
  objekt = document.getElementById("produkty").style; // produkty
  objekt.width = 75*sc+'px';
  objekt.left = 948*sc+'px';
  objekt.top = 8*sc+'px';
  //alert(objekt.left);
  //alert(objekt.top);
  // ------------------- 1 odkaz pravy stlpec ----------------------------------
  objekt = document.getElementById("BB1").style; // BB odkaz
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 1 obrazok pravy stlpec --------------------------------
  objekt = document.getElementById("BB1img").style; // BB obr
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 2 odkaz pravy stlpec ----------------------------------
  objekt = document.getElementById("BB2").style; // BB odkaz
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 2 obrazok pravy stlpec --------------------------------
  objekt = document.getElementById("BB2img").style; // BB obr
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 3 odkaz pravy stlpec ----------------------------------
  objekt = document.getElementById("BB3").style; // BB odkaz
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 3 obrazok pravy stlpec --------------------------------
  objekt = document.getElementById("BB3img").style; // BB obr
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 4 odkaz pravy stlpec ----------------------------------
  objekt = document.getElementById("BB4").style; // BB odkaz
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 4 obrazok pravy stlpec --------------------------------
  objekt = document.getElementById("BB4img").style; // BB obr
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 5 odkaz pravy stlpec ----------------------------------
  objekt = document.getElementById("BB5").style; // BB odkaz
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 5 obrazok pravy stlpec --------------------------------
  objekt = document.getElementById("BB5img").style; // BB obr
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 6 odkaz pravy stlpec ----------------------------------
  objekt = document.getElementById("BB6").style; // BB odkaz
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 6 obrazok pravy stlpec --------------------------------
  objekt = document.getElementById("BB6img").style; // BB obr
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 7 odkaz pravy stlpec ----------------------------------
  objekt = document.getElementById("BB7").style; // BB odkaz
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 7 obrazok pravy stlpec --------------------------------
  objekt = document.getElementById("BB7img").style; // BB obr
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 8 odkaz pravy stlpec ----------------------------------
  objekt = document.getElementById("BB8").style; // BB odkaz
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 8 obrazok pravy stlpec --------------------------------
  objekt = document.getElementById("BB8img").style; // BB obr
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 9 odkaz pravy stlpec ----------------------------------
  objekt = document.getElementById("BB9").style; // BB odkaz
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 9 obrazok pravy stlpec --------------------------------
  objekt = document.getElementById("BB9img").style; // BB obr
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 10 odkaz pravy stlpec ---------------------------------
  objekt = document.getElementById("BB10").style; // BB odkaz
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 10 obrazok pravy stlpec -------------------------------
  objekt = document.getElementById("BB10img").style; // BB obr
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 11 odkaz pravy stlpec ---------------------------------
  objekt = document.getElementById("BB11").style; // BB odkaz
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 11 obrazok pravy stlpec -------------------------------
  objekt = document.getElementById("BB11img").style; // BB obr
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 12 odkaz pravy stlpec ---------------------------------
  objekt = document.getElementById("BB12").style; // BB odkaz
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 12 obrazok pravy stlpec -------------------------------
  objekt = document.getElementById("BB12img").style; // BB obr
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 13 odkaz pravy stlpec ---------------------------------
  objekt = document.getElementById("BB13").style; // BB odkaz
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 13 obrazok pravy stlpec -------------------------------
  objekt = document.getElementById("BB13img").style; // BB obr
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 14 odkaz pravy stlpec ---------------------------------
  objekt = document.getElementById("BB14").style; // BB odkaz
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  // ------------------- 14 obrazok pravy stlpec -------------------------------
  objekt = document.getElementById("BB14img").style; // BB obr
  objekt.width = 49*sc+'px';
  objekt.height = 49*sc+'px';
  
  
  
  
  
  
  
  // kontakt a cenu hodit na absolutne pozicie a vysuvanie tak isto
                              
  // ------------------- ---- --------------------------------------------------
  objekt = document.getElementById("ktxt").style; // kontakt + fullkontakt
  objekt.fontSize = 18*sc+'px';
  // ------------------- ---- --------------------------------------------------
  objekt = document.getElementById("kontakt").style; // kontakt
  objekt.top = 760*sc+'px';
  objekt.left = 325*sc+'px';
  objekt.width = 85*sc+'px';
  objekt.height = 20*sc+'px';               
  // ------------------- ---- --------------------------------------------------
  objekt = document.getElementById("fullkontakt").style; // obsah kontaktu
  objekt.position = 'absolute';
  objekt.fontSize = 14*sc+'px';
  objekt.left = 0+'px';
  objekt.borderWidth = 5*sc+'px';
   // ------------------- ---- --------------------------------------------------
  objekt = document.getElementById("ctxt").style; // cena + fullcena
  objekt.fontSize = 18*sc+'px';
  // ------------------- ---- --------------------------------------------------
  objekt = document.getElementById("cena").style; // cena
  objekt.top = 760*sc+'px';
  objekt.left = 505*sc+'px';
  objekt.width = 400*sc+'px';
  objekt.height = 20*sc+'px';
  // ------------------- ---- --------------------------------------------------
  objekt = document.getElementById("fullcena").style; // popis pri cene
  objekt.position = 'absolute';
  objekt.fontSize = 14*sc+'px';
  objekt.left = 0+'px';
  objekt.borderWidth = 5*sc+'px';
} // koniec pociatocnych nastavovaciek a skryvaciek - on load

var del = 10;                            // ???
var krokk = 0; var krokc = 0;            // krok pri vysuvani kontaktu, ceny
var UPk = false; var UPc = false;        // uz je hore kontakt, cena
var DNk = true; var DNc = true;          // uz je dole kontakt, cena
var stkID = 0; var stcID = 0;            // ???
var kroll = false; var croll = false;    // roluje kontakt, cena

function pullUPk(){

  if (krokk > 10) {
    window.clearInterval(stkID);
    stkID = 0;
    kroll = false;
    UPk = true;
    krokk = 10;
  } else {
    styl = document.getElementById("fullkontakt").style;
    styl.visibility = 'visible';
    styl.padding = 5*sc+'px';
    styl.width = 300*sc+'px';
    styl.height = krokk*10*sc+'px';  // nastavenie vysky
    vrch = -krokk*10;
    styl.top = vrch*sc+'px'; 
    DNk = false;
    krokk = krokk + 1;   
  }
}

function pullDNk(){ 

  if (krokk < 0) {
    window.clearInterval(stkID);
    stkID = 0;
    kroll = false;
    DNk = true;
    krokk = 0;
    styl = document.getElementById("fullkontakt").style;
    styl.height = "0px";
    styl.top = "0px";
    styl.visibility = "hidden";
  } else {
    styl = document.getElementById("fullkontakt").style;
    styl.visibility = "visible";
    styl.width = 300*sc+'px';
    styl.height = krokk*10*sc+'px';  // nastavenie vysky
    vrch = 0-krokk*10;
    styl.top = vrch*sc+'px';
    krokk = krokk - 1;
  } 
}

function showkont() {
  if (kroll || !DNk) { // bud roluje alebo je hore 
  }
  else { // neroluje a je dolu mozem spustit odkryvanie
   kroll = true; // roluje
   krokk=0; // od nuly
   DNk = false; // nie je dolu
   stkID = window.setInterval("pullUPk()", del);
   hidec(); // skry cenu
 }
}

function hidek() {
  if (kroll || !UPk) { // bud roluje alebo nie je hore 
  }
  else
  { // je hore a neroluje mozem spustit skryvanie
    window.clearInterval(stkID); // stopni pripadne vysuvanie
    stkID = window.setInterval("pullDNk()", del); // nastav skryvanie
    UPk = false; // nieje hore
    kroll = true;  // roluje
    krokk = 10; // od 10
  }
}
// =============================================================================
// =============================================================================

function showcena() {
  if (croll || !DNc) { // bud roluje alebo je hore 
  }
  else { // neroluje a je dolu mozem spustit odkryvanie
   croll = true; // roluje
   krokc=0; // od nuly
   DNc = false; // nie je dolu
   stcID = window.setInterval("pullUPc()", del);
   hidek(); // skry kontakty
 }
}

function hidec() {
  if (croll || !UPc) { // bud roluje alebo nie je hore 
  }
  else
  { // je hore a neroluje mozem spustit skryvanie
    window.clearInterval(stcID); // stopni pripadne vysuvanie
    stcID = window.setInterval("pullDNc()", del); // nastav skryvanie
    UPc = false; // nieje hore
    croll = true;  // roluje
    krokc = 10; // od 10
  }
}

function pullUPc(){
  if (krokc > 10) {
    window.clearInterval(stcID);
    stcID = 0;
    croll = false;
    UPc = true;
    krokc = 10;
  } else {
    styl = document.getElementById("fullcena").style;
    styl.visibility = 'visible';
    styl.padding = 5*sc+'px';
    styl.width = 400*sc+'px';
    styl.height = krokc*10*sc+'px';  // nastavenie vysky
    vrch = -krokc*10;
    styl.top = vrch*sc+'px'; 
    DNc = false;           
  
  //alert('vyska ='+vrch);
  
    krokc = krokc + 1;
  }
}

function pullDNc(){

  if (krokc < 0) {
    window.clearInterval(stcID);
    stcID = 0;
    croll = false;
    DNc = true;
    krokc = 0;
    styl = document.getElementById("fullcena").style;
    styl.height = "0px";
    styl.top = "0px";
    styl.visibility = "hidden";
  } else {
    styl = document.getElementById("fullcena").style;
    styl.visibility = "visible";
    styl.width = 400*sc+'px';
    styl.height = krokc*10*sc+'px';  // nastavenie vysky
    vrch = 0-krokc*10;
    styl.top = vrch*sc+'px';
    krokc = krokc - 1;
  } 
}