var filterListMapping = {
Alfa: "Alfa Romeo",
Audi: "Audi",
BMW: "BMW",
Cadillac: "Cadillac",
Chevrolet: "Chevrolet",
Chrysler: "Chrysler",
Citroen: "Citro\u00EBn",
Dodge: "Dodge",
Fiat: "Fiat",
Ford : "Ford",
Honda : "Honda",
Hyundai: "Hyundai",
Iveco: "Iveco",
Jaguar: "Jaguar",
Jeep: "Jeep",
Kia: "Kia",
Land: "Land Rover",
Mazda: "Mazda",
MercedesBenz: "Mercedes-Benz",
Mini: "Mini",
Mitsubishi: "Mitsubishi",
Nissan: "Nissan",
Opel: "Opel",
Peugeot: "Peugeot",
Porsche: "Porsche",
Renault: "Renault",
Saab: "Saab",
Seat: "Seat",
Skoda: "Skoda",
Smart: "Smart",
SsangYong: "SsangYong",
Subaru: "Subaru",
Suzuki: "Suzuki",
Toyota: "Toyota",
Volvo: "Volvo",
VW: "VW"
}
womAdd('createFilter(4)');

function hideShowElement(itemClassName){
	var amount = document.getElementById("data").getElementsByTagName("td").length;
	var obj = document.getElementById("data").getElementsByTagName("td");

	j=0;

	for(k=0;k<amount;k++){

		if(itemClassName=="") obj.item(k).parentNode.style.display = "none";
		else if(obj.item(k).className.indexOf(itemClassName)==0 || obj.item(k).className.indexOf("Alle")==0){
			obj.item(k).parentNode.style.display = "";
			j++;
			if(j%2==0) obj.item(k).parentNode.className = "ms-rteTableEvenRow-1";
			else obj.item(k).parentNode.className = "ms-rteTableOddRow-1";
		}
		else obj.item(k).parentNode.style.display = "none";
	}
}

function checkItem(itemClass){
/* check if className is represented in list */
	var items = document.getElementById("data").getElementsByTagName("td").length;
	var obj = document.getElementById("data").getElementsByTagName("td");

	for(k=0;k<items;k++){
		if(obj.item(k).className.indexOf(itemClass)==0){
			return true;
		}
	}
    	return false;
}

function createFilter(columns){
/* columns : max cells in every row */
	if(!columns) return false;
	if(!filterListMapping) return false;

	myTable = document.createElement("table");
	myTable.cellPadding = 0;
	myTable.cellSpacing = 6;
	myTable.border = 0;
	myTable.id = "mossFilterTable";
   	myTable.className = "mossFilter";

	document.getElementById("filterContainer").appendChild(myTable);
	row  = document.getElementById("mossFilterTable").insertRow(0);
	cell = document.createElement("td");
	cell.vAlign = "top";
	cell.appendChild(document.createTextNode("V\u00E6lg bilm\u00E6rke:\u0020"));
	row.appendChild(cell);
	slc=document.createElement("select");
	slc.onchange = function(){hideShowElement(this.value);};

	opt=document.createElement("option");
	opt.value = "";
	
	oText = document.createTextNode("");
	
	opt.appendChild(oText);
	slc.appendChild(opt);

	for(filtercategory in filterListMapping){
		if(checkItem(filtercategory)){

			opt=document.createElement("option");
			opt.value = filtercategory;

			oText = document.createTextNode(" "+filterListMapping[filtercategory]);
			opt.appendChild(oText);
			slc.appendChild(opt);

		}
	}

	cell.appendChild(slc);
	hideShowElement("");
}