/*
    for (neco in window) 
        document.getElementById("debug").innerHTML +=
            neco+": "+window[neco]+"<br />\n";
*/

  // rozmery pozadi:
  var sirkap = 844;
  var vyskap = 633;

  // rozmery maleho bonbonu (polozky menu)
  // (zakladni velikost vuci rozmerum pozadi)
  var sirkam =  85; 
  var vyskam =  37; // ??sirkam * 81/191;

  // rozmery okna s obsahem:
  var sirkao = 535;
  var vyskao = 225;

  // rozmery uvodniho loga:
  var sirkal = 593;
  var vyskal = 243;

  // pozice jednotlivych polozek menu (vzhledem k sirkap a vyskap):
  // (konzistentne s CSS)
  var pozicePolozek = {
      "news"     : { "left" : 143, "top" :  53},
      "live"     : { "left" : 302, "top" :  53},
      "art"      : { "left" : 458, "top" :  53},
      "info"     : { "left" : 617, "top" :  53},
                                              
      "forum"    : { "left" : 143, "top" : 542},
      "pictures" : { "left" : 302, "top" : 542},
      "download" : { "left" : 458, "top" : 542},
      "links"    : { "left" : 617, "top" : 542},

      // samotne okno s obsahem:
      "obsah"    : { "left" : 160, "top" : 205},

      // uvodni logo:
      "logo"     : { "left" : 130, "top" : 200}
  };
  // ----


function init() {
    // likvidace MSIE centrovani:
    document.getElementsByTagName("BODY")[0].style.textAlign = "left";

    // pridame roztahovatelne obrazky, zrusime ty ze stylu:
    var pozadi    = new Image();
    pozadi.src    = "http://www.zima.in/img/pozadi_633.jpg";
    pozadi.width  = sirkap;
    pozadi.height = vyskap;
    pozadi.id     = "bonbon";

    document.getElementById("bonbondiv").appendChild(pozadi);
    document.getElementById("bonbondiv").style.backgroundImage = "none";
    document.getElementById("bonbondiv").style.width  = "0px";
    document.getElementById("bonbondiv").style.height = "0px";
    document.getElementById("bonbondiv").style.position = "absolute";

    // logo
    if (document.getElementById("logo")) {
        var logo_obr    = new Image();
        logo_obr.src    = "http://www.zima.in/img/logo2134.jpg";
        logo_obr.width  = sirkal;
        logo_obr.height = vyskal;
        logo_obr.id     = "logo_obr";

        document.getElementById("logo").appendChild(logo_obr);
        document.getElementById("logo").style.backgroundImage = "none";
        document.getElementById("logo").style.width  = "0px";
        document.getElementById("logo").style.height = "0px";

        document.getElementById("logo").style.zIndex = "80";
    }
}

function prepocitej() {
    sirkaOkna =   (window.innerWidth) ? window.innerWidth
                : (document.documentElement
                   && document.documentElement.clientWidth) ?
                  document.documentElement.clientWidth
                : (document.body && document.body.clientWidth) ?
                  document.body.clientWidth
                : null; // 1004?

    vyskaOkna =   (window.innerHeight) ? window.innerHeight
                : (document.documentElement
                   && document.documentElement.clientHeight) ?
                  document.documentElement.clientHeight
                : (document.body && document.body.clientHeight) ?
                  document.body.clientHeight
                : null; // 597?

//    alert(sirkaOkna + "x" +vyskaOkna);

    var obrazek = document.getElementById("bonbon");
    obrazek.style.zIndex = "1";
    obrazek.style.position = "absolute";

    var pomer = (sirkaOkna/vyskaOkna <= sirkap/vyskap)
                     ? (sirkaOkna)  / sirkap
                     : (vyskaOkna) / vyskap;

    obrazek.width  = Math.round(sirkap * pomer);
    obrazek.height = Math.round(vyskap * pomer);
//    alert(obrazek.width+" x "+obrazek.height);

    var obrazek_left = 0;
    var obrazek_top  = 0;
    obrazek.style.left = 
        (obrazek_left = Math.round((sirkaOkna - obrazek.width) / 2))
        + "px";
    obrazek.style.top  = 
        (obrazek_top  = Math.round((vyskaOkna - obrazek.height) / 2))
        + "px";

    if (pol = document.getElementById("logo")) {
        pol.style.left = (
            obrazek_left
            + Math.round(pozicePolozek["logo"]["left"] * pomer)
            ) + "px";

        pol.style.top  =
            (obrazek_top
             + Math.round(pozicePolozek["logo"]["top"] * pomer)
            ) + "px";

        var logo_obr = document.getElementById("logo_obr");
        logo_obr.width      = Math.round(sirkal * pomer);
        logo_obr.height     = Math.round(vyskal * pomer);
    }

    if (document.getElementById("menu")) {
        var menu = document.getElementById("menu");
        for (i=0; i<menu.childNodes.length; i++) {
            var pol = menu.childNodes[i];
            if (pol.tagName == "LI") {
                // nejdriv nastavime pozici LIcka jako parenta kotvy
                pol.style.left = 
                    (obrazek_left
                     + Math.round(pozicePolozek[pol.id]["left"] * pomer)
                    ) + "px";

                pol.style.top  =
                    (obrazek_top
                     + Math.round(pozicePolozek[pol.id]["top"] * pomer)
                    ) + "px";

                // pak rozmery pro kotvu:
                pol = pol.firstChild; // = kotva roztazena do blocku

                pol.style.width      = Math.round(sirkam * pomer) + "px";
                pol.style.height     = Math.round(vyskam * pomer) + "px";
                pol.style.fontSize   = Math.round(vyskam * pomer / 3.5) + "px";
                pol.style.lineHeight = Math.round((vyskam - 2) * pomer) + "px";
            }
        }
    }

    if (document.getElementById("obsah")) {
        var obsah = document.getElementById("obsah");
        obsah.style.position = "absolute";
        obsah.style.left   = (obrazek_left
                              + Math.round(pozicePolozek["obsah"]["left"] * pomer)
                             ) + "px";
        obsah.style.top    = (obrazek_top 
                              + Math.round(pozicePolozek["obsah"]["top"] * pomer)
                             ) + "px";
        obsah.style.width  = Math.round(sirkao * pomer) + "px";
        obsah.style.height = Math.round(vyskao * pomer) + "px";
//        obsah.style.fontSize = Math.round(vyskam * pomer / 3.5) + "px";
    }
}

window.onresize = prepocitej;