// JavaScript Document
var BERATUNGSSYSTEM = {};
var Betarungssystem = { content :[
                          		{html : "<p>Die Marke Centa-Star steht seit 40 Jahren für hochwertigste Bettwaren. Um diese hohe Qualitätsverpflichtung dauerhaft zu gewährleisten, arbeitet die Marke Centa-Star ausschließlich mit den besten Spezialisten zusammen. Neben eigenen Experten werden seit Jahren ausgewählte Lieferanten sowie das renommierte Textil-Forschungsinstitut Hohenstein in die kontinuierliche und systematische Verbesserung der Schlafqualität der Kunden einbezogen. Deutlich wird dies an vier Qualitätsmerkmalen, die Sie nur bei den Bettwaren von Centa-Star finden.</p><h3>BERATUNGSSYSTEM</h3><p>Komfort ist messbar! Das in Zusammenarbeit mit dem Forschungsinstitut Hohenstein entwickelte Beratungssystem ermöglicht Ihnen die objektive Auswahl der für Ihre Bedürfnisse optimalen Bettdecke.</p><h3>WASCHBARKEIT</h3><p>Alle Centa-Star Produkte sind problemlos waschbar und bieten dadurch ein Höchstmaß an Sauberkeit für Hygienebewusste und Hausstauballergiker.</p><h3>LÄNGSSTEPPUNG</h3><p>Die einzigartige Centa-Star Längssteppung garantiert das perfekte Anschmiegen der Bettdecke an Ihren Körper.</p><h3>PREMIUM-BIESE</h3><p>Die patentierte Premium-Biese macht Ihre Bettdecke im wahrsten Sinne des Wortes eckig. Sie sorgt nicht nur für optische Eleganz, sondern füllt Ihre Bettwäsche optimal aus – bis in die Ecken.</p>", width : 533, left:275},
                          		{html : '<h3>Wärmebereiche (Schritt 1 von 3)</h3><p>In Zusammenarbeit mit dem Forschungsinstitut Hohenstein haben wir die neuesten wissenschaftlichen Erkenntnisse in diesem Beratungssystem für Sie umgesetzt. Damit Sie nach einer erholsamen Nacht jeden Morgen ausgeruht und topfit in den Tag starten können. Eine Bettdecke bietet Ihnen einen optimalen Schlafkomfort, wenn sie sehr leicht, ausreichend warm und möglichst atmungsaktiv ist.</p><p>Für dieses Beratungssystem wurden also insbesondere das Gewicht, die Isolationsfähigkeit und die Atmungsaktivität jeder Bettdecke getestet und das Ergebnis in einer Komfortnote dargestellt. Bettenkauf ist damit keine Glückssache mehr, sondern wissenschaftlich fundiert! So einfach finden Sie die für Sie optimale Bettdecke: Ermitteln Sie Ihren persönlichen Wärmebereich.</p><img src="http://www.centa-star.de/dev/asset/img/sonstiges/waermebereich.gif" alt="Wärmebereich">', width : 533, inputwidth: 175},
                          		{html : "<h3>Schlafkriterien (Schritt 2 von 3)</h3><p>Worauf legen Sie bei Ihrer Bettdecke wert?<br />Neben wissenschaftlichen Erkenntnissen über Atmungsaktivität und Wärmeisolation zählen Ihre persönlichen Schlafgewohnheiten und -bedürfnisse. Mit dieser Tabelle finden Sie die richtige Bettdecke aus dem umfangreichen Centa-Star Sortiment.</p>", width : 533, inputwidth: 530, questions:[
                          			{text:"Ich möchte eine Bettdecke..."},
                          			{text:"...die leicht und warm ist", value:"0"},
                          			{text:"...die meine Haut im Schlaf pflegt", value:"0"},
                          			{text:"...für ein trockenenes Schlafklima (nie mehr schwitzen)", value:"0"},
                          			{text:"...die die Temperatur um Gleichgewicht hält", value:"0"},
                          			{text:"...mit super Kuchschel-Komfort", value:"0"},
                          			{text:"...die ich in meiner Waschmaschine waschen kann", value:"0"},
                          			{text:"...die für Allergiker geeigner ist ", value:"0"},
                          			{text:"...mit zertifizierten Bio-Materialien", value:"0"},
                          			]},
                          		{html : "<h3>Komfortnote (Schritt 3 von 3)</h3><p>Die Komfortnote an jeder Bettdecke zeigt Ihnen deren Schlafkomfort an. Je besser die Note einer Bettdecke ist, umso komfortabler ist sie. Das heißt, sie ist umso leichter und atmungsaktiver bei ausreichender Wärmeisolation. Auch die Größe ist entscheidend. Ab 180 cm Körpergröße empfiehlt das Forschungsinstitut Hohenstein die Bettdecken-Komfortgröße 155 x 220 cm.</p>", width : 533, inputwidth : 233, wb:"", kb:"",option:[
                          																																																																																																																								 				{text:"", value:""},
                          				{text:"Exzellenter Schlafkomfort", value:"1.0"},
                          				{text:"Hervorragender Schlafkomfort", value:"1.53"},
                          				{text:"Sehr guter Schlafkomfort", value:"2.06"},
                          				{text:"Guter Schlafkomfort", value:"2.6"}
                          ]},
                          		{html:"", width : 533, inputwidth : 233}
                          	]};
