var Page = new Object();
Page.index;

Page.getCat = function() 
{
	if(Ajax.CheckReadyState(Ajax.request))
	{
		document.getElementById('yrs').innerHTML = '';
		document.getElementById('makes').innerHTML = '';
		document.getElementById('models').innerHTML = '';
		document.getElementById('sizes').innerHTML = '';
		document.getElementById('finds').innerHTML = '';
		document.getElementById('fontyrs').innerHTML = '';
		document.getElementById('fontmakes').innerHTML = '';
		document.getElementById('fontmodels').innerHTML = '';
		document.getElementById('fontsizes').innerHTML = '';
		
		var	response = Ajax.request.responseXML.documentElement;
		var _post = response.getElementsByTagName('cat');
		
		var html = "<select name=selCat id=selCat style=\"font-family:Tahoma;font-size:8pt;width:175px;\" onchange=\"Ajax.Request('services/connector.php?method=getYr&fuel=' + selFuel.options[selFuel.selectedIndex].text + '&catid=' + this.options[this.selectedIndex].value, Page.getYr);\" onclick=\"Ajax.Request('services/connector.php?method=getYr&fuel=' + selFuel.options[selFuel.selectedIndex].text + '&catid=' + this.options[this.selectedIndex].value, Page.getYr);\">";
		
		for(var i=0; i<_post.length; i++)
		{
			var _name = response.getElementsByTagName('name')[i].firstChild.data;
			var _id = response.getElementsByTagName('id')[i].firstChild.data;
					
			html += "<option value='" + _id + "'>" + _name + "</option>";
		}
		
		html += "</select>";
		document.getElementById('cats').innerHTML = html;		
	}
}

Page.getYr = function() 
{
	if(Ajax.CheckReadyState(Ajax.request))
	{
		document.getElementById('makes').innerHTML = '';
		document.getElementById('models').innerHTML = '';
		document.getElementById('sizes').innerHTML = '';
		document.getElementById('finds').innerHTML = '';
		document.getElementById('fontmakes').innerHTML = '';
		document.getElementById('fontmodels').innerHTML = '';
		document.getElementById('fontsizes').innerHTML = '';
	
		var	response = Ajax.request.responseXML.documentElement;
		var _post = response.getElementsByTagName('year');
		
		var _check = response.getElementsByTagName('yr')[0].firstChild.data;
		
		if(_check == '8')
		{
			document.getElementById('fontyrs').innerHTML = '';
			document.getElementById('fontmakes').innerHTML = '';
			document.getElementById('fontmodels').innerHTML = '';
			document.getElementById('fontsizes').innerHTML = '';
			
			var html = "<input type=submit value=Find onclick=\"document.location.href='index.php?main_page=custom_search_result&method=getResults&fuel=' + selFuel.options[selFuel.selectedIndex].text + '&catid=' + selCat.options[selCat.selectedIndex].value;\">";
			document.getElementById('yrs').innerHTML = html;							
		}
		else
		{
			document.getElementById('fontyrs').innerHTML = 'Year';

			var html = "<select name=selYear id=selYear style=\"font-family:Tahoma;font-size:8pt;width:175px;\"  onchange=\"Ajax.Request('services/connector.php?method=getMake&fuel=' + selFuel.options[selFuel.selectedIndex].text + '&catid=' + selCat.options[selCat.selectedIndex].value + '&yr=' + this.options[this.selectedIndex].text, Page.getMake);\" onclick=\"Ajax.Request('services/connector.php?method=getMake&fuel=' + selFuel.options[selFuel.selectedIndex].text + '&catid=' + selCat.options[selCat.selectedIndex].value + '&yr=' + this.options[this.selectedIndex].text, Page.getMake);\">";
			
			for(var i=0; i<_post.length; i++)
			{
				var _year = response.getElementsByTagName('yr')[i].firstChild.data;
									
				html += "<option value='" + _year + "'>" + _year + "</option>";
			}
			
			html += "</select>";
			document.getElementById('yrs').innerHTML = html;		
		}
	}
}

Page.getMake = function() 
{
	if(Ajax.CheckReadyState(Ajax.request))
	{
		document.getElementById('models').innerHTML = '';
		document.getElementById('sizes').innerHTML = '';
		document.getElementById('finds').innerHTML = '';
		document.getElementById('fontmakes').innerHTML = 'Make';
		document.getElementById('fontmodels').innerHTML = '';
		document.getElementById('fontsizes').innerHTML = '';

		var	response = Ajax.request.responseXML.documentElement;
		var _post = response.getElementsByTagName('make');
		
		var html = "<select name=selMake id=selMake style=\"font-family:Tahoma;font-size:8pt;width:175px;\"  onchange=\"Ajax.Request('services/connector.php?method=getModel&fuel=' + selFuel.options[selFuel.selectedIndex].text + '&catid=' + selCat.options[selCat.selectedIndex].value + '&yr=' + selYear.options[selYear.selectedIndex].text + '&make=' + this.options[this.selectedIndex].text, Page.getModel);\" onclick=\"Ajax.Request('services/connector.php?method=getModel&fuel=' + selFuel.options[selFuel.selectedIndex].text + '&catid=' + selCat.options[selCat.selectedIndex].value + '&yr=' + selYear.options[selYear.selectedIndex].text + '&make=' + this.options[this.selectedIndex].text, Page.getModel);\">";
		
		for(var i=0; i<_post.length; i++)
		{
			var _make = response.getElementsByTagName('mk')[i].firstChild.data;
								
			html += "<option value='" + _make + "'>" + _make + "</option>";
		}
		
		html += "</select>";
		document.getElementById('makes').innerHTML = html;		
	}
}

