function konfigurator_aktion_aktualisieren ()
{
  document.getElementsByName('konfigurator_aktion')[0].value = "aktualisieren" ;
  document.getElementById('konfigurator').submit() ;
}

function konfigurator_aktion_abschliessen ()
{
  document.getElementsByName('konfigurator_aktion')[0].value = "abschliessen" ;
  document.getElementById('konfigurator').submit() ;
}

function setCSS (FarbWahl, Line) { 


    if ( FarbWahl == "F1" ) 
    {
      FarbBild = "F001_Weiss.png";
    }
  
    if ( FarbWahl == "F2" ) 
    {
      FarbBild = "F002_Dunkelgrau.png";
    }
  
    if ( FarbWahl == "F3" ) 
    {
      FarbBild = "F003_Beige.png";
    }
  
    if ( FarbWahl == "F4" ) 
    {
      FarbBild = "F004_Braun.png";
    }
  
    if ( FarbWahl == "F5" ) 
    {
      FarbBild = "F005_Gelb.png";
    }
  
    if ( FarbWahl == "F6" ) 
    {
      FarbBild = "F006_Orange.png";
    }
  
    if ( FarbWahl == "F7" ) 
    {
      FarbBild = "F007_Bordeaux.png";
    }
  
    if ( FarbWahl == "F8" ) 
    {
      FarbBild = "F008_Schwarz.png";
    }
  
    if ( FarbWahl == "F9" ) 
    {
      FarbBild = "F009_Neongelb.png";
    }
  
    if ( FarbWahl == "F10" ) 
    {
      FarbBild = "F010_Gruen.png";
    }
  
    if ( FarbWahl == "F11" ) 
    {
      FarbBild = "F011_Blau.png";
    }
  
    if ( FarbWahl == "F12" ) 
    {
      FarbBild = "F012_Lavendel.png";
    }
  
    if ( FarbWahl == "F13" ) 
    {
      FarbBild = "F013_Lila.png";
    }
  
    if ( FarbWahl == "F14" ) 
    {
      FarbBild = "F014_Mint.png";
    }
  
    if ( FarbWahl == "F15" ) 
    {
      FarbBild = "F015_Pink.png";
    }
  
    if ( FarbWahl == "F16" ) 
    {
      FarbBild = "F016_Rot.png";
    }
  
    if ( FarbWahl == "F17" ) 
    {
      FarbBild = "F017_Hellgelb.png";
    }
  
    if ( FarbWahl == "F18" ) 
    {
      FarbBild = "F018_Hellgrau.png";
    }
  
    if ( FarbWahl == "F19" ) 
    {
      FarbBild = "F019_Fuchsia.png";
    }
  
  document.getElementById(Line).style.backgroundImage = "url(../../shop/colors/" + FarbBild + ")";

  Nummer = parseInt(Line.substring(8,10));
  Nummer = Nummer+1;
  Line = Line.substring(0,8) + Nummer.toString();

  document.getElementById(Line).style.backgroundImage = "url(../../shop/colors/" + FarbBild + ")";

  setElements();
  
}

function setTOP (CHANGE_ID, CHANGE_CLASS, CHANGE_DIRECTION) { 

  document.getElementsByName('konfigurator_aktion')[0].value = "" ;

  if ( ( document.images["Vorschaubild"].src.length ) > ( (document.images["Vorschaubild"].src.replace('kumihimo_yatsu_kongo','')).length )  ) {
    IMAGE_NAME = "kumihimo_yatsu_kongo" ;
    MAXIMUM = 8 ;
  }

  if ( ( document.images["Vorschaubild"].src.length ) > ( (document.images["Vorschaubild"].src.replace('kumihimo_kongo_12','')).length )  ) {
    IMAGE_NAME = "kumihimo_kongo_12" ;
    MAXIMUM = 12 ;
  }

  if ( ( document.images["Vorschaubild"].src.length ) > ( (document.images["Vorschaubild"].src.replace('kumihimo_kongo_16','')).length )  ) {
    IMAGE_NAME = "kumihimo_kongo_16" ;
    MAXIMUM = 16 ;
  }

  CHANGE_POSITION = parseInt(document.getElementById(CHANGE_ID).style.top);

  if ( ( CHANGE_DIRECTION == "up" && CHANGE_POSITION > 0 ) || ( CHANGE_DIRECTION == "down" && CHANGE_POSITION < 28 * ( MAXIMUM - 1 ) ) ) {

    if ( CHANGE_DIRECTION == "up" ) {
      CHANGE = +1 ;
    }

    if ( CHANGE_DIRECTION == "down" ) {
      CHANGE = -1 ;
    }
    
    for (var i = 0; i < document.getElementsByClassName(CHANGE_CLASS).length; i++) {
      CHANGE_NEXT_POSITION = parseInt(document.getElementsByClassName(CHANGE_CLASS)[i].style.top);
      if ( CHANGE_NEXT_POSITION == CHANGE_POSITION + CHANGE * -28 ) {
        document.getElementsByClassName(CHANGE_CLASS)[i].style.top = CHANGE_NEXT_POSITION + (CHANGE * +28) + "px";
        document.getElementsByClassName(CHANGE_CLASS)[i].getElementsByTagName('input')[0].value = parseInt(document.getElementsByClassName(CHANGE_CLASS)[i].getElementsByTagName('input')[0].value) + CHANGE * +1 ;
      }
    }
    document.getElementById(CHANGE_ID).style.top = CHANGE_POSITION + CHANGE * -28 + "px";
    document.getElementById(CHANGE_ID).getElementsByTagName('input')[0].value = parseInt(document.getElementById(CHANGE_ID).getElementsByTagName('input')[0].value) + CHANGE * -1 ;
  }

  setElements();

}

function setElements () {

  if ( ( document.images["Vorschaubild"].src.length ) > ( (document.images["Vorschaubild"].src.replace('kumihimo_yatsu_kongo','')).length )  ) {
    IMAGE_NAME = "kumihimo_yatsu_kongo" ;
    MAXIMUM = 8 ;
  }

  if ( ( document.images["Vorschaubild"].src.length ) > ( (document.images["Vorschaubild"].src.replace('kumihimo_kongo_12','')).length )  ) {
    IMAGE_NAME = "kumihimo_kongo_12" ;
    MAXIMUM = 12 ;
  }

  if ( ( document.images["Vorschaubild"].src.length ) > ( (document.images["Vorschaubild"].src.replace('kumihimo_kongo_16','')).length )  ) {
    IMAGE_NAME = "kumihimo_kongo_16" ;
    MAXIMUM = 16 ;
  }

  IMAGE_URL = "" ;

  x = 0 ;
  for (var i = 1; i <= MAXIMUM ; i++) {
    if ( x == 0 ) {
      COLOR = (document.getElementById('SortLine' + i).style.backgroundImage).replace('url("../../shop/colors/F','').slice( 0 , 3 ) ; 
      IMAGE_URL = IMAGE_URL + "-" + COLOR ; 
      x = 1 ;
    } else {
      x = 0 ;
    }
  }

  for (var i = 1; i <= MAXIMUM ; i++) {
    POSITION = ( parseInt(document.getElementById('SortLine' + i).style.top) + 28 ) / 28 ; 
    IMAGE_URL = IMAGE_URL + "-" + POSITION ; 
  }

  document.images["Vorschaubild"].src = "konfigurator/" + IMAGE_NAME + IMAGE_URL + ".png" ; 
  document.getElementById("Teilen").href="design" + IMAGE_URL ; 

}