var Produktdaten = {linien:[
                          						{name:"Vital", att:[{v:2},{v:5},{v:3},{v:2},{v:6},{v:6},{v:6},{v:1}], bild:"http://www.centa-star.de/dev/pics/bettwaren/vit_bett1.png", txt:'<ul class="vitalContent"><li><h3>-Besonders kuscheligig & anschmiegsam</h3></li><li><h3>-Extrem strapazierfähig</h3></li><li><h3>-Formbeständigkeit durch einzigartige Endlosfasertechnologie</h3></li></ul>', arten:[
                          							{wb:1, name:"Leicht-Bett", kw:1.8, kk:2.2, bild:"", des:"<p>Beim Leicht-Bett wird eine dünne Lage des jeweiligen Füllmaterials von der Bezugsstoffhülle umschlossen und längs versteppt. Das macht das Leicht-Bett zur typischen Sommer-Bettdecke.</p>"},
                          							{wb:2, name:"Solo-Bett", kw:2.6, kk:1.8, bild:"", des:"<p>Leichte Ganzjahres-Decke,perfekt bei mittlerem Wärmebedarf. Beim Solo-Bett wird eine Lage des Füllmaterials von der Bezugsstoffhülle umschlossen und längs versteppt.</p>"},
                          							{wb:3, name:"Duo-Bett", kw:2.7, kk:1.8, bild:"", des:"<p>Beim Duo-Bett sind - anders als beim Duo-Leicht-Bett - die beiden von der Bezugsstoffhülle umschlossenen und versteppten Lagen des Füllmaterials etwas dicker, ein ideales Winterbett.</p>"},
                          							{wb:1, name:"Combi-Bett", kw:1.8, kk:2.2, bild:"", des:"<p>Ein Combi-Bett besteht aus zwei separaten Bettdecken: einem Leicht-Bett und einem Duo-Leicht-Bett. Beide können jeweils einzeln oder zusammengeknöpft verwendet werden. Das ideale Ganz-Jahres-Bett.</p>"},
                          							{wb:2, name:"Combi-Bett", kw:2.5, kk:1.6, bild:"", des:"<p>Ein Combi-Bett besteht aus zwei separaten Bettdecken: einem Leicht-Bett und einem Duo-Leicht-Bett. Beide können jeweils einzeln oder zusammengeknöpft verwendet werden. Das ideale Ganz-Jahres-Bett.</p>"}
                          						]},
                          						{name:"Emotion Diamond", att:[{v:4},{v:6},{v:5},{v:3},{v:2},{v:6},{v:6},{v:1}], bild:"http://www.centa-star.de/dev/pics/bettwaren/diamond_01.png", txt:'<ul class="emotiondiamondContent"><li><h3>-Nie mehr schwitzen – nie mehr frieren</h3></li><li><h3>-Temperaturausgleich durch Outlast®-PCM im Bezugsstoff</h3></li><li><h3>-Erlesene Federn und Daunen höchster Qualität</h3></li><li><h3>-waschbar</h3></li></ul>', arten:[
                          							{wb:1, name:"Leicht-Bett", kw:1, kk:2.1, bild:"", des:"<p>Beim Leicht-Bett wird eine dünne Lage des jeweiligen Füllmaterials von der Bezugsstoffhülle umschlossen und längs versteppt. Das macht das Leicht-Bett zur typischen Sommer-Bettdecke.</p>"},
                          							{wb:2, name:"Duo-Leicht-Bett", kw:1.1, bild:"", kk:1.4, des:"<p>Beim Duo-Leicht-Bett werden zwei dünne Lagen des Füllmaterials von der Bezugsstoffhülle umschlossen und versteppt. Durch den erhöhten isolierenden Lufteinschluss zwischen den Lagen haben diese Betten eine gute Wärmeisolation.</p>"},
                          							{wb:3, name:"Duo-Bett", kw:1.3, kk:1.3, bild:"", des:"<p>Beim Duo-Bett sind - anders als beim Duo-Leicht-Bett - die beiden von der Bezugsstoffhülle umschlossenen und versteppten Lagen des Füllmaterials etwas dicker, ein ideales Winterbett.</p>"},
                          							{wb:1, name:"Combi-Bett", kw:1.0, kk:2.1, bild:"", des:"<p>Ein Combi-Bett besteht aus zwei separaten Bettdecken: einem Leicht-Bett und einem Duo-Leicht-Bett. Beide können jeweils einzeln oder zusammengeknöpft verwendet werden. Das ideale Ganz-Jahres-Bett.</p>"},
                          							{wb:2, name:"Combi-Bett", kw:1.1, kk:1.4, bild:"", des:"<p>Ein Combi-Bett besteht aus zwei separaten Bettdecken: einem Leicht-Bett und einem Duo-Leicht-Bett. Beide können jeweils einzeln oder zusammengeknöpft verwendet werden. Das ideale Ganz-Jahres-Bett.</p>"}
                          						]},
                          						{name:"Royal", att:[{v:5},{v:1},{v:5},{v:3},{v:3},{v:6},{v:6},{v:1}], bild:"http://www.centa-star.de/dev/pics/bettwaren/roy_bett1.png", txt:'<ul class="royalContent"><li><h3>-Atmungsaktive High-Tech-Faser</h3></li><li><h3>-Angenehm trockenes Schlafklima</h3></li><li><h3>-Alle Größen waschbar in der Waschmaschine ab 4,5 kg</h3></li></ul>', arten:[
                          							{wb:1, name:"Ultra-Leicht-Bett", kw:1, bild:"", kk:2.6, des:"<p>Beim Leicht-Bett wird eine dünne Lage des jeweiligen Füllmaterials von der Bezugsstoffhülle umschlossen und längs versteppt. Das macht das Leicht-Bett zur typischen Sommer-Bettdecke.</p>"},
                          							{wb:1, name:"Leicht-Bett", kw:1, kk:2.3, bild:"", des:"<p>Beim Leicht-Bett wird eine dünne Lage des jeweiligen Füllmaterials von der Bezugsstoffhülle umschlossen und längs versteppt. Das macht das Leicht-Bett zur typischen Sommer-Bettdecke.</p>"},
                          							{wb:2, name:"Duo-Leicht-Bett", kw:1.4, bild:"", kk:1.8, des:"<p>Beim Duo-Leicht-Bett werden zwei dünne Lagen des Füllmaterials von der Bezugsstoffhülle umschlossen und versteppt. Durch den erhöhten isolierenden Lufteinschluss zwischen den Lagen haben diese Betten eine gute Wärmeisolation.</p>"},
                          							{wb:3, name:"Duo-Bett", kw:1.7, kk:1.5, bild:"", des:"<p>Beim Duo-Bett sind - anders als beim Duo-Leicht-Bett - die beiden von der Bezugsstoffhülle umschlossenen und versteppten Lagen des Füllmaterials etwas dicker, ein ideales Winterbett.</p>"},
                          							{wb:3, name:"Trio-Bett", kw:2.4, kk:1.1, bild:"", des:"<p>Beim Trio-Bett werden drei Lagen des Füllmaterials verarbeitet. Die drei übereinander liegenden und versteppten Vliese haben eine exzellente Wärmeisolation. Das macht das Trio-Bett zum außergewöhnlichen Winterbett.</p>"},
                          							{wb:1, name:"Combi-Bett", kw:1, kk:2.3, bild:"", des:"<p>Ein Combi-Bett besteht aus zwei separaten Bettdecken: einem Leicht-Bett und einem Duo-Leicht-Bett. Beide können jeweils einzeln oder zusammengeknöpft verwendet werden. Das ideale Ganz-Jahres-Bett.</p>"},
                          							{wb:2, name:"Combi-Bett", kw:1.4, kk:1.8, bild:"", des:"<p>Ein Combi-Bett besteht aus zwei separaten Bettdecken: einem Leicht-Bett und einem Duo-Leicht-Bett. Beide können jeweils einzeln oder zusammengeknöpft verwendet werden. Das ideale Ganz-Jahres-Bett.</p>"}
                          						]},
                          						{name:"Royal Premium", att:[{v:6},{v:1},{v:6},{v:6},{v:3},{v:6},{v:6},{v:1}], bild:"http://www.centa-star.de/dev/pics/bettwaren/rpremium/Frau2.png", txt:'<ul class="royalpremiumContent"><li><h3>-Nie mehr schwitzen - nie mehr frieren</h3></li><li><h3>-Temperaturausgleich durch Outlast-PCM im Bezugsstoff</h3></li><li><h3>-Atmungsaktive High-Tech-Faser</h3></li></ul>', arten:[
                          							{wb:1, name:"Leicht-Bett", kw:1.0, kk:2.2, bild:"", des:"<p>Beim Leicht-Bett wird eine dünne Lage des jeweiligen Füllmaterials von der Bezugsstoffhülle umschlossen und längs versteppt. Das macht das Leicht-Bett zur typischen Sommer-Bettdecke.</p>"},
                          							{wb:2, name:"Duo-Leicht-Bett", kw:1.1, bild:"", kk:1.6, des:"<p>Beim Duo-Leicht-Bett werden zwei dünne Lagen des Füllmaterials von der Bezugsstoffhülle umschlossen und versteppt. Durch den erhöhten isolierenden Lufteinschluss zwischen den Lagen haben diese Betten eine gute Wärmeisolation.</p>"},
                          							{wb:3, name:"Duo-Bett", kw:1.5, kk:1.0, bild:"", des:"<p>Beim Duo-Bett sind - anders als beim Duo-Leicht-Bett - die beiden von der Bezugsstoffhülle umschlossenen und versteppten Lagen des Füllmaterials etwas dicker, ein ideales Winterbett.</p>"},
                          							{wb:1, name:"Combi-Bett", kw:1, kk:2.2, bild:"", des:"<p>Ein Combi-Bett besteht aus zwei separaten Bettdecken: einem Leicht-Bett und einem Duo-Leicht-Bett. Beide können jeweils einzeln oder zusammengeknöpft verwendet werden. Das ideale Ganz-Jahres-Bett.</p>"},
                          							{wb:2, name:"Combi-Bett", kw:1.1, kk:1.6, bild:"", des:"<p>Ein Combi-Bett besteht aus zwei separaten Bettdecken: einem Leicht-Bett und einem Duo-Leicht-Bett. Beide können jeweils einzeln oder zusammengeknöpft verwendet werden. Das ideale Ganz-Jahres-Bett.</p>"}
                          						]},
                          						{name:"Emotion", att:[{v:5},{v:1},{v:4},{v:3},{v:6},{v:2},{v:4},{v:1}], bild:"http://www.centa-star.de/dev/pics/bettwaren/emo_bett1.png", txt:'<ul class="emotionContent"><li><h3-Testsieger - beste Komfortnoten</h3></li><li><h3>-Erlesene Daunen höchster Qualität</h3></li><li><h3>-Weich, warm und anschmiegsam durch patentierte Hüllenkonstruktion</h3></li></ul>', arten:[
                          							{wb:1, name:"Leicht-Bett", kw:1.1, kk:2.1, bild:"", des:"<p>Beim Leicht-Bett wird eine dünne Lage des jeweiligen Füllmaterials von der Bezugsstoffhülle umschlossen und längs versteppt. Das macht das Leicht-Bett zur typischen Sommer-Bettdecke.</p>"},
                          							{wb:2, name:"Solo-Bett", kw:1.3, kk:1.4, bild:"", des:"<p>Leichte Ganzjahres-Decke,perfekt bei mittlerem Wärmebedarf. Beim Solo-Bett wird eine Lage des Füllmaterials von der Bezugsstoffhülle umschlossen und längs versteppt.</p>"},
                          							{wb:3, name:"Duo-Bett", kw:1.4, kk:1.0, bild:"", des:"<p>Beim Duo-Bett sind - anders als beim Duo-Leicht-Bett - die beiden von der Bezugsstoffhülle umschlossenen und versteppten Lagen des Füllmaterials etwas dicker, ein ideales Winterbett.</p>"}
                          						]},
                          						{name:"Emotion Premium", att:[{v:6},{v:1},{v:4},{v:3},{v:6},{v:2},{v:4},{v:6}], bild:"http://www.centa-star.de/dev/pics/bettwaren/epremium/frau.png", txt:'<ul class="emotionpremiumContent"><li><h3>-Besonders leichte Luxusqualität</h3></li><li><h3>-Weltweit feinste Baumwoll-Einschütte</h3></li><li><h3>-Hochwertige Daunen aus zertifizierter Bio-Tierhaltung</h3></li></ul>', arten:[
                          							{wb:3, name:"Duo-Bett", kw:1.4, kk:1.0, bild:"", des:"<p>Beim Duo-Bett sind - anders als beim Duo-Leicht-Bett - die beiden von der Bezugsstoffhülle umschlossenen und versteppten Lagen des Füllmaterials etwas dicker, ein ideales Winterbett.</p>"}
                          						]}
                          					]};
