var od=1;
var po;
var max=0;
var imgCont = new Array();
var imgComm = new Array();
var imgHead = new Array();

var globalmax=5;
var root="/";
var apendix="1";

function defFoto() {

  imgCont[1]=["/foto/scenograf/pokojicek01.jpg","1","/foto/scenograf/pokojicek01.jpg"];
  imgComm[1]='Srpen 2010 | První fáze přípravy scény dětského pokojíčku.';
  imgCont[2]=["/foto/scenograf/in_progress_zahrada_01.jpg","2","/foto/scenograf/in_progress_zahrada_01.jpg"];
  imgComm[2]='Srpen 2010 | Skica scény parku, která se během okamžiku mění v barevnou fantazii.';
  imgCont[3]=["/foto/scenograf/Wilz_01.jpg","3","/foto/scenograf/Wilz_01.jpg"];
  imgComm[3]='Červenec 2010 | Děkovačka na premiéře ve Wilzu (Lucembursko)';
  imgCont[4]=["/galerie/motiv/_Mestecko07.jpg","4","/galerie/motiv/_Mestecko07.jpg"];
  imgComm[4]='<strong><span style="font-weight: normal" class="Apple-style-span"><strong>Červenec 2010  </strong>|<span style="white-space: pre" class="Apple-tab-span">  </span>Vizualizace scény vesnice k představení Kráska a Netvor.</span></strong>';
  imgCont[5]=["/foto/koncepce/pralesMalba01.jpg","5","/foto/koncepce/pralesMalba01.jpg"];
  imgComm[5]='Malba pralesa k inscenaci Kráska a Netvor.';
  imgCont[6]=["/galerie/motiv/MaryPoppins.jpg","6","/galerie/motiv/MaryPoppins.jpg"];
  imgComm[6]='<strong><span style="font-weight: normal" class="Apple-style-span"><strong>Červen 2010  </strong>|<span style="white-space: pre" class="Apple-tab-span">  </span>Návrh euroboardu k představení Mary Poppins.</span></strong>';
  imgCont[7]=["/galerie/motiv/masky_cinema.jpg","7","/galerie/motiv/masky_cinema.jpg"];
  imgComm[7]='<strong><span style="font-weight: normal" class="Apple-style-span"><strong>Květen 2010  </strong>|<span style="white-space: pre" class="Apple-tab-span">  </span>Vizuální motiv Slavnosti masek 2010.</span></strong>';
  imgCont[8]=["/galerie/motiv/masky_live.jpg","8","/galerie/motiv/masky_live.jpg"];
  imgComm[8]='Vizuální motiv Slavnosti masek a můj logotyp divadelního světa jako kulisa pro orchestr MDB.';
  imgCont[9]=["/galerie/motiv/Becket1.jpg","9","/galerie/motiv/Becket1.jpg"];
  imgComm[9]='Duben 2010  |  Logotyp a motiv pro představení <a href="http://www.mdb.cz/inscenace/226-becket-aneb-cest-bozi/" title="Becket v MDB" class="external">Becket</a> v Městském divadle Brno.';
  imgHead[1]= "/head/Mary_head.jpg";
  imgHead[2]= "/head/head_ilu.jpg";
  imgHead[3]= "/head/dsb_head02.jpg";
  imgHead[4]= "/head/head_SA.jpg";
  imgHead[5]= "/head/head_masky.jpg";
  imgHead[6]= "/head/HEAD_techno02.jpg";
  imgHead[7]= "/head/head_story.jpg";
  imgHead[8]= "/head/evita_02.jpg";
  imgHead[9]= "/head/head_video.jpg";
  imgHead[10]= "/head/head_anim.jpg";
  imgHead[11]= "/head/head_mesto.jpg";
  imgHead[12]= "/head/head_00.jpg";
  imgHead[13]= "/head/HEAD_techno02.jpg";
  imgHead[14]= "/head/head_techno.jpg";
  imgHead[15]= "/head/HEAD_techno02.jpg";
  imgHead[16]= "/head/down03.jpg";
  max = imgCont.length - 1;
  if (max > 0) {
    if (max > globalmax) {
      html = '<img style="cursor:default;" src="'+root+'images/up_cb.gif" alt="" />';
    }
    else {
      html = '';
    }
    document.getElementById("up").innerHTML=html;

    po = (max > globalmax)?globalmax : max;
    html = '';
    for (var i=od; i<=po; i++) {
      html += '<div class="thumb"><a href="foto/" onclick="open_foto(\''+imgCont[i][0]+'\', \''+imgCont[i][1]+'\'); return false;"><img src="'+imgCont[i][2]+'" alt="" /></a></div>';
    }
    document.getElementById("right_content").innerHTML=html;

    if (max > globalmax) {
      html = '<img src="'+root+'images/down.gif" alt="" onclick="backup(\'+\')" />';
    }
    else {
      html = '';
    }
    document.getElementById("down").innerHTML=html;

    var thumb  = new Array();
    var thumbb = new Array();
    for (var i=1; i<imgCont.length; i++) {
      thumb[i] = new Image();
      thumbb[i] = new Image();
      thumb[i].src = imgCont[i][0];
      thumbb[i].src = imgCont[i][2];
    }
  }
}

window.onload = function() {
  if (document.getElementById('page')) {
    var elm = document.getElementById('page');
    add_target(elm);
  }
  defFoto();

  if (apendix==1) {
    var promenna = new Array();
    for (var i=1; i<imgHead.length; i++) {
      promenna[i] = new Image();
      promenna[i].src = imgHead[i];
    }
  }
}

function add_target(elm) {
  var anchors = elm.getElementsByTagName("a");
  for (var i=0; i<anchors.length; i++) {
    if (anchors[i].className == "external") {
      anchors[i].target = "_blank";
    }
  }
}

function open_foto(elm, i) {
  document.getElementById('content_foto').innerHTML = '<img src="'+elm+'" alt="" />';
  document.getElementById('content_txt').style.display = "none";
  document.getElementById('content_foto').style.display = "block";
  document.getElementById('comment').innerHTML = imgComm[i];

  var elm = document.getElementById('comment');
  add_target(elm);
}

function backup(elm) {
  if (elm == "+") {od++; po++}
  if (elm == "-") {od--; po--}

  if (od == 1) {
    html = '<img style="cursor:default;" src="'+root+'images/up_cb.gif" alt="" />';
  }
  else {
    html = '<img src="'+root+'images/up.gif" alt="" onclick="backup(\'-\')" />';
  }
  document.getElementById("up").innerHTML=html;

  html = '';
  for (var i=od; i<=po; i++) {
    html += '<div class="thumb"><a href="foto/" onclick="open_foto(\''+imgCont[i][0]+'\', \''+imgCont[i][1]+'\'); return false;"><img src="'+imgCont[i][2]+'" alt="" /></a></div>';
  }
  document.getElementById("right_content").innerHTML=html;

  if (po == max) {
    html = '<img style="cursor:default;" src="'+root+'images/down_cb.gif" alt="" />';
  }
  else {
    html = '<img src="'+root+'images/down.gif" alt="" onclick="backup(\'+\')" />';
  }
  document.getElementById("down").innerHTML=html;
}