//*** Begin AJAX***
var req;			//global http request object
var updateFunction;	//which field to update
var surveyObj;

function ajaxCall(url){	
	if (window.XMLHttpRequest) {	// Mozilla / Safari
        req = new XMLHttpRequest();        		
        req.onreadystatechange = processReqChange;
        req.open("GET", url, true);
        req.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        req.send(null);    
	}  
	else if (window.ActiveXObject) {	// IE
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange;
            req.open("GET", url, true);
            req.setRequestHeader("X-Requested-With", "XMLHttpRequest");
            req.send();
        }
  	}
}

function processReqChange() 
{
    // only if req shows "complete"
    if (req.readyState == 4) {	//4=completed
        // only if "OK"
        if (req.status == 200) {	//200=OK, so processing data
            //alert(req.responseText);			
            switch (updateFunction) {
            	case 1:		//show survey	                      		
            		var str='<p></p><div align="center"><img src="/images/online_survey.jpg" width="191" height="40"></div>';

	           		surveyObj = eval('(' + req.responseText + ')');
            		
            		str+='<center><table cellpadding="0" cellspacing="0" border="0" width="180"><tr><td colspan="2">';
            		str+='<p class="copy">'+surveyObj.question+'</p>';
            		str+='<font class="copy">';
            		str+='<input name="pollanswer" name="surveyanswer" id="surveyanswer1" type="radio">'+surveyObj.answer1+'<br>';
            		str+='<input name="pollanswer" name="surveyanswer" id="surveyanswer2" type="radio">'+surveyObj.answer2+'<br>';
            		str+='<input name="pollanswer" name="surveyanswer" id="surveyanswer3" type="radio">'+surveyObj.answer3+'<br>';
            		str+='<input name="pollanswer" name="surveyanswer" id="surveyanswer4" type="radio">'+surveyObj.answer4;
            		str+='<div style="position:absolute;left:-1000"><input type="text" value="" id="z"></div>';
            		str+='</td></tr><tr><td colspan="2">&nbsp;<span id="surveyErrorMsg"></span></td></tr><tr><td align="left" valign="top">';
					str+='&nbsp;<span id="surveySubmitBtn"><input type="button" value="submit" onclick="javascript:updateSurvey();"></span>';
					str+='</td><td align="right" height="25">'
					str+='<span id="seeResultsSpan"><a href="javascript:showSurveyResults();" class="link" rel="nofollow">See Results >></a>&nbsp;</font></span>';  
					str+='</td></tr></table></center>';					
            		document.getElementById('surveyDiv').innerHTML=str;
 					break;
 				case 2:		//show results	
 					//alert(req.responseText);	//debug
					surveyObj = eval('(' + req.responseText + ')');
 					var totalAnswers=parseInt(surveyObj.responses1)+parseInt(surveyObj.responses2)+parseInt(surveyObj.responses3)+parseInt(surveyObj.responses4);
 					if (totalAnswers==0) totalAnswers=1;	//avoid divide by zero when no responses
					var temp='<br><center><table cellpadding="0" cellspacing="0" border="0" width="180"><tr>';
					temp+='<td colspan="3" align="center"><p class="copy"><b>Survey Results</b></td></tr><tr>';
					temp+='<td><p class="copy">'+surveyObj.answer1+'&nbsp;</td><td align="right"><p class="copy">'+(surveyObj.responses1*100/totalAnswers).toFixed(1)+'%&nbsp;&nbsp;</td><td><p class="copy">('+surveyObj.responses1+')</td></tr>';
					temp+='<td><p class="copy">'+surveyObj.answer2+'&nbsp;</td><td align="right"><p class="copy">'+(surveyObj.responses2*100/totalAnswers).toFixed(1)+'%&nbsp;&nbsp;</td><td><p class="copy">('+surveyObj.responses2+')</td></tr>';
					temp+='<td><p class="copy">'+surveyObj.answer3+'&nbsp;</td><td align="right"><p class="copy">'+(surveyObj.responses3*100/totalAnswers).toFixed(1)+'%&nbsp;&nbsp;</td><td><p class="copy">('+surveyObj.responses3+')</td></tr>';
					temp+='<td><p class="copy">'+surveyObj.answer4+'&nbsp;</td><td align="right"><p class="copy">'+(surveyObj.responses4*100/totalAnswers).toFixed(1)+'%&nbsp;&nbsp;</td><td><p class="copy">('+surveyObj.responses4+')</td></tr>';
					temp+='</table></center>';
					document.getElementById('surveyResultsDiv').innerHTML=temp;
					document.getElementById('seeResultsSpan').innerHTML=''; 					
            		break;
            	case 3:		//submit answer
            		showSurveyResults();	//when update complete show the resutls	
            		break;
            	case 4:		//debug
            		alert(req.responseText);
            		break;	
        	}	 			
        } 
        else {
            //alert("There was a problem retrieving the information from the server:\n" + req.statusText);
        }
    }
}