var can_hide_artwork = false;
var artthumb_joe_pages = 2;
var artthumb_pay_pages = 1;


function show_artwork(elem_id, img_ref, img_src, img_width, img_height, art_title, art_year, art_medium, art_size, who, zoom_array) {
  can_hide_artwork = false;
  
  var temp_timer = null;
  var temp_timer2 = null;

  var content = "<img name='pay_" + img_ref + "' src='" + img_src + "' alt='" + art_title + "' width='" + img_width + "' height='" + img_height + "' border='0'/>";
  content += "<br/><i>" + art_title + "</i>, " + art_year + "<br/>" + art_medium + ", " + art_size + "<br/>";

  div_obj = get_obj_style(elem_id);
  pay_L_obj = get_obj_style("pay_L");


  //img_width += 50; //allow space for text
  img_height += 30; //allow space for text

  var margin_top = -(img_height/2);
  if (who == "pay") {
    var margin_left = 102-(img_width/2);
  } else if (who == "joe") {
    var margin_left = -(img_width/2)-50;
  }

  div_obj.overflow = "hidden";

  if (document.layers) {
    div_obj.width = img_width;
    div_obj.height = img_height;
    div_obj.margin = margin_top + " 0 0 " + margin_left;
  } else {
    div_obj.width = img_width + "px";
    div_obj.height = img_height + "px";
    div_obj.margin = margin_top + "px 0 0 " + margin_left + "px";
  }

  if (zoom_array) {
    if (zoom_array.length%5 == 0) {

      var j = 1;
      var z_index = 20;
      for (var i = 0; i < zoom_array.length; i+=5) {
        content += "<div id='zoom_" + img_ref + "_" + j + "' style='border:2px solid black; width:" + zoom_array[i+2] + "px; height:" + zoom_array[i+3] + "px; left:" + zoom_array[i] + "px; top:" + zoom_array[i+1] + "px; z-index:" + z_index + ";'>" +
                     "<a href='#' onmousemove='load_img_hover(event, \"zoom_div\", \"" + zoom_array[i+4] + "\", 350, 350, 10, 0, 90, \"white\")' onmouseout='clear_tooltip(\"zoom_div\")' title=''>" +
                     "<img src='images/trans.gif' width='" + zoom_array[i+2] + "px' height='" + zoom_array[i+3] + "px' border='0' alt=''/>" +
                     "</a>" +
                   "</div>";
        j++;
        z_index++;
      }
    } else {
      alert("zoom_array not good");
    }
  }

  set_div_innerhtml(elem_id, content);

  temp_timer2 = setTimeout("set_hide_artwork(true)", 4500);
  temp_timer = setTimeout("artwork_zoomarea_hide('artwork_div')", 5000);

  set_div_display(elem_id, "block");

}

function set_hide_artwork(val) {
  can_hide_artwork = val;
}

function artwork_zoomarea_hide(elem_id) {

  if (can_hide_artwork == true) {
    var obj = document.getElementById(elem_id);

    for (var i = 0; i < obj.childNodes.length; i++) {
      if ((obj.childNodes[i].nodeName).toLowerCase() == "div") {
        document.getElementById(obj.childNodes[i].id).style.border = "none";
      }
    }
  }

}

function artwork_zoomarea_show(elem_id) {

  var obj = document.getElementById(elem_id);

  for (var i = 0; i < obj.childNodes.length; i++) {
    if ((obj.childNodes[i].nodeName).toLowerCase() == "div") {
      document.getElementById(obj.childNodes[i].id).style.border = "2px solid black";
    }
  }

}

function show_artthumb_page(page, who) {
  reset_artthumb_pages(who);
  var obj = document.getElementById("artthumb_" + who + "_page_" + page);
  obj.style.display = "block";
}

function reset_artthumb_pages(who) {
  if (who == "joe") {
    for (var i = 0; i < artthumb_joe_pages; i++) {
      document.getElementById("artthumb_joe_page_" + (i+1)).style.display = "none";
    }
  } else if (who == "pay") {
    for (var i = 0; i < artthumb_pay_pages; i++) {
      document.getElementById("artthumb_pay_page_" + (i+1)).style.display = "none";
    }
  }
}

function update_mouse_xy(e) {

  if (document.all) {
    y = event.clientY + document.body.scrollTop;
    x = event.clientX;
  } else {
    y = e.pageY;
    x = e.pageX;
  }

  document.getElementById("mouse_xy").innerHTML = "(" + x + ", " + y + ")";

}

function clear_mouse_xy() {
  document.getElementById("mouse_xy").innerHTML = "";
}