var loadedImages = new Array();
var lastColImgSelect = new Array();
var activatedImage = new Array();

function changeImg(imgGroup, imgId)
{
  var e = document.getElementById(imgId);
  e.src = loadedImages[imgId][1].src;
  // && activatedImage[imgGroup]!=imgId
  if( activatedImage[imgGroup]!=undefined )
  {
    var e = document.getElementById(activatedImage[imgGroup]);
    e.src = loadedImages[activatedImage[imgGroup]][1].src;
  }
}

function registerGroupImg(imgGroup, imgId, overImg)
{
  if( !loadedImages[imgId] )
  {
     var e = document.getElementById(imgId);
     loadedImages[imgId] = new Array();
     loadedImages[imgId][0] = new Image();
     loadedImages[imgId][0].src = e.src;
     loadedImages[imgId][1] = new Image();
     loadedImages[imgId][1].src = overImg;
  }
}

function changeImgRestore(imgGroup)
{
  for (var imgId in loadedImages)
  {
    var e = document.getElementById(imgId);
    e.src = loadedImages[imgId][0].src;
  }
  for (var imgGroup in activatedImage)
  {
    var e = document.getElementById( activatedImage[imgGroup] );
    e.src = loadedImages[activatedImage[imgGroup]][1].src;
  }
}

function activateImage(imgGroup, imgId)
{
    if( imgId!="" )
    {
        changeImg(imgGroup, imgId);
        activatedImage[imgGroup] = imgId;
    }
}

function selectColor(fn, colorId)
{
    if( colorId>0 )
    {
        document.orderform.elements[fn].value = colorId;
        colimgid = "imgcol_"+fn+"_"+colorId+"";
        document.getElementById(colimgid).src = "images/farbe_selected.gif";
        if( lastColImgSelect[fn] )
        {
            colimgid = "imgcol_"+fn+"_"+lastColImgSelect[fn]+"";
            document.getElementById(colimgid).src = "images/farbe.gif";
        }
        lastColImgSelect[fn] = colorId;
    }
}

function warenkorbColorChange( fn )
{
  var farbeId=0;
  var i = document.orderform.elements['CHANGER_'+fn].selectedIndex;
  var o = document.orderform.elements['CHANGER_'+fn].options[i].value;
  var hexcol = o.substring(0, o.indexOf(';') );
  var farbeId = o.substring(o.indexOf(';')+1, o.length );
  document.orderform.elements[fn].value=farbeId;
  document.getElementById('PREVIEW_'+fn).style.backgroundColor='#'+hexcol;  
}

var moeglichegroessen = new Array();

function addSize( groesseA, sizeName, mgArr )
{
  if( ! moeglichegroessen[groesseA] )
  {
    moeglichegroessen[groesseA] = new Array();
  }
  moeglichegroessen[groesseA][sizeName] = mgArr;
}

var bSizes = new Array();

function addBSize( groesseA, name, id)
{
  if( ! bSizes[groesseA] )
  {
    bSizes[groesseA] = new Array();
  }
  bSizes[groesseA][name] = id;
}

var prices = new Array();

function chkSize( gA, gB )
{
  if(document.orderform.elements[gA])
  {
    var i = document.orderform.elements[gA].selectedIndex;
    var selectedA = document.orderform.elements[gA].options[i].text;
    if( moeglichegroessen[gA] )
    {
      var i = document.orderform.elements[gB].selectedIndex;
      var selectedB = document.orderform.elements[gB].options[i].text;
      var l = document.orderform.elements[gB].length;
      for (i = (l-1); i >=0; i--) 
      {
        if( document.orderform.elements[gB].options[i].value!='' )
        {
          document.orderform.elements[gB].options[i] = null;
        }
      }
      if( moeglichegroessen[gA][selectedA] )
      {
        for (i = 0; i < moeglichegroessen[gA][selectedA].length; i++) 
        {
          name = moeglichegroessen[gA][selectedA][i];
          NeuerEintrag = new Option( name, bSizes[gA][name], false, false);
          p = document.orderform.elements[gB].length;
          document.orderform.elements[gB].options[p] = NeuerEintrag;
          if( selectedB==name )
          {
            document.orderform.elements[gB].selectedIndex = p;
          }
        }
      }
    }
    seledprice = prices[selectedA];
    if( seledprice )
    {
      changePrice(seledprice);
    }
  }
}

function addPrice( aName, price )
{
  prices[aName] = price;  
}

function changePrice( price )
{
  document.getElementById('korb').style.backgroundImage='url(images/indenwarenkorbprice.gif)';
  var p1 = price.substring( 0 , price.indexOf(',') );
  var p2 = price.substr( (price.indexOf(',')+1) , 2 );
  document.getElementById('korb').innerHTML = '<p>'+p1+'<span>'+p2+'</span></p>';
}