/* $Id: product_variation.js,v 1.4 2006/07/04 15:21:09 jlm Exp $ */
function product_set_variation(variation_name, variation_value)
{
  parameters[variation_name] = variation_value;
  document.getElementById('productimg').src = product_get_image_url();
  document.getElementById('product-image-wrap').className = product_get_image_classname();
}

function product_zoom() 
{
  switch(parameters["image"]) 
  {
    case "1": parameters["image"] = 3; break;
    case "2": parameters["image"] = 4; break;
    case "3": parameters["image"] = 1; break;
    case "4": parameters["image"] = 2;break;
  }

/* just build the url here for now -- not needed elsewhere in javascript code */
  var url = "/";
  for (i in parameters) url += i + "_" + parameters[i] + "_";
  url = url.substring(0,url.length-1);
  url += ".html";
  window.location = url;
}

function product_turn()
{
  //alert(parameters["image"]);
  switch(parameters["image"]) 
  {
    case "1": parameters["image"] = "2";break;
    case "2": parameters["image"] = "1";break;
    case "3": parameters["image"] = "4";break;
    case "4": parameters["image"] = "3";break;
  }

  //alert(parameters["image"]);
  var image;
  if(image = document.getElementById('zoomimg'))
    image.src = product_get_image_url();
  else
    document.getElementById('productimg').src = product_get_image_url(product_get_image_url);
  var image_wrap;
  if(image_wrap = document.getElementById('product-image-wrap'))
    image_wrap.className = product_get_image_classname();
}

function product_get_image_url()
{
  var current_variation_string = pid + "/";
  for (i in vns) 
    current_variation_string += vns[i] + "_" + parameters[vns[i]] + "_";
  //alert( "/images-product/" + current_variation_string + "image_" + parameters["image"] + ".jpg");
  return "/images-product/" + current_variation_string + "image_" + parameters["image"] + ".jpg";
}

function product_get_image_classname()
{
  var current_variation_string = pid + "_product_";
  for (i in vns) 
    current_variation_string += vns[i] + "_" + parameters[vns[i]] + "_";
  var classname = "image_" + current_variation_string + "image_" + parameters["image"];
  //alert(classname);
  return classname;
} 

function updateSwab(variation_name,variation_value_id)
{
  var i=0, colours, colour_a;
  colours = document.getElementById(variation_name);
  var colour_links = colours.childNodes;

  /* do not use while = item() test for IE */
  for (i = 0; i < colour_links.length; i++ )
  {
    colour_a = colour_links.item(i);
    if(colour_a.className && colour_a.className =='here')
      { colour_a.className='';} 
    if(colour_a.type && colour_a.type == 'hidden')
      { colour_a.value = variation_value_id;}
  }
  document.getElementById('variation-'+variation_name+'-'+variation_value_id).className='here';

  product_set_variation(variation_name,variation_value_id);
  return false;
}