var XmlReq;
var AjaxServerPageName = "GetModelsByMake.aspx";

function CreateXmlReq()
{
	try
	{
		XmlReq = new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			XmlReq = new ActiveXObject("Microsoft.XMLHTTP");
		} 
		catch(oc)
		{
			XmlReq = null;
		}
	}
	if(!XmlReq && typeof XMLHttpRequest != "undefined") 
	{
		XmlReq = new XMLHttpRequest();
	}
}

function getModels( selmakeid )
{
	if (document.getElementById(selmakeid)){
		if(document.getElementById(selmakeid).value != 0){
			CheckingDiv('divCarModel', '<img src="images/indicator.gif" width="21" height="5" />&nbsp;<span style="color:#bf0000;font-size:11px;">loading models</span>');
			
			x_getModels( document.getElementById(selmakeid).value );	
		}
		else
		{
			ClearDiv('divCarModel');
			PopulateDiv('divCarModel', '<select disabled=\"true\" class=\"frmField SearchWidth\"><option>...</option></select><input id="hdnModelList" type="hidden" value="" />');
		}
	}	
}
function HandleOnLoad( MakeControlID )
{
	if (document.getElementById( MakeControlID )){
		//alert(document.getElementById(MakeControlID).value);
		getModels( MakeControlID );
	}
}
function x_getModels( makeid )
{
	var requestUrl = "../webcustom/remoteactions/" + 
					 AjaxServerPageName + 
					 "?mid=" + encodeURIComponent( makeid );
	
	CreateXmlReq();
	
	if(XmlReq)
	{
		XmlReq.onreadystatechange = HandleGetWebResponse;
		XmlReq.open("GET", requestUrl,  true);
		XmlReq.send(null);		
	}
}

function HandleGetWebResponse()
{
	if(XmlReq.readyState == 4)
	{
		if(XmlReq.status == 200)
		{			
			ClearDiv('divCarModel');
			PopulateDiv('divCarModel', XmlReq.responseText);
			//selectIndex( 'ddlModel', 1);hdnModelID
			if (document.getElementById('hdnModelID'))
			{
				var ModelID = document.getElementById('hdnModelID').value;
				if (document.getElementById('ddlModel')) 
				{
					var ddModel = document.getElementById('ddlModel');
					ddModel.value = ModelID;
				}
			}
		}
		else
		{
			alert("There was a problem retrieving data from the server." );
			ClearDiv('divCarModel');
		}
	}
}
/*lis search related*/
function list_HandleOnLoad( MakeControlID )
{
	if (document.getElementById( MakeControlID )){
		if(document.getElementById(MakeControlID).value)
			list_getModels( document.getElementById(MakeControlID).value );
	}
}
function list_getModels( selmakeid )
{
	if (document.getElementById(selmakeid)){
		if(document.getElementById(selmakeid).value != 0){
			CheckingDiv('divCarModel', '<img src="images/indicator.gif" width="21" height="5" />&nbsp;<span style="color:#bf0000;font-size:11px;">loading</span>');
			
			x_list_getModels( document.getElementById(selmakeid).value );	
		}
		else
		{
			ClearDiv('divCarModel');
			PopulateDiv('divCarModel', '<select disabled=\"true\" class=\"frmField dgMedium\"><option>...</option></select><input id="hdnModelList" type="hidden" value="" />');
		}
	}	
}
function x_list_getModels( makeid )
{
	var requestUrl = "../webcustom/remoteactions/" + 
					 AjaxServerPageName + 
					 "?mid=" + encodeURIComponent( makeid );
	
	CreateXmlReq();
	
	if(XmlReq)
	{
		XmlReq.onreadystatechange = list_HandleGetWebResponse;
		XmlReq.open("GET", requestUrl,  true);
		XmlReq.send(null);		
	}
}

function list_HandleGetWebResponse()
{
	if(XmlReq.readyState == 4)
	{
		if(XmlReq.status == 200)
		{			
			ClearDiv('divCarModel');
			PopulateDiv('divCarModel', XmlReq.responseText);
			//selectIndex( 'ddlModel', 1);hdnModelID
			if (document.getElementById('hdnModelID'))
			{
				var ModelID = document.getElementById('hdnModelID').value;
				if (document.getElementById('ddlModel')) 
				{
					var ddModel = document.getElementById('ddlModel');
					ddModel.value = ModelID;
					
				}
			}
			if (document.getElementById('ddlModel')) 
			{
				var ddModel = document.getElementById('ddlModel');
				ddModel.className = "frmField dgMedium";
			}
			
		}
		else
		{
			alert("There was a problem retrieving data from the server." );
			ClearDiv('divCarModel');
		}
	}
}
/* end list search related */

function ClearDiv(id)
{
	var tmpDiv = document.getElementById(id);
	if(tmpDiv.innerHTML != "")
		tmpDiv.innerHTML = "";
}

function PopulateDiv(id, content)
{
	var tmpDiv = document.getElementById(id);
	if (content != "")
		tmpDiv.innerHTML = content;
}
function CheckingDiv(id, content)
{
	var tmpDiv = document.getElementById(id);
	tmpDiv.innerHTML = content;
}

function selectIndex( sCtrlID, sValue)
{
	if (document.getElementById(sCtrlID)){
		var oCtrl = document.getElementById(sCtrlID);
		alert(oCtrl.length);
	}
}