Event.observe(window, 'load', function() {
		Event.observe('marken', 'change', updateModelle);
		Event.observe('modell', 'change', updateResults);
		Event.observe('preis', 'change', updateResults);
		Event.observe('kraftstoff', 'change', updateResults);
		Event.observe('gebraucht', 'change', updateResults);
		
		
		
		observeDetailLinks();
		
		});
	
	function observeDetailLinks() {
		if($('sortingPreis')) {Event.observe('sortingPreis', 'change', updateResults);}
		
		$$('.pagination').each(function(e){
				Event.observe(e, 'click', function(){
						
						new Ajax.Updater('carResults', 'refresh.php', {
								  parameters: { action: "updateResults" ,offset:this.rel, marke: $('marken').value, modell: $('modell').value, preis: $('preis').value, gebraucht: $('gebraucht').value, kraftstoff: $('kraftstoff').value, laufleistung: $('laufleistung').value, sortingPreis: $('sortingPreis').value },
								  evalScripts: false,
								  onCreate: function() {showLoadingIndicators()}, onComplete: function() {observeDetailLinks();hideLoadingIndicators();googleTrack();}
								});
					});
				});
		
		
		$$('.detailLink').each(function(e){
				Event.observe(e, 'click', function(){
					
						new Ajax.Updater('carDetails', 'refresh.php', {
							parameters: { action: "updateDetails" ,carId: this.id }, onCreate: function() {showLoadingIndicators()}, onComplete: function() {showDetails();hideLoadingIndicators();googleTrack();},
							evalScripts: false
							});
					});
				});
		}
	
	function showLoadingIndicators() {
		//alert("start loadiung");
		var psize = getPageSize();
		var offset = $('head').cumulativeScrollOffset();
		$('loadingInformationContainer').style.left = ((psize[2]/2)-150) + "px";
		$('loadingInformationContainer').style.top = (offset[1]+(psize[2]/2)-250) + "px";
		
		$('loadingInformationContainer').show();
		}
		
	function hideLoadingIndicators() {
		//alert("start loadiung");
		$('loadingInformationContainer').hide();
		}
		
	function googleTrack() {
		try {
			var pageTracker = _gat._getTracker("UA-545111-6");
			pageTracker._trackPageview();
			} catch(err) {}
		}
	
	function showDetails() {
		if($('carDetails').style.display=="none") {
			$('carDetails').appear();
			}
		
		if($('floatingDetails')) {
			if($('floatingDetails').style.display!="none") {
				$('floatingDetails').innerHTML=$('carDetails').innerHTML;	
				}
			}
			
		
		showFloatingDetails();
		}
	
	function updateFloatingDetails() {
		if($('floatingDetails')) {
			if(($('carDetails').getHeight()+Element.cumulativeOffset($('carDetails'))[1]-Element.cumulativeScrollOffset($('carDetails'))[1])<0) {
				//$('floatingDetails').style.top = (Element.cumulativeScrollOffset($('carDetails'))[1]+50) + "px";
				$('floatingDetails').style.top = "100px";
				$('floatingDetails').style.left = "30px";
				
				
				$('floatingDetails').innerHTML=$('carDetails').innerHTML;
				if($('carDetails').style.display!="none") {
					$('floatingDetails').appear();
					}
				} else {
				$('floatingDetails').fade();
				}
			}
		}
		
	function updateFloatingDetailsPosition() {
		if($('floatingDetails')) {
			var temp = $('head').viewportOffset();
			temp[1] = temp[1]*-1;
			temp[1] = temp[1] + 50;
			//if(($('carDetails').getHeight()+Element.cumulativeOffset($('carDetails'))[1]-Element.cumulativeScrollOffset($('carDetails'))[1])<0) {
			if(temp[1]>300) {
				
				
				$('floatingDetails').style.top = (temp[1]) +"px";
				$('floatingDetails').style.left = "30px";
				
				if($('carDetails').style.display!="none") {
					if($('floatingDetails').style.display=="none") {
						$('floatingDetails').innerHTML=$('carDetails').innerHTML;
						$('floatingDetails').appear();
						}
					}
					
				} else {
				$('floatingDetails').fade();
				}
			}
		}	
		
		
	//position fixed variante
	function updateFloatingDetailsPosition2() {
	
		if($('floatingDetails')) {
			var temp = $('head').viewportOffset();
			temp[1] = temp[1]*-1;
			temp[1] = temp[1] + 50;
			//if(($('carDetails').getHeight()+Element.cumulativeOffset($('carDetails'))[1]-Element.cumulativeScrollOffset($('carDetails'))[1])<0) {
			if(temp[1]>300) {
				
				if($('carDetails').style.display!="none") {
					if($('floatingDetails').style.display=="none") {
						$('floatingDetails').innerHTML=$('carDetails').innerHTML;
						$('floatingDetails').appear();
						}
					}
					
				} else {
				$('floatingDetails').fade();
				}
			}
		}	
		
	
	var startFloatingUpdater=0;
	function showFloatingDetails() {
	
		if(startFloatingUpdater==0) {
			JSFX_FloatTopDiv();
			new PeriodicalExecuter(updateFloatingDetailsPosition2, 2);
			startFloatingUpdater=1;
			}
	
		if($('floatingDetails')) {
			
		} else {
			/* Floating Detials Box */
			/*
			var objBody = document.getElementsByTagName("body").item(0);
			var objOverlay = document.createElement("div");
			objOverlay.setAttribute('id','floatingDetails');
			objOverlay.setAttribute('class','pngalpha');
			objOverlay.style.display = 'none';
			objOverlay.style.width = '336px';
			
			
			objOverlay.style.position = 'fixed';
			objOverlay.style.top = '0';
			objOverlay.style.left = '0';
			
			
			objOverlay.style.top = '0px';
			objOverlay.style.left = '0px';
			
			objBody.appendChild(objOverlay);
			*/
			
			
			updateFloatingDetails();
			}
		}
	


	function merkeAuto(box) {
		if(box.checked==true) {
			new Ajax.Request('refresh.php', {
				parameters: { action: "addMerke" ,id: box.value }, onComplete: function() {hideLoadingIndicators();}, onCreate: function() {showLoadingIndicators()}
				});
			} else {
				new Ajax.Request('refresh.php', {
				parameters: { action: "removeMerke" ,id: box.value }, onComplete: function() {hideLoadingIndicators();}, onCreate: function() {showLoadingIndicators()}
				});
			}
		}
	
	function updateModelle() {
		new Ajax.Updater('modell', 'refresh.php', {
			  parameters: { action: "updateModelle" ,marke: $('marken').value }, onComplete: function() {hideLoadingIndicators();updateResults();}, onCreate: function() {showLoadingIndicators()}
			});
		}
		
	function updateResults() {
		new Ajax.Updater('carResults', 'refresh.php', {
			  parameters: { action: "updateResults" ,marke: $('marken').value, modell: $('modell').value, preis: $('preis').value, gebraucht: $('gebraucht').value, kraftstoff: $('kraftstoff').value, laufleistung: $('laufleistung').value, sortingPreis: $('sortingPreis').value }, 
			  onComplete: function() {observeDetailLinks();hideLoadingIndicators();googleTrack();},  onCreate: function() {showLoadingIndicators()},
			  evalScripts: false
			});
		}
	
	function updateLieferservice() {
		new Ajax.Updater('lieferservice_ergebnis', 'refresh.php', {
			  parameters: { action: "updateLieferservice" ,plz: $('lieferservice_plz').value }, onComplete: function() {
				if($('lieferservice_ergebnis').style.display=="none") {
					$('lieferservice_ergebnis').appear();
				}
				}//ende onComplete
				
				
			});
		return false;
		}
	
	function sendForm() {
		//var url = Form.serializeElements( $('sendSuchbox').getElements() )
		$('suchform').submit();	
		}
		
	function sendForm() {
		var url = Form.serializeElements( $('suchform').getElements() )
		
		}
		
		
		
	function openLieferservice() {
		var plz = parseInt($('lieferservice_plz2').value);
		
		if(plz>0) {
			window.location.href = '/lieferservice,'+$('lieferservice_plz2').value;
			return false;
			} else {
			return false;
			}
		return false;
		}
		
		
		
		
		
		
		
	    // convert all characters to lowercase to simplify testing
    var agt=navigator.userAgent.toLowerCase();

    // *** BROWSER VERSION ***
    // Note: On IE5, these return 4, so use is_ie5up to detect IE5.
    var is_major = parseInt(navigator.appVersion);
    var is_minor = parseFloat(navigator.appVersion);

    // Note: Opera and WebTV spoof Navigator.  We do strict client detection.
    // If you want to allow spoofing, take out the tests for opera and webtv.
    var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
                && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
                && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
    var is_nav2 = (is_nav && (is_major == 2));
    var is_nav3 = (is_nav && (is_major == 3));
    var is_nav4 = (is_nav && (is_major == 4));
    var is_nav4up = (is_nav && (is_major >= 4));
    var is_navonly      = (is_nav && ((agt.indexOf(";nav") != -1) ||
                          (agt.indexOf("; nav") != -1)) );
    var is_nav6 = (is_nav && (is_major == 5));
    var is_nav6up = (is_nav && (is_major >= 5));
    var is_gecko = (agt.indexOf('gecko') != -1);


    var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
    var is_ie3    = (is_ie && (is_major < 4));
    var is_ie4    = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) );
    var is_ie4up  = (is_ie && (is_major >= 4));
    var is_ie5    = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) );
    var is_ie5_5  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.5") !=-1));
    var is_ie5up  = (is_ie && !is_ie3 && !is_ie4);
    var is_ie5_5up =(is_ie && !is_ie3 && !is_ie4 && !is_ie5);
    var is_ie6    = (is_ie && (is_major == 4) && (agt.indexOf("msie 6.")!=-1) );
    var is_ie6up  = (is_ie && !is_ie3 && !is_ie4 && !is_ie5 && !is_ie5_5);

    // KNOWN BUG: On AOL4, returns false if IE3 is embedded browser
    // or if this is the first browser window opened.  Thus the
    // variables is_aol, is_aol3, and is_aol4 aren't 100% reliable.
    var is_aol   = (agt.indexOf("aol") != -1);
    var is_aol3  = (is_aol && is_ie3);
    var is_aol4  = (is_aol && is_ie4);
    var is_aol5  = (agt.indexOf("aol 5") != -1);
    var is_aol6  = (agt.indexOf("aol 6") != -1);

    var is_opera = (agt.indexOf("opera") != -1);
    var is_opera2 = (agt.indexOf("opera 2") != -1 || agt.indexOf("opera/2") != -1);
    var is_opera3 = (agt.indexOf("opera 3") != -1 || agt.indexOf("opera/3") != -1);
    var is_opera4 = (agt.indexOf("opera 4") != -1 || agt.indexOf("opera/4") != -1);
    var is_opera5 = (agt.indexOf("opera 5") != -1 || agt.indexOf("opera/5") != -1);
    var is_opera5up = (is_opera && !is_opera2 && !is_opera3 && !is_opera4);

    var is_webtv = (agt.indexOf("webtv") != -1); 

    var is_TVNavigator = ((agt.indexOf("navio") != -1) || (agt.indexOf("navio_aoltv") != -1)); 
    var is_AOLTV = is_TVNavigator;

    var is_hotjava = (agt.indexOf("hotjava") != -1);
    var is_hotjava3 = (is_hotjava && (is_major == 3));
    var is_hotjava3up = (is_hotjava && (is_major >= 3));

    // *** JAVASCRIPT VERSION CHECK ***
    var is_js;
    if (is_nav2 || is_ie3) is_js = 1.0;
    else if (is_nav3) is_js = 1.1;
    else if (is_opera5up) is_js = 1.3;
    else if (is_opera) is_js = 1.1;
    else if ((is_nav4 && (is_minor <= 4.05)) || is_ie4) is_js = 1.2;
    else if ((is_nav4 && (is_minor > 4.05)) || is_ie5) is_js = 1.3;
    else if (is_hotjava3up) is_js = 1.4;
    else if (is_nav6 || is_gecko) is_js = 1.5;
    // NOTE: In the future, update this code when newer versions of JS
    // are released. For now, we try to provide some upward compatibility
    // so that future versions of Nav and IE will show they are at
    // *least* JS 1.x capable. Always check for JS version compatibility
    // with > or >=.
    else if (is_nav6up) is_js = 1.5;
    // NOTE: ie5up on mac is 1.4
    else if (is_ie5up) is_js = 1.3

    // HACK: no idea for other browsers; always check for JS version with > or >=
    else is_js = 0.0;

    // *** PLATFORM ***
    var is_win   = ( (agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1) );
    // NOTE: On Opera 3.0, the userAgent string includes "Windows 95/NT4" on all
    //        Win32, so you can't distinguish between Win95 and WinNT.
    var is_win95 = ((agt.indexOf("win95")!=-1) || (agt.indexOf("windows 95")!=-1));

    // is this a 16 bit compiled version?
    var is_win16 = ((agt.indexOf("win16")!=-1) || 
               (agt.indexOf("16bit")!=-1) || (agt.indexOf("windows 3.1")!=-1) || 
               (agt.indexOf("windows 16-bit")!=-1) );  

    var is_win31 = ((agt.indexOf("windows 3.1")!=-1) || (agt.indexOf("win16")!=-1) ||
                    (agt.indexOf("windows 16-bit")!=-1));

    var is_winme = ((agt.indexOf("win 9x 4.90")!=-1));
    var is_win2k = ((agt.indexOf("windows nt 5.0")!=-1));

    // NOTE: Reliable detection of Win98 may not be possible. It appears that:
    //       - On Nav 4.x and before you'll get plain "Windows" in userAgent.
    //       - On Mercury client, the 32-bit version will return "Win98", but
    //         the 16-bit version running on Win98 will still return "Win95".
    var is_win98 = ((agt.indexOf("win98")!=-1) || (agt.indexOf("windows 98")!=-1));
    var is_winnt = ((agt.indexOf("winnt")!=-1) || (agt.indexOf("windows nt")!=-1));
    var is_win32 = (is_win95 || is_winnt || is_win98 || 
                    ((is_major >= 4) && (navigator.platform == "Win32")) ||
                    (agt.indexOf("win32")!=-1) || (agt.indexOf("32bit")!=-1));

    var is_os2   = ((agt.indexOf("os/2")!=-1) || 
                    (navigator.appVersion.indexOf("OS/2")!=-1) ||   
                    (agt.indexOf("ibm-webexplorer")!=-1));

    var is_mac    = (agt.indexOf("mac")!=-1);
    // hack ie5 js version for mac
    if (is_mac && is_ie5up) is_js = 1.4;
    var is_mac68k = (is_mac && ((agt.indexOf("68k")!=-1) || 
                               (agt.indexOf("68000")!=-1)));
    var is_macppc = (is_mac && ((agt.indexOf("ppc")!=-1) || 
                                (agt.indexOf("powerpc")!=-1)));

    var is_sun   = (agt.indexOf("sunos")!=-1);
    var is_sun4  = (agt.indexOf("sunos 4")!=-1);
    var is_sun5  = (agt.indexOf("sunos 5")!=-1);
    var is_suni86= (is_sun && (agt.indexOf("i86")!=-1));
    var is_irix  = (agt.indexOf("irix") !=-1);    // SGI
    var is_irix5 = (agt.indexOf("irix 5") !=-1);
    var is_irix6 = ((agt.indexOf("irix 6") !=-1) || (agt.indexOf("irix6") !=-1));
    var is_hpux  = (agt.indexOf("hp-ux")!=-1);
    var is_hpux9 = (is_hpux && (agt.indexOf("09.")!=-1));
    var is_hpux10= (is_hpux && (agt.indexOf("10.")!=-1));
    var is_aix   = (agt.indexOf("aix") !=-1);      // IBM
    var is_aix1  = (agt.indexOf("aix 1") !=-1);    
    var is_aix2  = (agt.indexOf("aix 2") !=-1);    
    var is_aix3  = (agt.indexOf("aix 3") !=-1);    
    var is_aix4  = (agt.indexOf("aix 4") !=-1);    
    var is_linux = (agt.indexOf("inux")!=-1);
    var is_sco   = (agt.indexOf("sco")!=-1) || (agt.indexOf("unix_sv")!=-1);
    var is_unixware = (agt.indexOf("unix_system_v")!=-1); 
    var is_mpras    = (agt.indexOf("ncr")!=-1); 
    var is_reliant  = (agt.indexOf("reliantunix")!=-1);
    var is_dec   = ((agt.indexOf("dec")!=-1) || (agt.indexOf("osf1")!=-1) || 
           (agt.indexOf("dec_alpha")!=-1) || (agt.indexOf("alphaserver")!=-1) || 
           (agt.indexOf("ultrix")!=-1) || (agt.indexOf("alphastation")!=-1)); 
    var is_sinix = (agt.indexOf("sinix")!=-1);
    var is_freebsd = (agt.indexOf("freebsd")!=-1);
    var is_bsd = (agt.indexOf("bsd")!=-1);
    var is_unix  = ((agt.indexOf("x11")!=-1) || is_sun || is_irix || is_hpux || 
                 is_sco ||is_unixware || is_mpras || is_reliant || 
                 is_dec || is_sinix || is_aix || is_linux || is_bsd || is_freebsd);

    var is_vms   = ((agt.indexOf("vax")!=-1) || (agt.indexOf("openvms")!=-1));


