// JavaScript Document

function getHTTPObject() {
	var xhr = false;
	if(window.XMLHttpRequest) {
		xhr = new XMLHttpRequest();
	}
	else if(window.ActiveXObject) {
		try {
			xhr = new ActiveXObject("Mxsml2.XMLHTTP");	
		}
		catch(e) {
			try {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(e) {
				xhr = false;	
			}
		}
		
	}
	return xhr;
}

function toggleMenu(file, vehicle) {
	var request = getHTTPObject();
	if(request) {
		request.onreadystatechange = function() {
				displayResponse(request, vehicle);
		};
		request.open("POST", file, true);
		request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		request.send("vehicle="+vehicle);
	}
}

function displayResponse(request, vehicle) {
	if(request.readyState == 4) {
		if(request.status == 200 || request.status == 304) {
			var product_lists = document.getElementById("product_lists");
			product_lists.innerHTML = request.responseText;
			toggleButtons(vehicle);
		}
	}
}

function toggleButtons(vehicle) {
	var by_products = document.getElementById("by_products");
	var by_vehicles = document.getElementById("by_vehicles");
	var by_products_img = by_products.src.substring(0, by_products.src.length-6);
	var by_vehicles_img = by_vehicles.src.substring(0, by_vehicles.src.length-6);
	if(vehicle) {
		by_products.src = by_products_img + 'f1.gif';
		by_vehicles.src = by_vehicles_img + 'f2.gif';
	}
	else {
		by_products.src = by_products_img + 'f2.gif';
		by_vehicles.src = by_vehicles_img + 'f1.gif';
	}
}