var hitCount = false;

document.observe("dom:loaded", function() {
	
	// @todo CSS 2.1 Selektor, schneller und keine Speicher probleme (notiz: sma) 
	$("simpleSearch").select(".input").each(function(field) {
		if(field.id != "vehicleType") {
			field.disable();
		}
	});
	
	$$(".vehicleTypeChooser").invoke("observe", "change", function(clickEvent) {
		if($F(this) == "*") {
			$("vendorChooser").select("select").invoke("setValue", "*");
			$("rangeChooser").select("select").invoke("setValue", "*");
			
			$("simpleSearch").select(".input").each(function(field) {
				if(field.id != "vehicleType") {
					field.disable();
				}
			});
		} else {
		
			if($F(this) == "Reisemobil") {
				$("caravanFields").hide();
				$("motorCaravanFields").show();
				$("simpleSearch").select(".input").invoke("enable");
			} else if($F(this) == "Caravan") {
				$("motorCaravanFields").hide();
				$("caravanFields").show();
				$("simpleSearch").select(".input").invoke("enable");
			}
			
			var relation = new Platform.Component.Relation({
				changeObserver: Search.vendorChooserChanged,
				relatedElement: "rangeChooser",
				className: "RangeChooser"
			}); 
			
			var component = false;
			this.select("[value=" + $F(this) + "]").each(function(selectedOption) {
				component = selectedOption.readAttribute("component");
			});
			
			Platform.ComponentLoader.load(
				$(this.readAttribute("rel")), 
				component,
				relation
			);
		}
	});
	
	$("quickSearch").observe("click", function(clickEvent) {
		if($F("vehicleType") != "*")
			$("quickSearchForm").submit();
	});
	
	$("detailSearchLink").observe("click", function(clickEvent) {
		$$('[name=content]').invoke("setValue", "Search");
		$("quickSearchForm").submit();
	});
	
	new Search.HitCount({
		element: $("simpleSearch"),
		mode: "hidden"
	});
});