window.addEvent('domready', function(){
	var box1 = $('box1');
	var box1content = $('box1content');
	var stoerer = $('stoerer');
	var actionresult = $('actionresult');
	var video = $('video');
	video.setStyle('cursor','pointer');
	var slideCon = $('slideshow-container');
	slideCon.setStyle('cursor','pointer');
	var etrackerUrl = new URI();
	//console.log(etrackerUrl);
	var contentExtClose = $$('.contentExt_close');
	contentExtClose.each(function(item, i) {
		contentExtClose[i].addEvent('click', function(e){
			actionresult.setStyle('display', 'none');
			box1content.setStyle('display', 'none');
			box1.fade('out');
			stoerer.fade('in');
			et_eC_Wrapper( etrackerCode, etrackerPagename1, etrackerArea, 0, etrackerUrl, '', '', '','','','','','');
			if (ga_pagename_1 != '')  _gaq.push(['_trackPageview', ga_pagename_1]);		
		});
	});
	
	video.addEvent('click', function(e){
		stoerer.fade('out');
		actionresult.setStyle('display', 'none');
		box1content.setStyle('display', 'block');
		box1.fade('in');
		et_eC_Wrapper( etrackerCode, etrackerPagename2, etrackerArea, 0, etrackerUrl+'?sec=2', '', '', '','','','','','');
		if (ga_pagename_2 != '')  _gaq.push(['_trackPageview', ga_pagename_2]);
	});

	slideCon.addEvent('click', function(e){
		stoerer.fade('out');
		actionresult.setStyle('display', 'none');
		box1content.setStyle('display', 'block');
		box1.fade('in');
		et_eC_Wrapper( etrackerCode, etrackerPagename2, etrackerArea, 0, etrackerUrl+'?sec=2', '', '', '','','','','','');
		if (ga_pagename_2 != '')  _gaq.push(['_trackPageview', ga_pagename_2]);
	});

	stoerer.addEvent('click', function(e){
		stoerer.fade('out');
		actionresult.setStyle('display', 'none');
		box1content.setStyle('display', 'block');
		box1.fade('in');
		et_eC_Wrapper( etrackerCode, etrackerPagename2, etrackerArea, 0, etrackerUrl+'?sec=2', '', '', '','','','','','');
		if (ga_pagename_2 != '')  _gaq.push(['_trackPageview', ga_pagename_2]);
	});


  $("search").addEvent("focus", function(e) {
	  $("search").set("value", "");
  });
//  console.log(window.produkt);
  var myURI = new URI(window.location.href);
  var produkt = myURI.getData('prod','query');
  var bland = myURI.getData('bl','query');
// alert(produkt);
  $("makeRequest").addEvent("submit", function(e) {
	  e.stop();
	  box1content.setStyle('display', 'none');
	  actionresult.setStyle('display', 'block');
	  box1.fade('in');
	  if (stoerer.getStyle('visibility') == 'hidden') {
		  stoerer.fade('in');
	  }
	  var search = $("search").get("value");
	  var blz = $("blz").get("value");
	  var bereich = $("bereich").get("value");
	  var portal = $("portal").get("value");
	  var idprod = $("idprod").get("value");
	  var idbk = $("idbk").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/dive-tpl02.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" : window.produkt, "bereich" : bereich, "portal" : portal, "idprod" : idprod, "idbk": idbk}, //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", "Die Verbindung ist fehlgeschlagen. Bitte geben Sie erneut Ihre Postleitzahl oder Ort ein. Vielen Dank!");
			}
	  });
	  if(search != ""){
		  req.send();
		  et_eC_Wrapper( etrackerCode, etrackerPagename3, etrackerArea, 0, etrackerUrl+'?sec=3', '', '', '','','','','','');
		  if (ga_pagename_3 != '')  _gaq.push(['_trackPageview', ga_pagename_3]);
	  } else {
		  log.removeClass("ajax-loading");
		  $("loadSearchResult").set("text", "Bitte geben Sie Postleitzahl oder einen Ort ein.");	
		  et_eC_Wrapper( etrackerCode, etrackerPagename3, etrackerArea, 0, etrackerUrl+'?sec=3', '', '', '','','','','','');
		  if (ga_pagename_3 != '')  _gaq.push(['_trackPageview', ga_pagename_3]);
	  }
	  });

});