var images = new Array;
var images_loaded = 0;
var in_gallery = 0;
var maximized = 0;
var full_width = 800;
var old_click_text = '';

var image_list = new Array (
  "i/head.jpeg",
  "i/metal-leaf.jpeg",
  "i/antiqued-metal-leaf-cherry-bg.jpeg",
  "i/baltic-birch.jpeg",
  "i/frame-corners.jpeg",
  "i/karl.jpeg",
  "i/metal-leaf-cove.jpeg",
  "i/metal-leaf-detail.jpeg",
  "i/quarter-sawn-oak.jpeg",
  "i/urban-walnut.jpeg",
  "i/carved_and_gilded-small.jpeg",
  "i/quarter-sawn-oak-corner-small.jpeg",
  "i/gilding-small.jpeg"
);

function fixLinks() {
  var scheme = location.protocol;
  if (scheme=="http:" || scheme=="https:") return;
    var links = document.getElementsByTagName("a");
    for (var i = links.length; --i >= 0; ) {
      var link = links[i];
      var href = link.href;
      var hlen = href.length;
      if (hlen > 0 && link.protocol==scheme && href.charAt(hlen-1) == "/")
        links[i].href = href + "index.xhtml";
    }
}

function toGallery() {
    var home_div = document.getElementById('home');
    home_div.style.display = 'none';
    var gallery_div = document.getElementById('gallery');
    gallery_div.style.display = 'block';
    swap('i/frame-corners.jpeg', 800,
         'Frame corners: each frame is precisely assembled, then finished.');
    in_gallery = 1;
}

function toHome() {
    var home_div = document.getElementById('home');
    home_div.style.display = 'block';
    var gallery_div = document.getElementById('gallery');
    gallery_div.style.display = 'none';
    swap('i/karl-lo.jpeg', 800, '');
    in_gallery = 0;
}

function swap(src, width, caption) {
    var big_image = document.getElementById('big');
    if (src == "i/karl-lo.jpeg" && images_loaded) {
        src = "i/karl.jpeg";
    }
    big_image.src = src;
    big_image.width = width/2;
    var caption_p = document.getElementById('caption');
    caption_p.innerHTML = caption;
    var clickhere = document.getElementById('clickhere');
    if (caption) {
      clickhere.style.display = 'block';
    } else {
      clickhere.style.display = 'none';
    }
}

function preloadImages() {
  for (var i=0; i < image_list.length; i++) {
    images[i] = new Image;
    images[i].src = image_list[i];
    if (image_list[i] == 'i/head.jpeg') {
        var head_image = document.getElementById('head');
        head_image.src = "i/head.jpeg";
    }
  }
  images_loaded = 1;
}

function toggleImage() {
  var right_cell = document.getElementById('right');
  var head = document.getElementById('head');
  var big_image = document.getElementById('big');
  var clickhere = document.getElementById('clickhere');

  if (!in_gallery) {
    toGallery();
    return;
  }

  if (maximized == 0) {
    right_cell.style.display = 'none';
    head.style.display = 'none';
    big_image.width = full_width;
    old_click_text = clickhere.innerHTML;
    clickhere.innerHTML = "Click the image to return to the gallery";
    maximized = 1;
  } else {
    right_cell.style.display = 'block';
    var head = document.getElementById('head');
    head.style.display = 'block';
    var big_image = document.getElementById('big');
    big_image.width = full_width/2;
    clickhere.innerHTML = old_click_text;
    maximized = 0;
  }
}