var product_name;
var tab_count;
var tabs;
var current_tab;
var main_image;
var downloaded_image;
var spinner_image;
var add_to_cart_button_image;
var add_to_cart_armed_button_image;
var view_cart_button_image;
var view_cart_armed_button_image;


function go_back()
{
  history.back();
}

function switch_image()
{
  main_image.src = downloaded_image.src;
  main_image.width = downloaded_image.width;
  main_image.height = downloaded_image.height;
}

function select_image(event_arg)
{
  var event_target, i;

  event_target = (event_arg) ? event_arg.target :
    (event) ? event.srcElement : null;
  if (event_target) {
    for (i = 1; i <= tab_count; i++) {
      if (tabs[i] == event_target) {
	break;
      }
    }
    if (i <= tab_count) {
      main_image.src = spinner_image.src;
      main_image.width = spinner_image.width;
      main_image.height = spinner_image.height;
      downloaded_image.src = "../images/samples/standard/" +
	product_name + "_" + i + ".jpeg";
      current_tab.onclick = select_image;
      current_tab.onmouseover = image_tab_mouse_over;
      current_tab.onmouseout = image_tab_mouse_out;
      current_tab.className = "other-index";

      current_tab = tabs[i];	    
      current_tab.onclick = null;
      current_tab.onmouseover = null;
      current_tab.onmouseout = null;
      current_tab.className = "current-index";
    }
  }
}

function back_link_mouse_over(event_arg)
{
  var event_target;

  event_target = (event_arg) ? event_arg.target :
    (event) ? event.srcElement : null;
  if (event_target) {
    event_target.className = "hover";
  }
}

function back_link_mouse_out(event_arg)
{
  var event_target;

  event_target = (event_arg) ? event_arg.target :
    (event) ? event.srcElement : null;
  if (event_target) {
    event_target.className = null;
  }
}

function image_tab_mouse_over(event_arg)
{
  var event_target;

  event_target = (event_arg) ? event_arg.target :
    (event) ? event.srcElement : null;
  if (event_target) {
    event_target.className += " hover";
  }
}

function image_tab_mouse_out(event_arg)
{
  var event_target;

  event_target = (event_arg) ? event_arg.target :
    (event) ? event.srcElement : null;
  if (event_target) {
    event_target.className = "other-index";
  }
}

function thumbnail_mouse_over(event_arg)
{
  var img, div;

  
  img = (event_arg) ? event_arg.target :
    (event) ? event.srcElement : null;
  if (img) {
    div = img.parentNode.parentNode;
    if (div) {
      div.className = "thumbnail-armed";
    }
  }
}

function thumbnail_mouse_out(event_arg)
{
  var img, div;

  img = (event_arg) ? event_arg.target :
    (event) ? event.srcElement : null;
  if (img) {
    div = img.parentNode.parentNode;
    if (div) {
      div.className = "thumbnail";
    }
  }
}

function add_to_cart_button_mouse_over(event_arg)
{
  var img;
  
  img = (event_arg) ? event_arg.target :
    (event) ? event.srcElement : null;
  if (img) {
    img.src = add_to_cart_armed_button_image.src;
  }
}

function add_to_cart_button_mouse_out(event_arg)
{
  var img;

  img = (event_arg) ? event_arg.target :
    (event) ? event.srcElement : null;
  if (img) {
    img.src = add_to_cart_button_image.src;
  }
}

function main_image_mouse_over(event_arg)
{
  var img, div;

  
  img = (event_arg) ? event_arg.target :
    (event) ? event.srcElement : null;
  if (img) {
    div = img.parentNode.parentNode;
    if (div) {
      div.className = "main-frame-armed";
    }
  }
}

function main_image_mouse_out(event_arg)
{
  var img, div;

  img = (event_arg) ? event_arg.target :
    (event) ? event.srcElement : null;
  if (img) {
    div = img.parentNode.parentNode;
    if (div) {
      div.className = "main-frame";
    }
  }
}

