function handsets(x) {
	$("#handsets").html(x);
	reloadDOM();
	return false;
}

function handsetSelect(x) {
	var p = x.split(".:||:.");
	$("#handsets_"+p[0]).html(p[1]);
}

$(document).ready(function() {
   $(".planBtn").click(function(){
   		var p = $(this).val().split("_");
   		var qs = new Array();
		qs["action"] = "handsets";
		qs["id"] = p[1];
		qs["rand"] = Math.floor(Math.random()*100001)
		booyantAJAX("/ajax",qs,handsets);
		return true;
   });
   
   $(".carrierSelect").change(function(){
		var qs = new Array();
		qs["action"] = "availablehandsets";
		qs["carrier"] = $(this).val();
		var p = $(this).attr("name").split("_");
		qs["target"] = p[1];
		if (qs["carrier"] == ""){
			$("#handsets_"+qs["target"]).html("<select name='handset_"+qs["target"]+"'><option value=''>Select One<option");
		} else {
			booyantAJAX("/ajax", qs, handsetSelect);
		}
		return true;
	});
    
});


function reloadDOM(){
	$(".carrierSelect").change(function(){
		var qs = new Array();
		qs["action"] = "availablehandsets";
		qs["carrier"] = $(this).val();
		var p = $(this).attr("name").split("_");
		qs["target"] = p[1];
		if (qs["carrier"] == ""){
			$("#handsets_"+qs["target"]).html("<select name='handset_"+qs["target"]+"'><option value=''>Select One<option");
		} else {
			booyantAJAX("/ajax", qs, handsetSelect);
		}
		return false;
	});
	
}