function getAllVariantsForMakeModel(url,compid,makeModel,pageName){
	//alert("inside ajax function");
	//alert("url: "+url);
	//alert("compId: "+compid);
	//alert("makeModel: "+makeModel);
	//alert("pageName: "+pageName);
var flag="NO";
	
	if("accessoryLanding" == pageName){
		var defaultVariantText = "<select name='variant' id='variant' tabindex='4' style='height:18px;' ><option value=''>Select Variant</option></select>";
		document.getElementById("variantsDiv").innerHTML =defaultVariantText; 
	}	
		var make ;
		var model;
			
		if(makeModel!="" && makeModel.indexOf("~")!=-1){
			var tempMakeModel= makeModel.split("~");
				make = tempMakeModel[0] ;
				model = tempMakeModel[1]
		}
		//alert("make:: "+make);
		//alert("model:: "+model);
		if (window.XMLHttpRequest) { // Mozilla, Safari, ...
			http_request = new XMLHttpRequest();
		} else if (window.ActiveXObject) { // IE
			http_request = new ActiveXObject("Microsoft.XMLHTTP");
		}
		
		if (!http_request) {
			alert('Giving up :( Cannot create an XMLHTTP instance');
			return false;
		}
		if(http_request){
				var sentUrl=url+"?compId="+compid+"&make="+make+"&model="+model+"&pageName="+pageName;
				//alert(sentUrl);
				
					//alert(flag);
					http_request.onreadystatechange = function() { processVariants(http_request,pageName); } ;				
				http_request.open ("POST", sentUrl, true);			
				http_request.send(null);
				
		}
}


function processVariants(http_request,pageName){	
	if (http_request.readyState == 4){		
		//alert( http_request.responseText);
		if('accessoryLanding'==pageName){
			document.getElementById("variantsDiv").innerHTML = http_request.responseText;
			document.getElementById("fieldChanged").value="YES";
		}else{
			document.getElementById("variantsDiv").innerHTML = http_request.responseText; // this is for model price landing page
		}
		
	}
}