function createXMLHttpRequest() {
 
	var ua;
	if(window.XMLHttpRequest) {
		try {
			ua = new XMLHttpRequest();
		} catch(e) {
			ua = false;
		}
	} else if(window.ActiveXObject) {
		try {
			ua = new ActiveXObject("Microsoft.XMLHTTP");
		} catch(e) {
			ua = false;
		}
	}
	return ua;
}
var req = createXMLHttpRequest();

// NEUE NAVI *************************************************************************

function setKoll(kol, div) {
	
	document.getElementById('hidden_marke').value = "";
	document.getElementById('choosenMarke').style.display = "none";
	document.getElementById('menufelder').style.display = "none";
	document.getElementById('hidden_1').value = "";
	document.getElementById('hidden_2').value = "";
	document.getElementById('hidden_3').value = "";
	document.getElementById('hidden_4').value = "";
	document.getElementById('fett1').value = "";
	document.getElementById('fett2').value = "";
	document.getElementById('fett3').value = "";
	document.getElementById('fett4').value = "";
	document.getElementById('menufeld1').innerHTML = "";
	document.getElementById('menufeld2').innerHTML = "";
	document.getElementById('menufeld3').innerHTML = "";
	document.getElementById('menufeld4').innerHTML = "";
	document.getElementById('ergebnis').innerHTML = "";
	document.getElementById('ergebnis').style.display = "none";
	document.getElementById('ergebnis_sub').style.display = "none";
	document.getElementById('choosenArt').style.display = "none";
	document.getElementById('choosenBot').style.display = "none";
	document.getElementById('cartAdd').style.display = "none";
	
	req.open('post', 'lib/class/komfortbestellung_ajax_neu.php?action=setKoll&kol='+kol);
	
	// Alle Kollektionen zurücksetzen
	//document.getElementById('kf_koll_2009').style.borderBottom = "1px solid #666";
	//document.getElementById('kf_koll_2009').style.backgroundColor = "#FFD8B7";
	//document.getElementById('kf_koll_2010').style.borderBottom = "1px solid #666";
	//document.getElementById('kf_koll_2010').style.backgroundColor = "#FFD8B7";
	// Alle Kollektionen zurücksetzen
	
	//document.getElementById(div).style.borderBottom = "0px";
	//document.getElementById(div).style.backgroundColor = "#fff";
	var cell = "cell_" + div;
	document.getElementById(cell).style.borderBottom = "1px solid #ffffff";
	document.getElementById(cell).style.backgroundColor = "#ffffff";
	
	var old = document.getElementById('old_koll').value;
	if(old != "") {
		document.getElementById(old).style.borderBottom = "1px solid #666666";
		document.getElementById(old).style.backgroundColor = "#FFD8B7";
	}
	document.getElementById('old_koll').value = cell;	
	document.getElementById('hidden_koll').value = kol;
	req.onreadystatechange = setKollReq;
	req.send(null);
}
function setKollReq() {

	if(req.readyState == 4){
		var antwort = req.responseText;

		if((document.getElementById('hidden_marke').value) != "") {
		} else {
			document.getElementById('marken').style.display = "block";
		}
		document.getElementById('marken').innerHTML = antwort;
	}
}
function changeMarke(kol) {
	

		document.getElementById('hidden_marke').value = "";
		document.getElementById('choosenMarke').style.display = "none";
		document.getElementById('menufelder').style.display = "none";
		document.getElementById('marken').style.display = "block";
		
		document.getElementById('hidden_1').value = "";
		document.getElementById('hidden_2').value = "";
		document.getElementById('hidden_3').value = "";
		document.getElementById('hidden_4').value = "";
		document.getElementById('fett1').value = "";
		document.getElementById('fett2').value = "";
		document.getElementById('fett3').value = "";
		document.getElementById('fett4').value = "";
		
		document.getElementById('ergebnis').innerHTML = "";
		document.getElementById('ergebnis').style.display = "none";
		
		document.getElementById('menufeld1').innerHTML = "";
		document.getElementById('menufeld2').innerHTML = "";
		document.getElementById('menufeld3').innerHTML = "";
		document.getElementById('menufeld4').innerHTML = "";

		
}
function setMarke() {
		var marke = document.getElementById('markenauswahl').value;
		var kol = document.getElementById('hidden_koll').value;
		
		if(marke != "") {
			document.getElementById('choosenMarke').style.display = "block";
			document.getElementById('choosenMarke').style.borderBottom = "none";
			document.getElementById('marken').style.display = "none";
			document.getElementById('menufelder').style.display = "block";
		
		
			req.open('post', 'lib/class/komfortbestellung_ajax_neu.php?action=setFirst&kol=' + kol + '&marke=' + marke);
			req.onreadystatechange = setMarkeReq;
			req.send(null);
		}
}
function setMarkeReq() {
		var show_marke;
		var marke = document.getElementById('markenauswahl').value;
			
		if(marke == "7") { show_marke = "O'Neal"; }
		if(marke == "13") { show_marke = "Lezyne"; }
		if(marke == "14") { show_marke = "EVS"; }
		if(marke == "6") { show_marke = "Rekluse"; }
		if(marke == "15") { show_marke = "MotoCinch"; }
		
		document.getElementById('hidden_marke').value = marke;
		
	if(req.readyState == 4){
		var antwort = req.responseText;
		var antw = antwort.split("@");
		document.getElementById('choosenMarke').innerHTML = antw[1] + "<strong>" + show_marke + "</strong><a style='cursor: pointer; margin-left: 30px;color: #ff7200' onclick=\"changeMarke('')\"><strong>" + antw[2] + "</strong></a>";
		document.getElementById('menufeld1').innerHTML = antw[0];
	}
}
function setFirst(which) {
	var marke = document.getElementById('markenauswahl').value;
	var kol = document.getElementById('hidden_koll').value;
	document.getElementById('hidden_1').value = which;
	
	document.getElementById('hidden_2').value = "";
	document.getElementById('hidden_3').value = "";
	document.getElementById('hidden_4').value = "";
	
	document.getElementById('menufeld2').innerHTML = "";
	document.getElementById('menufeld3').innerHTML = "";
	document.getElementById('menufeld4').innerHTML = "";
	
	var linkid = "link" + which;
	document.getElementById(linkid).style.fontWeight = "bold";
	document.getElementById(linkid).style.color = "#000000";
	
	if(document.getElementById('fett1').value != "") {
		var altfett = document.getElementById('fett1').value;
		if(altfett != "") {
			document.getElementById(altfett).style.fontWeight = "normal";
			document.getElementById(altfett).style.color = "#747474";
		}
	}
	document.getElementById('fett1').value = linkid;
	document.getElementById('fett2').value = "";
	document.getElementById('fett3').value = "";
	document.getElementById('fett4').value = "";
	
	req.open('post', 'lib/class/komfortbestellung_ajax_neu.php?action=setSecond&kol=' + kol + '&marke=' + marke + '&col1=' + which);
	req.onreadystatechange = setFirstReq;
	req.send(null);
}
function setFirstReq() {
	if(req.readyState == 4){
		var antwort = req.responseText;
		if(antwort == "0") {
			getProducts('1');
		} else {
			document.getElementById('menufeld2').innerHTML = antwort;
		}
	}
}
function setSecond(which) {
	var marke = document.getElementById('markenauswahl').value;
	var kol = document.getElementById('hidden_koll').value;
	var col1 = document.getElementById('hidden_1').value;
	document.getElementById('hidden_2').value = which;
	
	document.getElementById('hidden_3').value = "";
	document.getElementById('hidden_4').value = "";
	
	document.getElementById('menufeld3').innerHTML = "";
	document.getElementById('menufeld4').innerHTML = "";
	
	var linkid = "link" + which;
	document.getElementById(linkid).style.fontWeight = "bold";
	document.getElementById(linkid).style.color = "#000000";
	
	if(document.getElementById('fett2').value != "") {
		var altfett = document.getElementById('fett2').value;
		if(altfett != "") {
			document.getElementById(altfett).style.fontWeight = "normal";
			document.getElementById(altfett).style.color = "#747474";
		}
	}
	document.getElementById('fett2').value = linkid;
	document.getElementById('fett3').value = "";
	document.getElementById('fett4').value = "";
	
	req.open('post', 'lib/class/komfortbestellung_ajax_neu.php?action=setThird&kol=' + kol + '&marke=' + marke + '&col1=' + col1 + '&col2=' + which);
	req.onreadystatechange = setSecondReq;
	req.send(null);
}
function setSecondReq() {
	if(req.readyState == 4){
		var antwort = req.responseText;
		if(antwort == "0") {
			getProducts('2');
		} else {
			document.getElementById('menufeld3').innerHTML = antwort;
		}
	}
}
function setThird(which) {

	var marke = document.getElementById('markenauswahl').value;
	var kol = document.getElementById('hidden_koll').value;
	var col1 = document.getElementById('hidden_1').value;
	var col2 = document.getElementById('hidden_2').value;
	document.getElementById('hidden_3').value = which;

	document.getElementById('hidden_4').value = "";
	
	document.getElementById('menufeld4').innerHTML = "";
	
	var linkid = "link" + which;
	document.getElementById(linkid).style.fontWeight = "bold";
	document.getElementById(linkid).style.color = "#000000";
	
	if(document.getElementById('fett3').value != "") {
		var altfett = document.getElementById('fett3').value;
		if(altfett != "") {
			document.getElementById(altfett).style.fontWeight = "normal";
			document.getElementById(altfett).style.color = "#747474";
		}
	}
	document.getElementById('fett3').value = linkid;
	document.getElementById('fett4').value = "";
	
	
	req.open('post', 'lib/class/komfortbestellung_ajax_neu.php?action=setFourth&kol=' + kol + '&marke=' + marke + '&col1=' + col1 + '&col2=' + col2 + '&col3=' + which);
	req.onreadystatechange = setThirdReq;
	req.send(null);
}
function setThirdReq() {
	if(req.readyState == 4){
		var antwort = req.responseText;
		if(antwort == "0") {
			getProducts('3');
		} else {
			document.getElementById('menufeld4').innerHTML = antwort;
		}
	}
}
function setFourth(which) {

	var marke = document.getElementById('markenauswahl').value;
	var kol = document.getElementById('hidden_koll').value;
	var col1 = document.getElementById('hidden_1').value;
	var col2 = document.getElementById('hidden_2').value;
	var col3 = document.getElementById('hidden_3').value;
	document.getElementById('hidden_4').value = which;
	
	var linkid = "link" + which;
	document.getElementById(linkid).style.fontWeight = "bold";
	document.getElementById(linkid).style.color = "#000000";
	
	if(document.getElementById('fett4').value != "") {
		var altfett = document.getElementById('fett4').value;
		if(altfett != "") {
			document.getElementById(altfett).style.fontWeight = "normal";
			document.getElementById(altfett).style.color = "#747474";
		}
	}
	document.getElementById('fett4').value = linkid;
	

	getProducts('4');
}
function getProducts(which) {

		var marke = document.getElementById('markenauswahl').value;
		var kol = document.getElementById('hidden_koll').value;
		var col1 = document.getElementById('hidden_1').value;
		
		if(which == "1") {
			var kategorie = document.getElementById('hidden_1').value;
			var url = 'lib/class/komfortbestellung_ajax_neu.php?action=getProducts&kol=' + kol + '&marke=' + marke + '&col1=' + col1 + '&kategorie=' + kategorie;
		}
		
		if(which == "2") {
			var kategorie = document.getElementById('hidden_2').value;
			var url = 'lib/class/komfortbestellung_ajax_neu.php?action=getProducts&kol=' + kol + '&marke=' + marke + '&col1=' + col1 + '&kategorie=' + kategorie;
		}
		
		if(which == "3") {
			var kategorie = document.getElementById('hidden_3').value;
			var url = 'lib/class/komfortbestellung_ajax_neu.php?action=getProducts&kol=' + kol + '&marke=' + marke + '&col1=' + col1 + '&kategorie=' + kategorie;
		}
		
		if(which == "4") {
			var kategorie = document.getElementById('hidden_4').value;
			var url = 'lib/class/komfortbestellung_ajax_neu.php?action=getProducts&kol=' + kol + '&marke=' + marke + '&col1=' + col1 + '&kategorie=' + kategorie;
		}
	
		req.open('post', url);
		req.onreadystatechange = getProductsReq;
		req.send(null);	
}
function getProductsReq() {
	if(req.readyState == 4){
		var antwort = req.responseText;
		document.getElementById('ergebnis').style.display = "block";
		document.getElementById('ergebnis_sub').style.display = "block";
		document.getElementById('choosenArt').style.display = "block";
		document.getElementById('choosenBot').style.display = "block";
		document.getElementById('cartAdd').style.display = "block";
		document.getElementById('ergebnis').innerHTML = antwort;
	}
}