BERATUNGSSYSTEM.init = function(baseObj){
	var baseObj = Betarungssystem;
	var self = this;
	//var root = toset;
	this.aktiveMenuePunkt = -1;
	this.Kollektion = 0;
	this.aktiveTempMenuePunkt = 0;
	
	var Menue = DOM.quadrat("175px", "140px" , "absolute", "40px", "-120px", "");
	var MenueRoot = document.getElementById('menRoot');
	var ContentRoot = document.getElementById('contRoot');
	var InputRoot = document.getElementById('intRoot');
	/*var ContentRoot = document.createElement("div");
	ContentRoot.style.position = "absolute";
	ContentRoot.style.top = "40px";
	ContentRoot.style.left = "100px";
	
	
	var Input = document.createElement("div");
	Input.style.position = "absolute";
	Input.style.top = "260px";
	Input.style.left = "-100px";
	//var Input = DOM.quadrat("175px", "240px" , "absolute", "260px", "-100px", "");*/
	
		
	var cContent = function(){
		var content = document.createElement("div");
		content.className = "beratungContent";
		content.style.width = Betarungssystem.content[self.aktiveTempMenuePunkt].width+"px";
		content.innerHTML = Betarungssystem.content[self.aktiveTempMenuePunkt].html;
		if(ContentRoot.hasChildNodes()==true){
			ContentRoot.replaceChild(content, ContentRoot.firstChild);
		}else{
			
			ContentRoot.appendChild(content);
		}
	}
	var cMenue = function(){
		var menue = Array("Qualitätsmerkmale", "Schritt 1 : Wärmebereiche", "Schritt 2 : Schlafkriterien", "Schritt 3 : Komfortnote", "Auswertung");
		var content = document.createElement("div");
		content.id =  "beratungMenue";
		content.className =  "beratungMenue";
			var h3 = document.createElement("h3");
				var text = document.createTextNode("Ermitteln Sie Ihre optimale Bettdecke");
			h3.appendChild(text);
		content.appendChild(h3);
		var ul = document.createElement("ul");
			for(var i=0; i<menue.length; i++){
				ul.appendChild(button(i, self.aktiveTempMenuePunkt));
			}
		content.appendChild(ul);
		
		if(MenueRoot.hasChildNodes()==true){
			MenueRoot.replaceChild(content, MenueRoot.firstChild);
		}else{
			MenueRoot.appendChild(content);
		}
		function button(number, aktiveTempMenuePunkt){
			var li = document.createElement("li");
				var text = document.createTextNode(menue[number]);
				li.appendChild(text);
				
					var img = document.createElement("img");
					img.src = "http://www.centa-star.de/dev/asset/img/sonstiges/haken.gif";
					img.alt = "haken";
					img.style.marginLeft = "10px";
					img.style.display = "none";
					li.appendChild(img);					
				if(number<=self.aktiveTempMenuePunkt-1){
					img.style.display = "inline";
					li.style.cursor = "pointer";
					li.onclick = function(){
						if(number!=self.aktiveMenuePunkt){
							setInt(number);
						}
					}
				}else{
					img.style.display = "none";
				}
				if(number==aktiveTempMenuePunkt){
					li.className = "active";
				}
			return li;
		}
	}
	var cInput = function(){
			var td = this;
			var content = document.createElement("div");
			content.className = "beratungInput";
			content.appendChild(self["cInput"+self.aktiveTempMenuePunkt]());
			
			if(InputRoot.hasChildNodes()==true){
				InputRoot.replaceChild(content, InputRoot.firstChild);
			}else{
				InputRoot.appendChild(content);
			}
	}
	this.cInput0 = function(){
		var content = document.createElement("div");
		//self.aktivateMenue(1);
		
		var add = document.createElement("div");
					var img = document.createElement("img");
						img.src = "http://www.centa-star.de/dev/asset/img/sonstiges/wb_start.gif";
						img.alt="";
						img.width="84";
						img.height="32";
					add.onmouseover=function(){
						this.firstChild.src = "http://www.centa-star.de/dev/asset/img/sonstiges/wb_start_o.gif";
					}
					add.onmouseout=function(){
						this.firstChild.src = "http://www.centa-star.de/dev/asset/img/sonstiges/wb_start.gif";
					}
					add.appendChild(img);
		
		weiter = makeweiter(1, "START", add);
		setTimeout(function(){content.appendChild(weiter); self.aktivateMenue(1); delete weiter;}, 1000);
		//content.appendChild(weiter);
		return content;
	}
	this.aktivateMenue = function(bis){
		if(MenueRoot.hasChildNodes()==true){
			for(var j = 0; j<MenueRoot.getElementsByTagName("img").length;j++){
				if(j<bis){
					MenueRoot.getElementsByTagName("img")[j].style.display  = "inline";
				}
				if(j<bis+1){
					makeBut(j);
					
				}
			}
		}
		function makeBut(number){
			MenueRoot.getElementsByTagName("li")[j].style.cursor="pointer";
			MenueRoot.getElementsByTagName("li")[j].onclick=function(e){
				setInt(number);
			}	
		}
	}
	makeweiter = function(togo, text, div){
		var weiter = DOM.quadrat("150px", "" , "absolute", "195px", "620px", "");
		weiter.style.zIndex="3";
		var a = document.createElement("a");
		a.href="#";
		var h = document.createElement("h4");
		var text = document.createTextNode(text);
		h.appendChild(text)
		a.appendChild(h);
		a.onclick=function(){
			if(togo!=4){
				setInt(togo);
			}else{
				setTimeout(function(){setInt(togo);},100);	
			}
		}
		if(typeof div!="undefined")a.appendChild(div);
		weiter.childNodes[1].childNodes[2].align = "center";
		weiter.childNodes[1].childNodes[2].appendChild(a);
		return weiter;
	}
	this.cInput1 = function(){
		var thisobj = this;
		
		var form =  document.createElement("form");
		form.id = "schlafgewohnheiten";
		
		var h3 = document.createElement("h3");
		var textWb = document.createTextNode("Bitte tragen Sie Ihre Schlafgewohnheiten ein:");
		h3.appendChild(textWb);
		
		form.appendChild(h3);
		
		var labelKg = document.createElement("label");
			var textKg = document.createTextNode("Ihr Körpergewicht:");
			var inpKg = document.createElement("input");
				inpKg.maxLength = "3";
				inpKg.style.width = "40px";
				if(typeof baseObj.content[1].gewicht!="undefined")
					inpKg.value = baseObj.content[1].gewicht;
				inpKg.onkeyup = function(){
					checkform0();
				}
			labelKg.appendChild(textKg);
			var br1 = document.createElement("br");
			labelKg.appendChild(br1);
			labelKg.appendChild(inpKg);
			var text_kg = document.createTextNode(" kg");
			
			labelKg.appendChild(text_kg);
			
		form.appendChild(labelKg);
		var br3 = document.createElement("br");
		form.appendChild(br3);	
		
			var labelGc = document.createElement("label");
			var textGc = document.createTextNode("Durchschnittstemperatur Ihres Schlafzimmers:");
			var inpGc = document.createElement("input");
				inpGc.maxLength = "2";
				inpGc.style.width = "30px";
				if(typeof baseObj.content[1].temperatur!="undefined")
					inpGc.value = baseObj.content[1].temperatur;
				inpGc.onkeyup = function(){
					checkform0();
				}
			labelGc.appendChild(textGc);
			var br2 = document.createElement("br");
			labelGc.appendChild(br2);
			labelGc.appendChild(inpGc);
			var text_gc = document.createTextNode(" ° C");
			
			labelGc.appendChild(text_gc);
			
		form.appendChild(labelGc);
		
			var divWb = document.createElement("div");
			divWb.style.display="none";
				var h3 = document.createElement("h3");
				var textWb = document.createTextNode("Ihr persönlicher Wärmebereich:");
				h3.appendChild(textWb);
			divWb.appendChild(h3);
			var imgWb = document.createElement("img");
			divWb.appendChild(imgWb);
		form.appendChild(divWb);
		
		
		InputForm = DOM.quadrat(baseObj.content[1].inputwidth+"px", "" , "absolute", "0px", "0px", "");
		InputForm.childNodes[1].childNodes[2].appendChild(form);
		
		setTimeout(function(){checkform0();}, 100);
		
		return InputForm;
		function checkform0(){
			inpKg.value = inpKg.value.replace(/[^0-9]/g, '');
			inpGc.value = inpGc.value.replace(/[^0-9]/g, '');
			if(inpKg.value>=10 && inpKg.value<=250 && inpGc.value>=5 && inpGc.value<=50){
				baseObj.content[1].gewicht = inpKg.value;
				baseObj.content[1].temperatur = inpGc.value;
				if(inpKg.value<=eval(-12.5*inpGc.value+270))wb = "3";
				else if(inpKg.value<=eval(-12.5*inpGc.value+337,5))wb = "2";
				else(wb = "1");
				baseObj.content[1].wb=wb;
				divWb.style.display="block";
				imgWb.src = "http://www.centa-star.de/dev/asset/img/sonstiges/wb_"+wb+".gif";
				imgWb.alt = "W&auml;rmebereich";
				
				if(typeof self.weiter == "undefined"){
					var add = document.createElement("div");
					var img = document.createElement("img");
						img.src = "http://www.centa-star.de/dev/asset/img/sonstiges/wb_prev_1.gif";
						img.alt="";
						img.width="84";
						img.height="32";
					add.onmouseover=function(){
						this.firstChild.src = "http://www.centa-star.de/dev/asset/img/sonstiges/wb_prev_1_o.gif";
					}
					add.onmouseout=function(){
						this.firstChild.src = "http://www.centa-star.de/dev/asset/img/sonstiges/wb_prev_1.gif";
					}
					add.appendChild(img);
					self.aktivateMenue(2);
					self.weiter = makeweiter(2, "Weiter zu Schritt 2", add);
					InputForm.parentNode.appendChild(self.weiter);
				}else{
					InputForm.parentNode.appendChild(self.weiter);
				}
			}else{
				if(typeof self.weiter == "object")InputForm.parentNode.removeChild(self.weiter);
				divWb.style.display="none";
			}
		}	
	}
	this.cInput2 = function(){
		var checked = new Array();
		var ul =  document.createElement("ul");
		ul.className = "drageable";
			for(i in baseObj.content[2].questions){
				checked[i]=false;
				var li =  document.createElement("li");
				i!=0?li.className = "dragLi":li.className = "dragLiHl";
					text =  document.createTextNode(baseObj.content[2].questions[i].text);
					var div = document.createElement("div");
					div.className ="ranking";
					for(var p=1; p<baseObj.content[2].questions.length;p++){
						div.appendChild(setStar(p, i));
					}
					li.appendChild(div);
					li.appendChild(text);
					
				ul.appendChild(li);
			}
		var InputForm = DOM.quadrat(baseObj.content[2].inputwidth+"px", "" , "absolute", "0px", "0px", "");
		InputForm.childNodes[1].childNodes[2].appendChild(ul);
		InputForm.onmouseout=function(){
			checkform1();
		}
		setTimeout(function(){checkform1();}, 100);
		return InputForm;
		function setStar(number, parentNumber){
			var star = document.createElement("div");
			star.className ="outlStar";
			number<=baseObj.content[2].questions[parentNumber].value?star.className ="fullStar":star.className ="outlStar";
			star.onmouseover=function(){
				
				checkform1();
				if(checked[parentNumber]==false){
					baseObj.content[2].questions[parentNumber].value = number;
					for(var i in this.parentNode.childNodes){
						var knoten = this.parentNode.childNodes[i];
						i<number?knoten.className ="fullStar":knoten.className ="outlStar";
					}
				}
			}
			star.onmouseout=function(){
				if(number===1&&!checked[parentNumber])this.className ="outlStar";
			}
			star.onclick=function(){
				checked[parentNumber]=true;
				baseObj.content[2].questions[parentNumber].value = number;
				for(var i in this.parentNode.childNodes){
					var knoten = this.parentNode.childNodes[i];
					i<number?knoten.className ="fullStar":knoten.className ="outlStar";
				}
			}
			return star;
		}
		function checkform1(){
			for(var p=1; p<baseObj.content[2].questions.length;p++){
				if(baseObj.content[2].questions[p]!=null){
				if(baseObj.content[2].questions[p].value==0){
					return;
				}
				}
			}
			if(typeof self.weiter2 == "undefined"){
				var add = document.createElement("div");
					var img = document.createElement("img");
						img.src = "http://www.centa-star.de/dev/asset/img/sonstiges/wb_prev.gif";
						img.alt="";
						img.width="84";
						img.height="32";
					add.onmouseover=function(){
						this.firstChild.src = "http://www.centa-star.de/dev/asset/img/sonstiges/wb_prev_o.gif";
					}
					add.onmouseout=function(){
						this.firstChild.src = "http://www.centa-star.de/dev/asset/img/sonstiges/wb_prev.gif";
					}
					add.appendChild(img);
				self.weiter2 = makeweiter(3, "Weiter zu Schritt 3", add);
				InputForm.parentNode.appendChild(self.weiter2);
			}else{
				InputForm.parentNode.appendChild(self.weiter2);
			}
		}
	}
	this.cInput3 = function(){
		var form =  document.createElement("form");
		imgw = document.createElement("img");
		imgw.src = "http://www.centa-star.de/dev/asset/img/sonstiges/warm.gif";
		form.appendChild(imgw);
		
		h = document.createElement("span");
		h.className = "bold";
		text =  document.createTextNode("Wählen Sie Ihre Komfortnote");
		h.appendChild(text);
		form.appendChild(h);
		
		imgw = document.createElement("img");
		imgw.src = "http://www.centa-star.de/dev/asset/img/sonstiges/kalt.gif";
		form.appendChild(imgw);
		br =  document.createElement("br");
		form.appendChild(br);
			
			var selectw = document.createElement("select");
			selectw.className = "waermebereich";
			
			
				/*var option = document.createElement("option");
				option.value = "";
				option.selected="selected"
					var text = document.createTextNode("komfortnote warm");
				option.appendChild(text);
				selectw.appendChild(option);*/
				
				for(var p=0; p<baseObj.content[3].option.length;p++){
					var option = document.createElement("option");
					if(baseObj.content[3].option[p].value==baseObj.content[3].wb){
						option.selected="selected";
					}
					option.value = baseObj.content[3].option[p].value;
						var text = document.createTextNode(baseObj.content[3].option[p].text);
					option.appendChild(text);
					selectw.appendChild(option);
				}
				
		form.appendChild(selectw);
			var img = document.createElement("img");
			img.src = "http://www.centa-star.de/dev/asset/img/sonstiges/wb_"+baseObj.content[1].wb+"_big.png";
		form.appendChild(img);
			var selectk = document.createElement("select");
			selectk.className = "kaeltebereich";
				/*var option = document.createElement("option");
				option.value = "";
				var text = document.createTextNode("komfortnote kalt");
				option.appendChild(text);
				selectk.appendChild(option);*/
				
				for(var p=0; p<baseObj.content[3].option.length;p++){
					var option = document.createElement("option");
					if(baseObj.content[3].option[p].value==baseObj.content[3].kb){
						option.selected="selected";
					}
					option.value = baseObj.content[3].option[p].value;
						var text = document.createTextNode(baseObj.content[3].option[p].text);
					option.appendChild(text);
					selectk.appendChild(option);
				}
				
		form.appendChild(selectk);
		var InputForm = DOM.quadrat(baseObj.content[2].inputwidth+"px", "" , "absolute", "0px", "0px", "");
		InputForm.childNodes[1].childNodes[2].align="center";
		InputForm.childNodes[1].childNodes[2].appendChild(form);
		selectk.onchange=function(){
			checkform2();
			baseObj.content[3].kb = this.value;
		}
		selectw.onchange=function(){
			checkform2();
			baseObj.content[3].wb = this.value;
		}
		setTimeout(function(){checkform2();}, 100);
		return InputForm;
		function checkform2(){
			if(selectk.selectedIndex!=-1&&selectk.selectedIndex!=0&&selectw.selectedIndex!=-1&&selectw.selectedIndex!=0){
					self.aktivateMenue(4);
			}else{
				return;	
			}
			self.kollektion = 1;
			if(typeof self.weiter3 == "undefined"){
				var add = document.createElement("div");
					var img = document.createElement("img");
						img.src = "http://www.centa-star.de/dev/asset/img/sonstiges/wb_prev_3.gif";
						img.alt="";
						img.width="84";
						img.height="32";
					add.onmouseover=function(){
						this.firstChild.src = "http://www.centa-star.de/dev/asset/img/sonstiges/wb_prev_3_o.gif";
					}
					add.onmouseout=function(){
						this.firstChild.src = "http://www.centa-star.de/dev/asset/img/sonstiges/wb_prev_3.gif";
					}
					add.appendChild(img);
				self.weiter3 = makeweiter(4, "Weiter zur Auswertung", add);
				InputForm.parentNode.appendChild(self.weiter3);
			}else{
				InputForm.parentNode.appendChild(self.weiter3);
			}
		}
	}
	this.cInput4 = function(){
		var div = document.createElement("div");
		////Linien mit passendem Wörmebereich
		var auslese = new Array();
		for(var j=0; j<Produktdaten.linien.length;j++){
			for(var i=0; i<Produktdaten.linien[j].arten.length;i++){
				if(Produktdaten.linien[j].arten[i].wb==baseObj.content[1].wb){
					auslese.push(j);
					break;
				}
			}
		}
		////Linie aussuchen
		var res = new Array();
		for(var j=0; j<auslese.length;j++){
			var uebereinstimmung = 0;
			for(var i=0; i<Produktdaten.linien[auslese[j]].att.length;i++){
				var erg = Produktdaten.linien[auslese[j]].att[i].v-baseObj.content[2].questions[i+1].value*0.75;
				if(erg<0)erg=erg*(-1);
				uebereinstimmung+=erg;
			}
			res.push(uebereinstimmung);
		}
		var lil=0;
		for(i in res){
			if(res[i]<=res[lil])
				lil=i;
		}
		////mögliche Wärmebereiche aussuchen
		var wbereiche=new Array();
		var zusatz=false;
		for(var i=0; i<Produktdaten.linien[lil].arten.length;i++){
			if(Produktdaten.linien[lil].arten[i].wb==baseObj.content[1].wb){
				wbereiche.push(i);
				//break;
			}
		}
		var waermebereich=0;
		if(wbereiche.length==1){
			waermebereich = wbereiche[0];
		}else{
			var kwbereich=new Array();
			for(i in wbereiche){
				var uebereinstimmungen=0;
				
				var tkw=baseObj.content[3].wb-Produktdaten.linien[lil].arten[wbereiche[i]].kw;
				if(tkw<0)tkw=tkw*(-1);
				
				
				var tkk=baseObj.content[3].kb-Produktdaten.linien[lil].arten[wbereiche[i]].kk;
				if(tkk<0)tkk=tkk*(-1);
				
				uebereinstimmungen=tkw+tkk;
				kwbereich.push(uebereinstimmungen);
			}
			var combi = new Array();
			for(i in kwbereich){
				if(kwbereich[i]<=kwbereich[waermebereich])
					combi.push(wbereiche[i]);
					
			}
			for(i in combi){
				if(Produktdaten.linien[lil].arten[combi[i]].name=="Combi-Bett"){
					var zusatz=true;
				}else{
					waermebereich=combi[i];
				}
			}
		}
		//alert("WBereich:"+baseObj.content[1].wb+" Linie:"+Produktdaten.linien[lil].name+" Bettart:"+Produktdaten.linien[lil].arten[waermebereich].name);
		if(zusatz){
			var annere='';
			Produktdaten.linien[lil].arten[waermebereich].name=="Leicht-Bett"?annere="Duo-Leicht-Bett":annere="Leicht-Bett";
			div.appendChild(cText({html : '<p><strong>Hinweis:</strong>das zu Ihnen passende <a href="#">'+Produktdaten.linien[lil].arten[waermebereich].name+'</a> ist auch also Combi-Bett zusammen mit dem <a href="http://www.centa-star.de/dev/en/bedding/bettarten/">'+annere+'</a> erhältlich. Das ideale Ganz-Jahres-Bett.</p>', top :  175, left : 110, z : 4, width: 650, align:"left"}));
			}
		
		var temp = Produktdaten.linien[lil].name.toLowerCase();
		div.appendChild(cImage({url : "http://www.centa-star.de/dev/asset/img/logos/b_"+temp.toLowerCase().replace(/ /g, "_")+"_logo.gif", top : -120, left : 210, z : 0}));		
		
		div.appendChild(cText({html : '<h3>Unsere persönliche Empfehlung für Sie:</h3><p>passend zu Ihren individuellen Schlafkriterien empfehlen wir Ihnen das <a href="http://www.centa-star.de/dev/en/bedding/bettarten/">'+Produktdaten.linien[lil].arten[waermebereich].name+'</a> aus der Kollektion <a href="http://www.centa-star.de/dev/en/bedding/overview/"">'+Produktdaten.linien[lil].name+'</a>.</p>', top :  -180, left : 210, z : 4, width: 500, align:"left"}));
		/*for(i in DATA0.content[0].content[1].content){
			if(DATA0.content[0].content[1].content[i].name==Produktdaten.linien[lil].arten[waermebereich].name){
				var bezug =i;
			}else if(DATA0.content[0].content[1].content[i].name==Produktdaten.linien[lil].arten[waermebereich].name+"-PV"){
				var bezugPV =i;
			}
		}*/
		
		div.appendChild(cText({html : Produktdaten.linien[lil].txt, top :  -130, left : 360, z : 4, width: 400, align:"left"}));
		
		div.appendChild(cText({html : '<p>Im <a class="pdf" href="../de/downloads/centastar_gesamtkatalog_08.pdf">Gesamtkatalog</a> finden Sie Details zu Material, Größen und Preisen.</p>', top :  210, left : 110, z : 4, width: 500, align:"left"}));
	
		div.appendChild(cImage({url : Produktdaten.linien[lil].bild, top : -30, left : 210, height:200, z : 0}));
		
		var InputForm = DOM.quadrat("166px", "" , "absolute", "-10px", "380px", "");
		InputForm.childNodes[1].childNodes[2].innerHTML = '<h4>'+Produktdaten.linien[lil].arten[waermebereich].name+":</h4>"+Produktdaten.linien[lil].arten[waermebereich].des;
		//DATA0.content[0].content[1].content[bezug].content.content[0].content.html.replace(/(.+\.).+/ig, "$1");
		div.appendChild(InputForm);
		
		
		return div;
		function cImage(baseObj){
			var div = document.createElement("div");
			div.style.position = "absolute";
			div.style.top = baseObj.top+"px";
			div.style.left = baseObj.left+"px";
			if(typeof baseObj.z != "undefined"){
				//zIndex = Math.max(zIndex, baseObj.z);
				div.style.zIndex = baseObj.z;
			}
				var img = document.createElement("img");
				img.src = baseObj.url;
				if(baseObj.height!=""&&typeof baseObj.height!="undefined"){
					img.height=baseObj.height;
				}
			div.appendChild(img);
			return div;
		}
		function cText(baseObj){
			var div = document.createElement("div");
			div.className = "teext";
			baseObj.align!="undefined"?div.align = baseObj.align:div.align ="left";
			baseObj.cssClass!="undefined"?div.className = div.className+" "+baseObj.cssClass:div.className+" "+baseObj.cssClass;
			div.style.position = "absolute";
			div.style.width = baseObj.width+"px";
			div.style.top = baseObj.top+"px";
			div.style.left = baseObj.left+"px";
			div.innerHTML = baseObj.html;
			return div;
		}
	}
	var setInt = function(page){
		typeof page=="undefined" ? page = 0 : self.aktiveTempMenuePunkt = page;
		if(self.aktiveTempMenuePunkt != self.aktiveMenuePunkt){
			
			cMenue();
			cInput();
			
			cContent();
			self.aktiveMenuePunkt = self.aktiveTempMenuePunkt;
		}
		
	}
	var get = function(){
		var div = document.createElement("div");
		div.appendChild(Menue);
		
		div.appendChild(ContentRoot);
		
		div.appendChild(Input);
		return div;
	}
	setInt();
	return {
		set : function(page){
			setInt(page);
			return get();
		}
	}
}