$(document).ready(function(){
	initialiseForm("#fPollX");
	initialiseForm("#fEmissions");
	createRateForm("#fRateX", "#fRateXRadio", "#fRateX fieldset.submit")
});


function getPost(formId) {
     return function() {
         switch(formId){
			case "#fPollX":
				for (var i=0; i < document.fPollX.fRadio3opt.length; i++) {
					if (document.fPollX.fRadio3opt[i].checked){
						var radioValue = document.fPollX.fRadio3opt[i].value;
					}
				}
				if(radioValue){	
					$("div#poll").load("poll-results.php?fPollValue=" + radioValue).fadeIn("slow");
				}
				return false;
			break;
			case "#fEmissions":
				var theSelect = document.getElementById("fEmissionsCounty");
				var selectValue = theSelect.options[theSelect.selectedIndex].value;
				if(selectValue > 0){	
					$("div#local-emissions").load("results.php?fEmissionsValue=" + selectValue).fadeIn("slow");
				}
				return false;
			break;
			case "#fRateX":
					$(formId).fadeOut("slow");
					$("li#rate-page div#rate-page-tool").load("clicked-state.php?fRateRadio=" + this.value).fadeIn("slow");
					this.focus();
				return false;
			break;
			default:
				return false;
			}	
     };
}

function initialiseForm(formId) {
     $(formId).bind('submit', getPost(formId));
}

function createRateForm(formId, radioGroupId, hideThis){
	
	theRate = new Array();
	theRate[1] = 'Bad';
	theRate[2] = 'Poor';
	theRate[3] = 'OK';
	theRate[4] = 'Good';
	theRate[5] = 'Great';
	
	$(hideThis).hide();
	
	var avgRating = document.getElementById("fRateXAvg").firstChild.nodeValue;
	
	$(radioGroupId + " input").each(function(i){
		i=i+1;
		
		var imageStatus;
		i <= avgRating ? imageStatus = "on" : imageStatus = "off";
		
		var imageButton = document.createElement('input');
		$(imageButton).attr({ 
			type: "image",		
			src: "images/" + i + "_" + imageStatus + ".gif", 
			alt: "Rating: " + i + " - " + theRate[i],
			name: this.name,
			id: this.id,
			value: this.value
		});
		
		$(imageButton).bind('click', getPost(formId));

		$(imageButton).bind('mouseover', function(){
			for(var k=0; k <= i; k++){
				$("#fRadio1opt" + k).attr("src", "images/" + k + "_over.gif");
			}
		});
		
		$(imageButton).bind('mouseout', function(){
			for(var k=i; k > 0; k--){
				k <= avgRating ? localImageStatus = "on" : localImageStatus = "off";
				$("#fRadio1opt" + k).attr("src", "images/" + k + "_" + localImageStatus + ".gif");
			}
		});
		
		$(this).after(imageButton);
		$(this).remove();
	});
}