// ENDE NEUE NAVI ************************************************************************* 

function fillCart() {

	var cartList = document.getElementById('cartBox').value;
	req.open('post', 'lib/class/komfortbestellung_ajax.php?aktion=fillOnTheFly&cartList=' + cartList);
	req.onreadystatechange = clearAll;
	req.send(null);
}
function createCSV() {

	first = document.getElementById('firstReq').value;
	second = document.getElementById('secondReq').value;
	third = document.getElementById('thirdReq').value;

	line1 = document.getElementById('firstReal').value;
	line2 = document.getElementById('secondReal').value;
	line3 = document.getElementById('thirdReal').value;
	
	req.open('post', 'createcsv.php?first=' + first + '&second=' + second + '&third=' + third + '&line1=' + line1 + '&line2=' + line2 + '&line3=' + line3);
	req.onreadystatechange = handleResponseCsv;
	req.send(null);

}
function changeNumber(artnr) {
	
	var menge = document.getElementById(artnr).value;
	alert("Anzahl wurde auf " + menge + " geändert."); 
	req.open('post', 'lib/class/others.php?action=change&artnr=' + artnr + "&menge=" + menge);
	req.onreadystatechange = handleFill;
	req.send(null);
	
}
function deleteItem(artnr) {
	req.open('post', 'lib/class/others.php?artnr=' + artnr);
	req.onreadystatechange = handleFill;
	req.send(null);
}
function handleDel() {

	if(req.readyState == 4){
		var antwort = req.responseText;
	}
}
function choose_all(artnrs) {
	
	var arts = artnrs.split("@");
	var start = 1;
	for (var i = 0; i < arts.length; ++i) { 
		if(arts[i] != "") {
			var menge = document.getElementById('PrID[' + arts[i] + ']').value;
			
			if(menge != 0) {
				if(i == 0) {
					var weitergabe = "menge" + start + "=" + menge + "&" + "art" + start + "=" + arts[i] + "\n";
				} else {
					var weitergabe = weitergabe + "&menge" + start + "=" + menge + "&" + "art" + start + "=" + arts[i] + "\n";
				}
				start++;
			} else {

			}
		}
	}
	
	weitergabe = weitergabe + "&gesamt=" + (start-1);
	

	req.open('post', 'lib/class/fillFly.php?' + weitergabe);
	req.onreadystatechange = handleFill;
	req.send(null);
	/*
	var menge = document.getElementById('PrID[' + artnr + ']').value;
	req.open('post', 'lib/class/fillFly.php?artnr=' + artnr + '&menge=' + menge);
	req.onreadystatechange = handleFill;
	req.send(null);
	*/
}
function fillOnTheFly(artnrs) {
	
	var arts = artnrs.split("@");
	for (var i = 0; i < arts.length; ++i) { 
		
	}
		
	req.open('post', 'lib/class/fillFly.php?what=' + artnrs );
	req.onreadystatechange = handleFill;
	req.send(null);
	/*
	var menge = document.getElementById('PrID[' + artnr + ']').value;
	req.open('post', 'lib/class/fillFly.php?artnr=' + artnr + '&menge=' + menge);
	req.onreadystatechange = handleFill;
	req.send(null);
	*/
}
function readMerkzettel() {
	req.open('post', 'lib/class/fillFly.php?action=readMerkzettel');
	req.onreadystatechange = handleMerk;
	req.send(null);
}
function handleMerk() {

	if(req.readyState == 4){
		var antwort = req.responseText;
		//document.getElementById('choosenArt').innerHTML = antwort;
	}
}
function addAllToCart () {
	req.open('post', 'lib/class/fillFly.php?action=addAllToCart');
	req.onreadystatechange = handleCart;
	req.send(null);
	
}
function handleCart() {
	if(req.readyState == 4){
		var antwort = req.responseText;
		//alert(antwort);
		location.reload();
	}
	
}
function handleFill() {
	if(req.readyState == 4){
		
		var antwort = req.responseText;
		document.getElementById('choosenArt').innerHTML = antwort;
		
		var kol = document.getElementById('hidden_koll').value;
		var col1 = document.getElementById('hidden_1').value;
		var col2 = document.getElementById('hidden_2').value;
		var col3 = document.getElementById('hidden_3').value;
		var col4 = document.getElementById('hidden_4').value;
	
		
		if(document.getElementById('searchfield').value != "Schnellsuche...") {
			directSearch();
			//alert("suche nach " + document.getElementById('searchfield').value);
		} else {
			req.open('post', 'lib/class/komfortbestellung_ajax.php?first=' + first + '&second=' + second + '&third=' + third);
			req.onreadystatechange = handleResponse;
			req.send(null);
		}

		

	}
}
function directSearch() {
	
	var searchVar;
	searchVar = document.getElementById('searchfield').value;
	
	if(document.getElementById('markenauswahl')) {
		var marke = document.getElementById('markenauswahl').value;
	}
	var kol = document.getElementById('hidden_koll').value;
	var col1 = document.getElementById('hidden_1').value;
	var col2 = document.getElementById('hidden_2').value;
	var col3 = document.getElementById('hidden_3').value;
	var col4 = document.getElementById('hidden_4').value;
	
	if(searchVar.length > 2) {
		req.open('post', 'lib/class/komfortbestellung_ajax_neu.php?action=directsearch&searchVar=' + searchVar +'&kol=' + kol + '&marke=' + marke + '&col1=' + col1 + '&col2=' + col2 + '&col3=' + col3 + '&col4=' + col4);
		req.onreadystatechange = handleResponseDirectSearch;
		req.send(null);
	} 
}
function handleResponseDirectSearch() {
	
	//document.getElementById('ergebnis').innerHTML = "<img src='/templates/twd/img/ajax-loader.gif'>";
	
	
	if(req.readyState == 4){
		
		var antwort = req.responseText;
		//alert(antwort);
		var boxes = antwort.split("@@@");
		//document.getElementById('menufeld2').innerHTML = boxes[0];
		//document.getElementById('menufeld3').innerHTML = boxes[1];
		//document.getElementById('trenn').innerHTML = boxes[2];
		document.getElementById('ergebnis').style.display = "block";
		document.getElementById('ergebnis_sub').style.display = "block";
		document.getElementById('choosenArt').style.display = "block";
		document.getElementById('choosenBot').style.display = "block";
		document.getElementById('cartAdd').style.display = "block";
		document.getElementById('ergebnis').innerHTML = antwort;
	}
}
function clearAll() {

	document.getElementById('second').innerHTML = "";
	document.getElementById('third').innerHTML = "";
	document.getElementById('trenn').innerHTML = "";
	document.getElementById('ergebnis').innerHTML = "";
}
function sendRequest(first, second, third, name1, name2, name3) {
	
	document.getElementById('firstReq').value = first;
	document.getElementById('secondReq').value = second;
	document.getElementById('thirdReq').value = third;

	document.getElementById('firstReal').value = name1;
	document.getElementById('secondReal').value = name2;
	document.getElementById('thirdReal').value = name3;
	
	req.open('post', 'lib/class/komfortbestellung_ajax.php?first=' + first + '&second=' + second + '&third=' + third);
	req.onreadystatechange = handleResponse;
	req.send(null);
	
}
function handleResponse() {
	
	//document.getElementById('ergebnis').innerHTML = "<img src='/templates/twd/img/ajax-loader.gif'>";
	
	if(req.readyState == 4){
		var antwort = req.responseText;
		var boxes = antwort.split("@@@");
	
		document.getElementById('menufeld2').innerHTML = boxes[0];
		document.getElementById('menufeld3').innerHTML = boxes[1];
		//document.getElementById('trenn').innerHTML = boxes[2];
		document.getElementById('ergebnis').innerHTML = boxes[3];
	}
} 
function handleResponseCsv() {
	var antwort = req.responseText;
	if(req.readyState == 4){
		document.getElementById('csv').innerHTML = antwort;		
	}
}
function showFirst(erste, which, ebene) {
	
	var box = which + "_sub";
	var alt = document.getElementById('ebene1').value;

	if(alt != which) {
		if(alt != "") {
			var box1 = alt + "_sub";
			$("#" + box1).slideUp(500);
		} 

		document.getElementById('ebene' + ebene).value = which;
		$("#" + box).slideDown(500);
	}

}
function showSecnd(erste, which, ebene) {

	var alt = document.getElementById('ebene2').value;
	
	if (alt != which) {
		var box = which + "_sub";
		if(alt != "") {
			var box1 = alt + "_sub";
			$("#" + box1).slideUp(500);
		} 

		document.getElementById('ebene' + ebene).value = which;
		$("#" + box).slideDown(500);
	}
	

}
function showSub(which) {
	
	if(document.getElementById(which).style.display == "none") {
		$("#" + which).slideDown(200);
	} else {
		$("#" + which).slideUp(200);
	}
}