function showBox(box) {
  var boxes = new Array('service','options','layout','facilities','place');
  for(var i = 0; i < boxes.length; i++) {
    document.getElementById("box_"+boxes[i]).style.visibility = "hidden";
    document.getElementById("box_"+boxes[i]).style.display = "none";
    document.getElementById("topic_"+boxes[i]).className = "";
  }
  document.getElementById("box_"+box).style.visibility = "visible";
  document.getElementById("box_"+box).style.display = "block";
  document.getElementById("topic_"+box).className = "active";
}

function showGallery() {
	document.getElementById('topimage').style.visibility = "hidden";
	var galleryHeight = document.getElementById('property').offsetHeight;
  galleryHeight = galleryHeight + 252;
  document.getElementById('gallery').style.height = galleryHeight + "px";
  document.getElementById('gallerybg').style.height = galleryHeight + "px";
//  document.getElementById('galleryimage').src = images[0];
//  document.getElementById('galleryindex').innerHTML = "1 / " + images.length;
  document.getElementById("gallery").style.visibility = "visible";
  document.getElementById("gallery").style.display = "block";
  document.getElementById("gallerybg").style.visibility = "visible";
  document.getElementById("gallerybg").style.display = "block";
  document.getElementById("search").style.visibility = "hidden";
}

function unshowGallery() {
	document.getElementById('topimage').style.visibility = "visible";
  document.getElementById("gallery").style.visibility = "hidden";
  document.getElementById("gallery").style.display = "none";
  document.getElementById("gallerybg").style.visibility = "hidden";
  document.getElementById("gallerybg").style.display = "none";
  document.getElementById("search").style.visibility = "visible";
}

function gallerySwitchImage(what) {
  var image = document.getElementById('galleryimage').src;
  var newimage;
  switch (what) {
    case "prev":
      for (i = 0; i < images.length; i++) {
        if (images[i] == image) {
          if (i - 1 < 0) j = images.length - 1;
 					else j = i - 1;
          newimage = images[j];
          newindex = j + 1;
        }
      }
      break;
    case "next":
      for (i = 0; i < images.length; i++) {
        if (images[i] == image) {
          if (i + 1 == images.length) j = 0;
          else j = i + 1;
          newimage = images[j];
          newindex = j + 1;
        }
      }
      break;
  }
  document.getElementById('galleryimage').src = newimage;
  document.getElementById('galleryindex').innerHTML = newindex + " / " + images.length;
}