Page.getModel = function() 
{
	if(Ajax.CheckReadyState(Ajax.request))
	{
		document.getElementById('sizes').innerHTML = '';
		document.getElementById('finds').innerHTML = '';
		document.getElementById('fontmodels').innerHTML = 'Model';
		document.getElementById('fontsizes').innerHTML = '';

		var	response = Ajax.request.responseXML.documentElement;
		var _post = response.getElementsByTagName('model');
		
		var html = "<select name=selModel id=selModel style=\"font-family:Tahoma;font-size:8pt;width:175px;\"  onchange=\"Ajax.Request('services/connector.php?method=getEngineSize&fuel=' + selFuel.options[selFuel.selectedIndex].text + '&catid=' + selCat.options[selCat.selectedIndex].value + '&yr=' + selYear.options[selYear.selectedIndex].text + '&make=' + selMake.options[selMake.selectedIndex].text + '&model=' + this.options[this.selectedIndex].text, Page.getEngineSize);\" onclick=\"Ajax.Request('services/connector.php?method=getEngineSize&fuel=' + selFuel.options[selFuel.selectedIndex].text + '&catid=' + selCat.options[selCat.selectedIndex].value + '&yr=' + selYear.options[selYear.selectedIndex].text + '&make=' + selMake.options[selMake.selectedIndex].text + '&model=' + this.options[this.selectedIndex].text, Page.getEngineSize);\">";
		
		for(var i=0; i<_post.length; i++)
		{
			var _model = response.getElementsByTagName('md')[i].firstChild.data;
								
			html += "<option value='" + _model + "'>" + _model + "</option>";
		}
		
		html += "</select>";
		document.getElementById('models').innerHTML = html;		
	}
}

Page.getEngineSize = function() 
{
	if(Ajax.CheckReadyState(Ajax.request))
	{
		document.getElementById('fontsizes').innerHTML = 'Engine Size';
		
		var	response = Ajax.request.responseXML.documentElement;
		var _post = response.getElementsByTagName('enginesize');
		
		var html = "<select name=selEngineSize id=selEngineSize style=\"font-family:Tahoma;font-size:8pt;width:175px;\">";
		
		for(var i=0; i<_post.length; i++)
		{
			var _enginesize = response.getElementsByTagName('eng')[i].firstChild.data;
								
			html += "<option value='" + _enginesize + "'>" + _enginesize + "</option>";
		}
		
		html += "</select>";
		document.getElementById('sizes').innerHTML = html;
		
		var html2 = "<input type=submit value=Find onclick=\"document.location.href='index.php?main_page=custom_search_result&method=getResults&fuel=' + selFuel.options[selFuel.selectedIndex].text + '&catid=' + selCat.options[selCat.selectedIndex].value + '&yr=' + selYear.options[selYear.selectedIndex].text + '&make=' + selMake.options[selMake.selectedIndex].text + '&model=' + selModel.options[selModel.selectedIndex].text + '&enginesize=' + selEngineSize.options[selEngineSize.selectedIndex].text;\">";
		document.getElementById('finds').innerHTML = html2;											
	}
}

Page.getVehicleMake = function()
{
        if(Ajax.CheckReadyState(Ajax.request))
        {
                var     response = Ajax.request.responseXML.documentElement;
                var _post = response.getElementsByTagName('vmake');

                var html = "<select name=selVehicleMake id=selVehicleMake style=\"font-family:Tahoma;font-size:8pt;width:175px;\"  onchange=\"Ajax.Request('services/connector.php?method=getVehicleModel&make=' + this.options[this.selectedIndex].text, Page.getVehicleModel);\" onclick=\"Ajax.Request('services/connector.php?method=getVehicleModel&make=' + this.options[this.selectedIndex].text, Page.getVehicleModel);\"><option>Choose Make</option>";

                for(var i=0; i<_post.length; i++)
                {
                        var _vmake = response.getElementsByTagName('vmk')[i].firstChild.data;

			if(_vmake == v_make)
	                        html += "<option value='" + _vmake + "' selected>" + _vmake + "</option>";
			else
				html += "<option value='" + _vmake + "'>" + _vmake + "</option>";
                }

		html += "</select>";

                document.getElementById('vmake').innerHTML = html;
        }
}

Page.getVehicleModel = function()
{
        if(Ajax.CheckReadyState(Ajax.request))
        {
                var     response = Ajax.request.responseXML.documentElement;
                var _post = response.getElementsByTagName('vmodel');

                var html = "<select name=selVehicleModel id=selVehicleModel style=\"font-family:Tahoma;font-size:8pt;width:175px;\"><option>Choose Model</option>";

                for(var i=0; i<_post.length; i++)
                {
                        var _vmodel = response.getElementsByTagName('vmd')[i].firstChild.data;

			if(_vmodel == v_model)
                        	html += "<option value='" + _vmodel + "' selected>" + _vmodel + "</option>";
			else
				html += "<option value='" + _vmodel + "'>" + _vmodel + "</option>";
                }

                document.getElementById('vmodel').innerHTML = html;
        }
}

Page.setIndex = function(_index) { Page.index = _index; }
Page.getIndex = function() { return Page.index; }