// Facts & Figures
var subsectorID = 0;
var areaID 		= 0;

function body_onLoad() {
	objGateway1 = new gateway("serverpages/JTJFacts.cfm?");
	objGateway1.setListener('subsectorPacket_onReceive').setArguments( {type:'subsector'} ).request();

	objGateway2 = new gateway("serverpages/JTJFacts.cfm?");
	objGateway2.setListener('areaPacket_onReceive').setArguments( {type:'area'} ).request();

	objGateway3 = new gateway("serverpages/JTJFacts.cfm?");
	//objGateway3.setListener('questionPacket_onReceive').setArguments( {type:'question'} ).request();
}

/*	SubSector selection */
function subsectorPacket_onReceive(packet) {
	var select = document.getElementById('selectSubsector');
	if (select.selectedIndex && select.selectedIndex >= 0)
		var choice	= select.options[select.selectedIndex].value;
	else
		var choice = 0; 
	srsLoadSelect(select, packet, 'subsectorid', 'subsector', ':: Subsector ::', 0, '', -1, choice);
}

/*	SubSector selected item */
function selectSubsector_onChange(field) {
	var choice = field.options[field.selectedIndex].value;
	subsectorID	= choice;

	//objGateway1.setListener('subsectorPacket_onReceive').setArguments( {type:'subsector',SubsectorID:choice} ).request();
	objGateway2.setListener('areaPacket_onReceive').setArguments( {type:'area',SubsectorID:choice} ).request();
	if (subsectorID > 0 && areaID > 0) {
	objGateway3.setListener('questionPacket_onReceive').setArguments( {type:'question',SubsectorID:choice,AreaID:areaID} ).request();
	}
	else {
	document.getElementById('divResults').innerHTML = '';
	document.getElementById('tableResults').style.display = 'hide';
	}
}

/*	Area selection */
function areaPacket_onReceive(packet) {
	var select = document.getElementById('selectArea');
	if (select.selectedIndex && select.selectedIndex >= 0)
		var choice	= select.options[select.selectedIndex].value;
	else
		var choice = 0; 
	srsLoadSelect(select, packet, 'areaid', 'areaname', ':: Area ::', 0, '', -1, choice);
}

/*	Area selected item */
function selectArea_onChange(field) {
	var choice = field.options[field.selectedIndex].value;
	areaID = choice;		
	
	objGateway1.setListener('subsectorPacket_onReceive').setArguments( {type:'subsector',AreaID:choice} ).request();
	//objGateway2.setListener('areaPacket_onReceive').setArguments( {type:'area',AreaID:choice} ).request();
	if (subsectorID > 0 && areaID > 0) {
	objGateway3.setListener('questionPacket_onReceive').setArguments( {type:'question',AreaID:choice,SubsectorID:subsectorID} ).request();
	}
	else {
	document.getElementById('divResults').innerHTML = '';
	document.getElementById('tableResults').style.display = 'hide';
	}
}

/*	Questions List */
function questionPacket_onReceive(packet) {
	if (packet.questionid.length > 0 && subsectorID > 0 && areaID > 0) {
	var results = '<table width="555" border="0" cellspacing="1" cellpadding="5" bgcolor="#FFFFFF">';

	for ( var i = 0 ; i < packet.questionid.length; i++ ) {
		results = results+ '<tr><td width="23%" bgcolor="#4177BF"><span class="style1"><strong><font color="#FFFFFF">Question</font></strong></span></td><td width="61%">';
		results = results+ packet.question[i];
		results = results+ '</td><td width="16%"><label><input type="checkbox" name="QuestionID" value="'+packet.questionid[i]+'" />Answer</label></td></tr>';
	}
	
	results = results + '<tr><td bgcolor="#4177BF"></td><td colspan="2" align="center"><input name="Submit" value="Submit" type="image" src="images/answer-questions.gif" alt="Answer my questions" align="top"  border="0"/></td></tr>';
	results = results + '<tr><td bgcolor="#4177BF"></td><td colspan="2" bgcolor="#4177BF"><font color="#FFFFFF">Use the button below if you wish to view answers to all questions.</font></td>';	
	results = results + '<tr><td bgcolor="#4177BF"></td><td colspan="2" align="center"><input onclick="checkAll()" name="SubmitAll" value="SubmitAll" type="image" src="images/view-entire-print.gif" align="top" alt="Print"  border="0" /></td></tr>';	
	results = results + '</table>';

	results = results + '<input type="hidden" name="SubsectorID" value="'+subsectorID+'">';
	results = results + '<input type="hidden" name="AreaID" value="'+areaID+'">';
	
	document.getElementById('divResults').innerHTML = results;
	document.getElementById('tableResults').style.display = 'block';
	}
	else
	{
	document.getElementById('divResults').innerHTML = '';
	document.getElementById('tableResults').style.display = 'hide';
	}
}