function sample_image_mouse_over(event_arg)
{
  var img, div;

  
  img = (event_arg) ? event_arg.target :
    (event) ? event.srcElement : null;
  if (img) {
    div = img.parentNode.parentNode;
    if (div) {
      div.className = "sample-frame-armed";
    }
  }
}

function sample_image_mouse_out(event_arg)
{
  var img, div;

  img = (event_arg) ? event_arg.target :
    (event) ? event.srcElement : null;
  if (img) {
    div = img.parentNode.parentNode;
    if (div) {
      div.className = "sample-frame";
    }
  }
}

function view_cart_button_mouse_over(event_arg)
{
  var img;
  
  img = (event_arg) ? event_arg.target :
    (event) ? event.srcElement : null;
  if (img) {
    img.src = view_cart_armed_button_image.src;
  }
}

function view_cart_button_mouse_out(event_arg)
{
  var img;

  img = (event_arg) ? event_arg.target :
    (event) ? event.srcElement : null;
  if (img) {
    img.src = view_cart_button_image.src;
  }
}

function page_init(use_absolute_urls)
{
  var img, i;

  add_to_cart_button_image = new Image();
  add_to_cart_armed_button_image = new Image();
  view_cart_button_image = new Image();
  view_cart_armed_button_image = new Image();

  if (!use_absolute_urls) {
    add_to_cart_button_image.src = "..";
    add_to_cart_armed_button_image.src = "..";
    view_cart_button_image.src = "..";
    view_cart_armed_button_image.src = "..";
  }
  add_to_cart_button_image.src += "/images/style/add_to_cart.png";
  add_to_cart_armed_button_image.src +=
  "/images/style/add_to_cart_armed.png";
  view_cart_button_image.src += "/images/style/view_cart.png";
  view_cart_armed_button_image.src += "/images/style/view_cart_armed.png";

  i = 1;
  do {
    img = document.getElementById("thumbnail-" + i);
    if (img) {
      img.onmouseover = thumbnail_mouse_over;
      img.onmouseout = thumbnail_mouse_out;
    }
    i++;
  } while (img);

  i = 1;
  do {
    img = document.getElementById("add-to-cart-" + i);
    if (img) {
      img.onmouseover = add_to_cart_button_mouse_over;
      img.onmouseout = add_to_cart_button_mouse_out;
    }
    i++;
  } while (img);

  img = document.getElementById("main-image");
  if (img) {
    img.onmouseover = main_image_mouse_over;
    img.onmouseout = main_image_mouse_out;
  }

  img = document.getElementById("sample-image");
  if (img) {
    img.onmouseover = sample_image_mouse_over;
    img.onmouseout = sample_image_mouse_out;
  }

  img = document.getElementById("view-cart");
  if (img) {
    img.onmouseover = view_cart_button_mouse_over;
    img.onmouseout = view_cart_button_mouse_out;
  }
}

function product_page_init(name, count)
{
  var image_tab, back_link, spinner_width, i;
  
  product_name = name;
  tab_count = count;

  page_init(false);

  tabs = new Array;
  main_image = document.getElementById("main-image");
  downloaded_image = new Image();
  downloaded_image.onload = switch_image;
  spinner_image = new Image();
  spinner_image.src = "../images/style/spinner.gif";

  for (i = 1; i <= tab_count; i++) {
    image_tab = document.getElementById("index-" + i);
    if (i == 1) {
      current_tab = image_tab;
    }
    else {
      image_tab.onclick = select_image;
      image_tab.onmouseover = image_tab_mouse_over;
      image_tab.onmouseout = image_tab_mouse_out;
    }
    tabs[i] = image_tab;
  }

  for (i = 1; i <= 2; i++) {
    back_link = document.getElementById("back-link-" + i);
    if (back_link) {
      back_link.onclick = go_back;
      back_link.onmouseover = back_link_mouse_over;
      back_link.onmouseout = back_link_mouse_out;
    }
  }
}

function EJEJC_lc(th)
{
  return false;
}