function showSteps(step,type) {
	
  switch(type){
    case 'complete':
    switch (step) {
    	  case "create":
    			document.getElementById("configuratorSteps").innerHTML = "1. Spielart&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style=\"color: #089CD5;\">2. Spielinfos&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3. Spielkartenupload&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4. Drucken + Bestellen<\/span>";
    			document.getElementById("configuratorInfoText").innerHTML = "W&auml;hle zuerst, was für ein Spiel du erstellen m&ouml;chtest.";
    	    break;
    	  case "info":
    			document.getElementById("configuratorSteps").innerHTML = "<span style=\"color: #089CD5;\">1. Spielart&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>2. Spielinfos&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style=\"color: #089CD5;\">3. Spielkartenupload&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4. Drucken + Bestellen<\/span>";
    			document.getElementById("configuratorInfoText").innerHTML = "Bitte beachte genau den hier genannten Dateiaufbau und w&auml;hle dann die Kartenanzahl aus!";
    	    break;
    	  case "data":
    			document.getElementById("configuratorSteps").innerHTML = "<span style=\"color: #089CD5;\">1. Spielart&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2. Spielinfos&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>3. Spielkartenupload&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style=\"color: #089CD5;\">4. Drucken + Bestellen<\/span>";
    			document.getElementById("configuratorInfoText").innerHTML = "Nun kannst du jede einzelne Karte bearbeiten und mit Inhalt f&uuml;llen.";
    	    break;
    	  case "product":
    			document.getElementById("configuratorSteps").innerHTML = "<span style=\"color: #089CD5;\">1. Spielart&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2. Spielinfos&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3. Spielkartenupload&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>4. Drucken + Bestellen";
    			document.getElementById("configuratorInfoText").innerHTML = "Fertig! Du kannst Dein Kartenspiel jetzt bei uns drucken lassen.";
    	    break;
    	  default:
    			document.getElementById("configuratorSteps").innerHTML = "";
    			document.getElementById("configuratorInfoText").innerHTML = "";
    	    break;
    	}    
      break;
      
    default:
      switch (step) {
    	  case "create":
    			document.getElementById("configuratorSteps").innerHTML = "1. Spielart&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style=\"color: #089CD5;\">2. Layout + Spiel-Kategorien&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3. Spieldaten&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4. Cover + Rückseiten&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5. Drucken + Bestellen<\/span>";
    			document.getElementById("configuratorInfoText").innerHTML = "W&auml;hle zuerst, was für ein Spiel du erstellen m&ouml;chtest.";
    	    break;
    	  case "front":
    			document.getElementById("configuratorSteps").innerHTML = "<span style=\"color: #089CD5;\">1. Spielart&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>2. Layout + Spiel-Kategorien&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style=\"color: #089CD5;\">3. Spieldaten&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4. Cover + Rückseiten&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5. Drucken + Bestellen<\/span>";
    			document.getElementById("configuratorInfoText").innerHTML = "Bestimme hier f&uuml;r alle 32 Karten das Standard-Layout und die generellen Spielkategorien.";
    	    break;
    	  case "data":
    			document.getElementById("configuratorSteps").innerHTML = "<span style=\"color: #089CD5;\">1. Spielart&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2. Layout + Spiel-Kategorien&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>3. Spieldaten&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style=\"color: #089CD5;\">4. Cover + Rückseiten&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5. Drucken + Bestellen<\/span>";
    			document.getElementById("configuratorInfoText").innerHTML = "Nun kannst du jede einzelne Karte bearbeiten und mit Inhalt f&uuml;llen.";
    	    break;
    	  case "back":
    			document.getElementById("configuratorSteps").innerHTML = "<span style=\"color: #089CD5;\">1. Spielart&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2. Layout + Spiel-Kategorien&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3. Spieldaten&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>4. Cover + Rückseiten&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style=\"color: #089CD5;\">5. Drucken + Bestellen<\/span>";
    			document.getElementById("configuratorInfoText").innerHTML = "Gestalte hier das Cover, das Impressum und die R&uuml;ckseiten der Spielkarten.";
    	    break;
    	  case "product":
    			document.getElementById("configuratorSteps").innerHTML = "<span style=\"color: #089CD5;\">1. Spielart&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2. Layout + Spiel-Kategorien&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3. Spieldaten&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4. Cover + Rückseiten&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>5. Drucken + Bestellen";
    			document.getElementById("configuratorInfoText").innerHTML = "Fertig! Du kannst Dein Kartenspiel jetzt bei uns drucken lassen.";
    	    break;
    	  default:
    			document.getElementById("configuratorSteps").innerHTML = "";
    			document.getElementById("configuratorInfoText").innerHTML = "";
    	    break;
    	}
	}
}