var JJ = jQuery.noConflict();

var schooltypeid = 2;

var boxes = {};

//boxes['iso2'] = {};
//boxes['iso2']['unload'] = new Array();
//boxes['iso2']['unloadlabel'] = new Array();
//boxes['iso2']['load'] = 'stateid';
//boxes['iso2']['loadlabel'] = 'State';
//boxes['iso2']['loadajax'] = 'ajax/statesget.php';

boxes['stateid'] = {};
boxes['stateid']['unload'] = new Array();
boxes['stateid']['unloadlabel'] = new Array();
boxes['stateid']['load'] = 'cityid';
boxes['stateid']['loadlabel'] = 'City';
boxes['stateid']['loadajax'] = 'ajax/citiesget.php';

boxes['cityid'] = {};
boxes['cityid']['unload'] = new Array();
boxes['cityid']['unloadlabel'] = new Array();
boxes['cityid']['load'] = 'schoolid';
boxes['cityid']['loadlabel'] = 'School';

boxes['cityid']['loadajax'] = 'ajax/schoolsget.php';

boxes['schoolid'] = {};
boxes['schoolid']['unload'] = new Array();
boxes['schoolid']['unloadlabel'] = new Array();


//boxes.iso2.unload[0] = 'stateid';
//boxes.iso2.unload[1] = 'cityid';
//boxes.iso2.unload[2] = 'schoolid';
//boxes.iso2.unloadlabel[0] = 'State';
//boxes.iso2.unloadlabel[1] = 'City';
//boxes.iso2.unloadlabel[2] = 'School';

boxes.stateid.unload[0] = 'cityid';
boxes.stateid.unload[1] = 'schoolid';
boxes.stateid.unloadlabel[0] = 'City';
boxes.stateid.unloadlabel[1] = 'School';

boxes.cityid.unload[0] = 'schoolid';
boxes.cityid.unloadlabel[0] = 'School';



function boxChange(id){

	for (var i = 0; i < boxes[id]['unload'].length ; i++){

		var x = document.getElementById('select_' + boxes[id]['unload'][i]);

		x.innerHTML = '<p><label for="' + boxes[id]['unload'][i] + '">' + boxes[id]['unloadlabel'][i] + '</label></p>';


		
	}

	//var iso2 = document.getElementById('iso2').value;
	var iso2 = '';
	var inID = document.getElementById(id).value;
	document.getElementById('select_' + boxes[id].load).innerHTML = '<p><label for="' + id + '">' + boxes[id]['loadlabel'] + '</label>&nbsp;&nbsp;&nbsp;&nbsp;<img src="/img/indicator.gif"></p>';

	var dat = 'iso2=' + escape(iso2) + '&inID=' + escape(inID)  + '&schooltypeid=' + escape(schooltypeid) ;

	JJ.ajax({
		type: "GET",
		cache : "no",
		dataType: "json",
		url: boxes[id].loadajax,
		data: dat,
		success: function(json){

			if (json.status == 'success'){

				var html  = '<p><label for="' + id + '">' + boxes[id]['loadlabel'] + '</label>';

				// this is just a kludge because classmates uses the name "commin
				if (id == 'cityid'){
					var boxname = 'communityId';
				} else {
					var boxname = boxes[id].load;
				}			
				
				html += '<select name="' + boxname + '" id="' + boxes[id].load + '" onChange="boxChange(\'' + boxes[id].load + '\')">';
				for (i = 0; i < json.records.length; i++){

					html += '<option value="' + json.records[i].v + '">' + json.records[i].o + '</option>';

				}

				var divload = document.getElementById('select_' + boxes[id].load);
				divload.innerHTML = html + '</p>';

			}

		}
	});

	
	//if (id == 'schoolid'){
	//	var SCHOOLID = document.getElementById("schoolid").value;
	//	if (SCHOOLID.length > 0){
	//		location.href = 'http://www.classmates.com/registration/registration.jsp?s=77084&cType=school&communityId=' + escape(SCHOOLID);
	//	}
	//}
	
	

}