var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();


  //
// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.org
// Edit for Firefox by pHaez
//
function getPageSize(){

 var xScroll, yScroll;

 if (window.innerHeight && window.scrollMaxY) {
 xScroll = document.body.scrollWidth;
 yScroll = window.innerHeight + window.scrollMaxY;
 } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
 xScroll = document.body.scrollWidth;
 yScroll = document.body.scrollHeight;
 } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
 xScroll = document.body.offsetWidth;
 yScroll = document.body.offsetHeight;
 }

 var windowWidth, windowHeight;
 if (self.innerHeight) { // all except Explorer
 windowWidth = self.innerWidth;
 windowHeight = self.innerHeight;
 } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
 windowWidth = document.documentElement.clientWidth;
 windowHeight = document.documentElement.clientHeight;
 } else if (document.body) { // other Explorers
 windowWidth = document.body.clientWidth;
 windowHeight = document.body.clientHeight;
 }

 // for small pages with total height less then height of the viewport
 if(yScroll < windowHeight){
 pageHeight = windowHeight;
 } else {
 pageHeight = yScroll;
 }
 // for small pages with total width less then width of the viewport
 if(xScroll < windowWidth){
 pageWidth = windowWidth;
 } else {
 pageWidth = xScroll;
 }


 arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
 return arrayPageSize;
}