window.addEvent('domready', function(){ 
    var container = $('rgtabs15')
 
    new SimpleTabs(container, {
        selector: 'h4' // every element with class .header is removed and added as tab
    });

$("search").addEvent("focus", function(e) {
	  $("search").set("value", "");
  });
  
  var myURI = new URI(window.location.href);
  var produkt = myURI.getData('prod','query');
  var bland = myURI.getData('bl','query');

  $("makeRequest").addEvent("submit", function(e) {
	  e.stop();
	  var search = $("search").get("value");
	  var blz = $("blz").get("value");
	  var log = $("loadSearchResult").empty().addClass("ajax-loading");
	  var log = $("loadSearchResult").empty();
	  log.innerHTML = "Daten werden geladen...";
	  var req =  new Request.HTML({
			url:"fileadmin/soap/soap.php", //The PHP file
			method: "post", //The method
//			data: {"plz" : search, "bl": bland, "prod": produkt}, //The variable idNews
//			data: {"plz" : search}, //The variable idNews
			data: {"plz" : search, "blz" : blz, "produkt" : produkt}, //The variable idNews
			evalScripts: "true", //You know
			onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript) { //If it works
				  log.removeClass("ajax-loading");
				  $("loadSearchResult").empty(); //Clear the 
//				  $("loadSearchResult").adopt(html); //Inserts the HTML inside
				  $("loadSearchResult").set('html',responseHTML); //Inserts the HTML inside
				  var pagerPageHeight = $("warper").getSize().y;
				  var contentArea = $("cn");
				  var pagerCurPage = 1; 
				  var pagerPagesCount = 1;
				  var pagerPages = $("pager");
				  
				  var pagerInit = function(){
				  
					  var contentHeight = contentArea.getSize().y ;
					  pagerPagesCount = (contentHeight / pagerPageHeight).toInt();
					  if (contentHeight % pagerPageHeight != 0 ) pagerPagesCount++;
					  if (pagerPagesCount === 1) return;
					  
					  var prev = new Element("a", {
							  "class": "cust-pager-prev",
							  "html": "    ",
							  "id": "cust-pager-prev",
							  "events": {
								  "click": function(){
									  pagerChangePage(pagerCurPage - 1);
								  }
							  }
						  });
				  
					  var next = new Element("a", {
							  "class": "cust-pager-next",
							  "html": "    ",
							  "id": "cust-pager-next",
							  "events": {
								  "click": function(){
									  pagerChangePage(pagerCurPage + 1);
								  }
							  }
					  });	
					  
					  prev.inject(pagerPages,"top");
					  $("cust-pager-prev").setStyle("display","none");
						  
					  for (var i=1; i<=pagerPagesCount; i++){
						  var anchor = new Element("a", {
							  "class": "cust-pager-item",
							  "id": "cust-pager-item-"+ i,
							  "html": i,
							  "events": {
								  "click": pagerChangePage.pass(i)
							  }
						  });
						  anchor.inject(pagerPages);
					  }
					  
					  next.inject(pagerPages,"bottom");
				  };
					  
				  var pagerChangePage = function(page){
					  $("cust-pager-item-" + pagerCurPage).set("class", "cust-pager-item");
					  $("cust-pager-item-" + page).set("class", "cust-pager-item-sel");
					  
					  pagerCurPage = page;
				  
					  if (pagerCurPage === 1) {
						  $("cust-pager-prev").setStyle("display", "none");
					  }else{
						  $("cust-pager-prev").setStyle("display", "inline");
					  }
					  
					  if (pagerCurPage === pagerPagesCount) {
						  $("cust-pager-next").setStyle("display", "none");
					  }else{
						  $("cust-pager-next").setStyle("display", "inline");
					  }
						  
					  contentArea.setStyle("top", (-1) * pagerPageHeight * (page - 1));
				  };
				  
				  pagerInit();												
			},
			onFailure: function() { //If not
			   $("loadSearchResult").set("text", "Verbindung fehlgeschlagen!");
			}
	  });
	  if(search != ""){
		  req.send();
	  } else {
		  log.removeClass("ajax-loading");
		  $("loadSearchResult").set("text", "Bitte PLZ oder Ort eingeben");	
	  }
	  });
	  
});