id = 0;
pd = 0;
price = 0;
did = 0;
basepath = 'http://www.profi-star.de/';
assetspath = 'http://www.profi-star.de/assets/';

function search(term) {

	if (document.searchForm.term.value.length > 2) {
		resObjekt.open('get', '' + basepath + 'catalog/searchAjax/term/'
				+ escape(document.searchForm.term.value.toUpperCase())
				+ '.html', true);
		resObjekt.onreadystatechange = responseSearch;
		resObjekt.send(null);
	}
}

function responseSearch() {

	var text = "";
	document.getElementById("searchResponse").style.visibility = "visible";
	document.getElementById("searchResponse");
	
	document.getElementById("searchResponse").innerHTML = "<div class='ajaxloader'><img src='" + assetspath + "/ajaxloader.gif' border='0'> processing...plaese wait</div>";


	if (resObjekt.readyState == 4) {

		meinJSONObjekt = eval("(" + resObjekt.responseText + ")");

		if (meinJSONObjekt.bindings) {

			text += "<div style='text-align:center;padding-bottom:10px;'>Suchvorschläge</div>";

			for (i = 0; i < meinJSONObjekt.bindings.length; i++) {

				text += "<div class='searchResponse'>";
				text += "<div class='searchResNo'>"
						+ meinJSONObjekt.bindings[i].No
						+ "</div><div class='searchResItem'><a href='"
						+ basepath + "catalog/item/id/"
						+ meinJSONObjekt.bindings[i].Link + "/page/1.html'>"
						+ meinJSONObjekt.bindings[i].Title + " ("
						+ meinJSONObjekt.bindings[i].Package + ")</a></div>";
				text += "</div>";

			}
			document.getElementById("searchResponse").innerHTML = text;
		} else {
			document.getElementById("searchResponse").innerHTML = "<div style='text-align:center;padding-bottom:10px;'>Keine Suchvorschläge. Drücken Sie die Enter Taste für weitere Treffer!</div>";
		}
	}
}

function toBasket(id, price) {

	this.pd = id;
	this.price = price;

	resObjekt.open('get', '' + basepath + 'basket/addBasketAJAX/id/' + id
			+ '/price/' + price + '.html', true);
	resObjekt.onreadystatechange = responseToBasket;
	resObjekt.send(null);
}

function responseToBasket() {
	cha = "bas" + pd;
	document.getElementById(cha).innerHTML = '<img src="' + assetspath
			+ 'yes.png"><img src="' + assetspath
			+ 'remove.png" style="cursor:pointer;" onclick="removeBasket(' + pd
			+ ',' + price + ')">';

	// document.getElementById("basketSummary").innerHTML = '<img src="' + // basepath + 'assets/ajaxloader.gif" border="0" hspace="5" vspace="6" // align="absmiddle">processing...';

	if (resObjekt.readyState == 4) {
		text = resObjekt.responseText;
		document.getElementById("basketQuick").innerHTML = text;
	}
}

function removeBasket(id, price) {

	this.pd = id;
	this.price = price;

	resObjekt.open('get', '' + basepath + 'basket/removeBasketAJAX/id/' + id
			+ '.html', true);
	resObjekt.onreadystatechange = responseRemoveBasket;
	resObjekt.send(null);
}

function responseRemoveBasket() {

	cha = "bas" + pd;
	document.getElementById(cha).innerHTML = '<img src="' + assetspath
			+ 'to_basket.gif" style="cursor:pointer;" onclick="toBasket(' + pd
			+ ',' + price + ')">';

	if (resObjekt.readyState == 4) {
		text = resObjekt.responseText;
		document.getElementById("basketQuick").innerHTML = text;
	}
}

function showPlayer(id) {

	this.id = id;

	document.getElementById(id).innerHTML = '<img src="' + assetspath
			+ 'sound.png">';

	resObjekt.open('get', '' + basepath + 'catalog/player/id/' + id + '.html',
			true);
	resObjekt.onreadystatechange = responseShowPlayer;
	resObjekt.send(null);
}

function responseShowPlayer() {

	if (resObjekt.readyState == 4) {
		text = resObjekt.responseText;
		document.getElementById("player").innerHTML = text;
	}
}

function details(id) {

	this.id = id;

	resObjekt.open('get', '' + basepath + 'catalog/detailsAjax/id/' + id
			+ '.html', true);
	resObjekt.onreadystatechange = responseDetails;
	resObjekt.send(null);

}

function responseDetails() {

	var text = "";
	document.getElementById(id).style.visibility = "visible";
	document.getElementById(id).style.display = "block";
	document.getElementById(id).style.width = "990px";
	document.getElementById(id).style.height = "auto";
	
	document.getElementById(id).innerHTML = "<div class='ajaxloader'><img src='" + assetspath + "/ajaxloader.gif' border='0'> processing...plaese wait</div>";
	
	if (resObjekt.readyState == 4) {

		meinJSONObjekt = eval("(" + resObjekt.responseText + ")");

		for (i = 0; i < meinJSONObjekt.bindings.length; i++) {

			text += "<div class='ajaxDetails'>";
			
			text += "<div class='showhideDetails' style='margin-left:30px;' onclick=closeDetails('"+ id + "');>Details verbergen </div>";
			
			text += "<div class='itemCard'>Produktbeschreibung</div>";
			text += "<div class='itemDesc'>" + meinJSONObjekt.bindings[i].Text2
					+ "</div>";
			text += "<div class='itemPicAjax'><img src='" + assetspath + "images/" + meinJSONObjekt.bindings[i].No + ".png'></div>";
			text += "<div class='itemCard'>Anwendung</div>";
			text += "<div class='itemDesc'>" + meinJSONObjekt.bindings[i].Text3
					+ "</div>";
			text += "<div class='itemCard'>Ihre Vorteile</div>";
			text += "<div class='itemDesc'>" + meinJSONObjekt.bindings[i].Text4
					+ "</div>";
			
			text += "</div>";			
		}
		document.getElementById(id).innerHTML = text;
	}
}

function closeDetails(id) {	
	
	document.getElementById(id).style.display = "none";
	document.getElementById(id).style.visibility = "hidden";
	document.getElementById(id).style.width = "0px";
	document.getElementById(id).style.height = "0px";
}