var currentIndex = 0;
var imgReferences = new Array();
var imgTitles = new Array();
var imgSizes = new Array();

preloadImages();

function preloadImages()
{
      img_index = 0;
    imgReferences[img_index] = 'http://www.koolkidz.no/kler/smekker/elodie-detail/bib_jolly.jpg';
    imgTitles[img_index] = 'Elodie detail';
    imgSizes[img_index] = [202, 250];
  }

function changeImage(index)
{
  currentIndex = index;
  image = document.images['main_image'];
  image.width = imgSizes[index][0];
  image.height = imgSizes[index][1];
  image_url = imgReferences[index];
  image.src = image_url + '/image_preview';  
  image.title = imgTitles[index];

  for (i=0; i<imgReferences.length;i++)
  {
    li_url = imgReferences[i];
    li = document.getElementById(li_url);
    li.className = 'default';
    if (li_url == image_url) li.className = 'subcurrentitem';
  }
}

function changeSizes(item)
{
  option = item.options[item.selectedIndex];
  changeImageFromColor(option.value);
  sizes = option.id;
  sizes = sizes.split(', ');
  box = document.getElementById("size");

  box.options.length = 0;
  for (i=0; i<sizes.length;i++)
  {
    box.options[i] = new Option(sizes[i], sizes[i]);
  }
}

function changeImageFromColor(color)
{
  for (i=0; i<imgTitles.length;i++)
    if (imgTitles[i] == color) changeImage(i);
}