function fillModelSelection(modus,vehicleClassId,modelId,mileageId,languageCode,langPleaseSelect) {
	switch(modus) {
		case "selectionMini":
			if (vehicleClassId == -1) {
				$(modelId).options.length = 1;
				$(modelId).selectedIndex = 0;
				$(modelId).disabled = "disabled";
			} else {				
				/*var modelNames = indexClassModel.get(vehicleClassId);
				
				$(modelId).options.length = 0;
				
				var optEl = new Element("option", {"value" : ""});
				optEl.appendChild(document.createTextNode(langPleaseSelect));
				$(modelId).appendChild(optEl);	
				
				for(var i=0; i<modelNames.length; i++) {
					var optEl = new Element("option", {"value" : modelNames[i]});
					optEl.appendChild(document.createTextNode(modelNames[i]));
					$(modelId).appendChild(optEl);
				}*/
				generateModelSelect('',vehicleClassId,modelId,langPleaseSelect);
				
				$(modelId).disabled = "";
			}
			$(modelId + 'SerieHidden').value = "";
			$('serieDetailHidden').value = "";
			$(mileageId).selectedIndex = 0;
			$(mileageId).disabled = "disabled";
			break;
		case "resultSelection":
			if (vehicleClassId == -1) {
				for (var i = 1; i < 5; i++) {
					$(modelId + i).options.length = 1;
					$(modelId + i).selectedIndex = 0;
				}
			} else {
				var modelNames = indexClassModel.get(vehicleClassId);
		
				for (var i = 1; i < 5; i++) {
					$('model'+i).options.length = 0;
					
			  	var optEl = new Element("option", {
			  		"value": ""
			  	});
			  	optEl.appendChild(document.createTextNode(langPleaseSelect));
			  	$('model'+i).appendChild(optEl);
			  	
			  	for (var ii = 0; ii < modelNames.length; ii++) {
			  		var optEl = new Element("option", {
			  			"value": modelNames[ii]
			  		});
			  		optEl.appendChild(document.createTextNode(modelNames[ii]));
			  		$('model'+i).appendChild(optEl);
			  	}
					
					//$('model'+i+'Image').src = 'fileadmin/images/' + languageCode + '/model_default.jpg';
			  }
			}
			
			document.resultSelection.submit();
			break;
	}	
}
function fillMileageSelection(modus,modelName,modelId,mileageId,jQuerySelector,languageCode,langType,vehicleClassId,langPleaseSelect) {
	if (modelName == -1) {
		switch(modus) {
			case "selectionMini":
				$(modelId + 'SerieHidden').value = "";
				$('serieDetailHidden').value = "";
				$('serieDetailHidden').value = "";
				$(mileageId).selectedIndex = 0;
				$(mileageId).disabled = "disabled";
				break;
			case "resultSelection":
				//$(modelId + 'Image').src = 'fileadmin/images/' + languageCode + '/model_default.jpg';
				$(modelId + 'SerieHidden').value = "";
				
				document.resultSelection.submit();
				break;
		}
	} else {
		models.each(function(currentModel){
			if ((currentModel.value.model == modelName || currentModel.value.name == modelName) &&
					currentModel.value.group > 0) {
				showOverlayModelType(modus,currentModel.value.group,modelId,mileageId,jQuerySelector,langType);
			} else if (currentModel.value.model == modelName) {
				switch(modus) {
					case "selectionMini":
						if (vehicleClassId) {
							generateModelSelect(modelName,vehicleClassId,modelId,langPleaseSelect);
						}
						$(modelId + 'SerieHidden').value = currentModel.value.serie;
						$('serieDetailHidden').value = currentModel.value.serie;
						$(mileageId).disabled = "";
						break;
					case "resultSelection":
						/*if (currentModel.value.image) {
							$(modelId + 'Image').src = 'fileadmin/images/vehicles/' + currentModel.value.image;
						} else {
							$(modelId + 'Image').src = 'fileadmin/images/' + languageCode + '/model_default.jpg';
						}*/
						$(modelId + 'SerieHidden').value = currentModel.value.serie;
						
						if ($(modelId + 'SerieHidden').value != "" && $(mileageId).value != "") {						
							document.resultSelection.submit();
						}
						break;
				}
			}
	  });
	}
}
function showOverlayModelType(modus,modelGroup,modelId,mileageId,jQuerySelector,langType) {
	jQuery("#" + jQuerySelector + "List").remove();
	
	jQuery("#" + jQuerySelector + "Content").append('<div id="' + jQuerySelector + 'List" class="content_table clearfix"></div>');
	
	indexGroupModel.each(function(currentGroup) {
		if (currentGroup.key == modelGroup) {
			var htmlString = "";
			
			currentGroup.value.each(function(currentModelType) {
				switch(modus) {
					case "selectionMini":
						jQuery("#" + jQuerySelector + "List").append('<div class="thumbnail"><img src="fileadmin/images/vehicles/' + models.get(currentModelType.value[0]).image + '" width="138" height="88" alt="" title="" onclick="closeOverlayModelType(\'' + modus + '\',\'' + models.get(currentModelType.value[0]).name + '\',\'' + models.get(currentModelType.value[0]).serie + '\',' + false + ',\'' + modelId + '\',\'' + mileageId + '\',\'' + jQuerySelector + '\')" /><div class="contenttext"><strong>' + models.get(currentModelType.value[0]).name + '</strong><br/>' + langType + '&nbsp;' + models.get(currentModelType.value[0]).serie + '</div>');
						jQuery("#" + jQuerySelector + "List").append('<div class="thumbnail"><img src="fileadmin/images/vehicles/' + models.get(currentModelType.value[3]).image + '" width="138" height="88" alt="" title="" onclick="closeOverlayModelType(\'' + modus + '\',\'' + models.get(currentModelType.value[3]).name + '\',\'' + models.get(currentModelType.value[3]).serie + '\',' + false + ',\'' + modelId + '\',\'' + mileageId + '\',\'' + jQuerySelector + '\')" /><div class="contenttext"><strong>' + models.get(currentModelType.value[3]).name + '</strong><br/>' + langType + '&nbsp;' + models.get(currentModelType.value[3]).serie + '</div>');
						if (currentModelType.value.length > 6) {
							jQuery("#" + jQuerySelector + "List").append('<div class="thumbnail"><img src="fileadmin/images/vehicles/' + models.get(currentModelType.value[6]).image + '" width="138" height="88" alt="" title="" onclick="closeOverlayModelType(\'' + modus + '\',\'' + models.get(currentModelType.value[6]).name + '\',\'' + models.get(currentModelType.value[6]).serie + '\',' + false + ',\'' + modelId + '\',\'' + mileageId + '\',\'' + jQuerySelector + '\')" /><div class="contenttext"><strong>' + models.get(currentModelType.value[6]).name + '</strong><br/>' + langType + '&nbsp;' + models.get(currentModelType.value[6]).serie + '</div>');
						}
						break;
					case "resultSelection":
						jQuery("#" + jQuerySelector + "List").append('<div class="thumbnail"><img src="fileadmin/images/vehicles/' + models.get(currentModelType.value[0]).image + '" width="138" height="88" alt="" title="" onclick="closeOverlayModelType(\'' + modus + '\',\'' + models.get(currentModelType.value[0]).name + '\',\'' + models.get(currentModelType.value[0]).serie + '\',' + false + ',\'' + modelId + '\',\'' + mileageId + '\',\'' + jQuerySelector + '\')" /><div class="contenttext"><strong>' + models.get(currentModelType.value[0]).name + '</strong><br/>' + langType + '&nbsp;' + models.get(currentModelType.value[0]).serie + '</div>');
						jQuery("#" + jQuerySelector + "List").append('<div class="thumbnail"><img src="fileadmin/images/vehicles/' + models.get(currentModelType.value[3]).image + '" width="138" height="88" alt="" title="" onclick="closeOverlayModelType(\'' + modus + '\',\'' + models.get(currentModelType.value[3]).name + '\',\'' + models.get(currentModelType.value[3]).serie + '\',' + false + ',\'' + modelId + '\',\'' + mileageId + '\',\'' + jQuerySelector + '\')" /><div class="contenttext"><strong>' + models.get(currentModelType.value[3]).name + '</strong><br/>' + langType + '&nbsp;' + models.get(currentModelType.value[3]).serie + '</div>');
						if (currentModelType.value.length > 6) {
							jQuery("#" + jQuerySelector + "List").append('<div class="thumbnail"><img src="fileadmin/images/vehicles/' + models.get(currentModelType.value[6]).image + '" width="138" height="88" alt="" title="" onclick="closeOverlayModelType(\'' + modus + '\',\'' + models.get(currentModelType.value[6]).name + '\',\'' + models.get(currentModelType.value[6]).serie + '\',' + false + ',\'' + modelId + '\',\'' + mileageId + '\',\'' + jQuerySelector + '\')" /><div class="contenttext"><strong>' + models.get(currentModelType.value[6]).name + '</strong><br/>' + langType + '&nbsp;' + models.get(currentModelType.value[6]).serie + '</div>');
						}
						break;
				}
			});
			//alert(jQuery("#" + jQuerySelector).html());
		}
	});
	
	// 1. Define the overlay.
  jqOverlay = jQuery("#" + jQuerySelector).overlay({
    api: true,
    expose: '#fff',
		closeOnClick: false
  });
  // 2. Open the just defined overlay.
  jqOverlay.load();
}
function closeOverlayModelType(modus,modelName,modelSerie,modelImage,modelId,mileageId,jQuerySelector) {
	$(modelId).options[$(modelId).selectedIndex].value = modelName;
	$(modelId).options[$(modelId).selectedIndex].text = modelName;
	
	switch(modus) {
		case "selectionMini":
			var mileageOptionId = 1;
			
			$(modelId + 'SerieHidden').value = modelSerie;
			$('serieDetailHidden').value = modelSerie;
	
			$(mileageId).disabled = "";
			break;
		case "resultSelection":
			//$(modelId + 'Image').src = 'fileadmin/images/vehicles/' + modelTypImage;
			$(modelId + 'SerieHidden').value = modelSerie;
			
			if ($(mileageId).value != "") {			
				document.resultSelection.submit();
			}
			break;
	}
	
	// 1. Define the overlay.
	var jqOverlay = jQuery("#" + jQuerySelector).overlay();
	// 2. Close the just defined overlay.
	jqOverlay.close();
}
function generateModelSelect(modelName,vehicleClassId,modelId,langPleaseSelect) {
	var modelNames = indexClassModel.get(vehicleClassId);
				
	$(modelId).options.length = 0;
	
	var optEl = new Element("option", {"value" : ""});
	optEl.appendChild(document.createTextNode(langPleaseSelect));
	$(modelId).appendChild(optEl);	
	
	for(var i=0; i<modelNames.length; i++) {
		var optEl = new Element("option", {"value" : modelNames[i]});
		optEl.appendChild(document.createTextNode(modelNames[i]));
		$(modelId).appendChild(optEl);
		if (modelNames[i] == modelName) {
			var selectedIndex = i+1;
		}
	}
	
	$(modelId).selectedIndex = selectedIndex;
}
function emptyResultData() {
	jQuery("div.content_col15_item").children().html("<p>&nbsp;</p>");
	$('fahrwerkIcon').src = "fileadmin/images/icons/grey17/fahrwerk.gif";
	$('motorIcon').src = "fileadmin/images/icons/grey17/motor.gif";
	$('karosserieIcon').src = "fileadmin/images/icons/grey17/karosserie.gif";
	$('bremsenIcon').src = "fileadmin/images/icons/grey17/bremsen.gif";
	$('elektrikIcon').src = "fileadmin/images/icons/grey17/elektrik.gif";
}