window.onload = main;

var img_start = 0;
var img_end = 2;
var show_imgs = 3;
var img_list = (e('detail'))?e('img_list').getElementsByTagName('img'):new Array();
var actual_photo = 0;

function e(id) {
  return document.getElementById(id);
}
function switchPhoto(src,title) {
  for(var i = 0;i < img_list.length;++i) {
    img_list[i].className = '';
    if(src == img_list[i].src) {
      actual_photo = i;
      img_list[i].className = 'sel';
    }
  }
  var photo = e('large_photo');
  photo.src = src.replace('_th200','');
  photo.alt = title;
  return false;
}
function showPhotos(start,end) {
  var imgs = img_list;
    if(start < 0 ) start = 0;
    if(end >= imgs.length) end = imgs.length - 1;
    for(var i = 0;i < imgs.length;++i) {
      if(i < start || i > end)
        imgs[i].style.display = 'none';
      else
        imgs[i].style.display = '';
    }
    return imgs.length;
}
function nextPhoto() {
  var next = actual_photo + 1;
  if(next < img_list.length) {
    ++actual_photo;
    e('_large_photo_wnd').firstChild.innerHTML = img_list[next].parentNode.title;
    return img_list[next].src.replace('_th200','');
  } else {
    actual_photo = 0;
    e('_large_photo_wnd').firstChild.innerHTML = img_list[0].parentNode.title;
    return img_list[0].src.replace('_th200','');
  }
}
function prevPhoto() {
  var prev = actual_photo - 1;
  if(prev >= 0) {
    --actual_photo;
    e('_large_photo_wnd').firstChild.innerHTML = img_list[prev].parentNode.title;
    return img_list[prev].src.replace('_th200','');
  } else {
    actual_photo = img_list.length - 1;
    e('_large_photo_wnd').firstChild.innerHTML = img_list[actual_photo].parentNode.title;
    return img_list[actual_photo].src.replace('_th200','');
  }
}
function initLargePhoto() {
  var large_photo = e('large_photo');
  var wnd = document.createElement('div');
  wnd.id = '_large_photo_wnd';
  wnd.className = 'photo_wnd';
  wnd.style.display = 'none';
  wnd.style.padding = '10px';
  wnd.style.position = 'absolute';
  wnd.style.top = (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop) + 20 + 'px';
  wnd.innerHTML = '<center>' + large_photo.alt + '</center><div style="text-align:right"><a href="javascript:;" onclick="this.parentNode.parentNode.style.display=\'none\'" style="background:red;text-decoration:none">&nbsp;x&nbsp;</a></div><div><a onclick="e(\'_large_photo_img\').src=nextPhoto()" style="float: right" href="javascript:;">další ></a><a onclick="e(\'_large_photo_img\').src=prevPhoto()" href="javascript:;">< předchozí</a></div><img id="_large_photo_img" onclick="e(this.parentNode.style.display = \'none\')" alt="" />';
  document.body.appendChild(wnd);
  e('_large_photo_img').src = large_photo.src;
  width = e('_large_photo_img').width || 768;
  wnd.style.left = ((document.documentElement.clientWidth-width-20)/2)+'px';
  wnd.style.width = width;
  
  return e('_large_photo_img');
}
function showLargePhoto() {
  var large_photo = e('large_photo');
  var img = e('_large_photo_img');
  if(!img) { img = initLargePhoto(); }
  img.src = large_photo.src;
  e('_large_photo_wnd').firstChild.innerHTML = large_photo.alt;
  img.parentNode.style.display = 'block';
  img.parentNode.style.top = (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop) + 20 + 'px';
}
function main() {
  if(e('detail')) {
    var imgs = showPhotos(img_start,img_end);
    var prev = e('img_prev');
    var next = e('img_next');
    initLargePhoto();
    window.setInterval("e('_large_photo_wnd').style.width=e('_large_photo_img').width+'px'",500);
    prev.onclick = function(){
      e('large_photo').src = prevPhoto();
      for(var i = 0;i < img_list.length;++i) img_list[i].className = '';
      img_list[actual_photo].className = 'sel';
      if(actual_photo) {
        next.style.visibility = 'visible';
      } else prev.style.visibility = '';
      if(img_end >= show_imgs) {
        showPhotos(--img_start,--img_end);
      }
    };
    next.onclick = function(){
      e('large_photo').src = nextPhoto();
      for(var i = 0;i < img_list.length;++i) img_list[i].className = '';
      img_list[actual_photo].className = 'sel';
      if(actual_photo - img_list.length + 1) {
        prev.style.visibility = 'visible';
      } else next.style.visibility = '';
      if(img_end < imgs - 1) {
        showPhotos(++img_start,++img_end);
      }
    };
    if(imgs > 1) next.style.visibility = 'visible';
    e('large_photo').onclick = showLargePhoto;
  }
  if(e('nemovitosti_filtr')) {
    var subs = document.getElementsByTagName('dd');
    for(var i = 0;i < subs.length;++i) {
      if(subs[i].id.substr(0,4) == 'kraj') {
        var checked = false;
        var inputs = subs[i].getElementsByTagName('input');
        for(var i2 = 0;i2 < inputs.length;++i2) if(inputs[i2].checked) { checked = true; break; }
        if(!checked) {
          subs[i].style.display = 'none';
          e(subs[i].id + '_dt').style.display = 'none';
        }
      }
    }
    var regions = e('ul_kraje').getElementsByTagName('input');
    for(var i = 0;i < regions.length;++i) {
      regions[i].onclick = function(){ eval("var o=e(this.id+'_okresy');if(o)o.style.display=e(this.id+'_okresy_dt').style.display=(this.checked)?'':'none'"); }
    }
  }
}