var AddOtherToModels = false;
function BindModels(){
	if(window.document.forms[0].ddlMake.selectedIndex != window.document.forms[0].ddlMake.length-1){
		deleteLayer("LYR1");
		makeLayer('LYR1',200,300,400,200,'red',0,1);
		
		var obj = window.document.getElementById("LYR1");
		var MakeId = window.document.forms[0].ddlMake.value;
		
		if(Used){
			obj.innerHTML = "<iframe src='JSHelpers/Cars.aspx?Module=GetUsedModels&MakeId="+MakeId+"' width=100% height=100%></iframe>";
		}
		else{
			obj.innerHTML = "<iframe src='JSHelpers/Cars.aspx?Module=GetModels&MakeId="+MakeId+"' width=100% height=100%></iframe>";
		}
		window.document.forms[0].ddlModel.disabled = false;
	}
	else{
		window.document.forms[0].ddlModel.disabled = true;
	}
}

function doBindModels(objModels){
	var obj = window.document.forms[0].ddlModel;
	for(var i=(obj.options.length-1);i >= 0;i--){
		obj.options[i] = null;
	}
	obj.options[0] = null;
	
	for(var i=0;i<objModels.length;i++){
		if(NoModelId){
			obj.options[i] = new Option(objModels[i][0], objModels[i][0]);
		}
		else{
			obj.options[i] = new Option(objModels[i][0], objModels[i][1]);
		}
	}
	if(!justModels){
		if(obj.options.length == 0){
			window.document.forms[0].ddlTrim.disabled = true;
			window.document.forms[0].btnAddToComparison.disabled = true;
			obj.options[0] = new Option("No Model(s) under this Make Name");
		}
		else{
			obj.options[obj.options.length] = new Option("-- Select Model --");
			obj.selectedIndex = obj.options.length-1;
			BindTrims();
		}
	}
	else{
		if(obj.options.length == 0){
			obj.disabled = true;
			obj.options[0] = new Option("No Model(s) Found");
			if(window.document.getElementById("btnSubmit")){
				window.document.getElementById("btnSubmit").disabled = true;
			}
		}
		else{
			obj.disabled = false;
			if(AddOtherToModels){
				obj.options[obj.options.length] = new Option("Others", "Others");
			}
			obj.options[obj.options.length] = new Option("All Models", "All");
			obj.options[obj.options.length] = new Option("-- Select Model --");
			obj.selectedIndex = obj.options.length-1;
			if(window.document.getElementById("btnSubmit")){
				window.document.getElementById("btnSubmit").disabled = false;
			}
		}
	}
}

function BindTrims(){
	if(window.document.forms[0].ddlModel.options[window.document.forms[0].ddlModel.selectedIndex].text != "-- Select Model --")
	{
		deleteLayer("LYR1");
		makeLayer('LYR1',200,300,400,200,'red',0,1);
		var obj = window.document.getElementById("LYR1");
		var ModelId = window.document.forms[0].ddlModel.value;
		obj.innerHTML = "<iframe src='JSHelpers/Cars.aspx?Module=GetTrims&ModelId="+ModelId+"' width=100% height=100%></iframe>";
		window.document.forms[0].ddlTrim.disabled = false;
	}
	else{
		window.document.forms[0].ddlTrim.disabled = true;
	}
}

function doBindTrims(objTrims){
	var obj = window.document.forms[0].ddlTrim;
	for(var i=(obj.options.length-1);i >= 0;i--){
		obj.options[i] = null;
	}
	obj.options[0] = null;
	for(var i=0;i<objTrims.length;i++){
		obj.options[i] = new Option(objTrims[i][0], objTrims[i][1]);
	}
	
	if(obj.options.length == 0){
		window.document.forms[0].btnAddToComparison.disabled = true;
		obj.options[0] = new Option("No Trim(s) under this Model Name");
	}
	else{
		window.document.forms[0].btnAddToComparison.disabled = false;
		obj.options[obj.options.length] = new Option("-- Select Trim --");
		obj.options.selectedIndex = obj.options.length -1;
	}
}

function makeLayer(id, L, T, W, H, bgColor, visible, zIndex) {
    var ni = document.getElementById('hiddenDiv');
    /*
    var numi = document.getElementById('theValue');
    var num = (document.getElementById('theValue').value - 1) + 2;
    numi.value = num;
    */
    var newdiv = document.createElement('div');
    var divIdName = id;
    newdiv.setAttribute('id', divIdName);
    newdiv.setAttribute('class', "hiddenDiv");
    // newdiv.style.visibility = "hidden";
    //newdiv.innerHTML = 'Element Number ' + num + ' has been added! <a href=\'#\' onclick=\'removeElement(' + divIdName + ')\'>Remove the div "' + divIdName + '"</a>';
    ni.appendChild(newdiv);
}
function deleteLayer(id) {
    var d = document.getElementById('hiddenDiv');
    if (document.getElementById(id) != null) {
        var olddiv = document.getElementById(id);
        d.removeChild(olddiv);
    }
}
 function GetModels(Obj, Index, CarMake) {
	window.document.forms[0].CarName.value = CarMake;
	for(var i=0;i<totalMakes;i++){
		var objItem = "link_"+i;
		window.document.getElementById(objItem).className = "alphaItem";
	}
	//Obj.className = "alphaItemSelected";
	var objItem = "link_"+Index;
	window.document.getElementById(objItem).className = "alphaItemSelected";
	deleteLayer("LYR1");
	makeLayer('LYR1',200,300,400,200,'red',0,1);
	
	var obj = window.document.getElementById("LYR1");
	var MakeId = window.document.getElementById(objItem).innerHTML;
	obj.innerHTML = "<iframe src='JSHelpers/Cars.aspx?Module=GetModels&MakeName="+MakeId+"' width=100% height=100%></iframe>";
}