<!-- // Required to be compliant with XHTML -->
function rateStage (stageID, rating)
{
	var client;
	
    // branch for native XMLHttpRequest object
    if(window.XMLHttpRequest && !(window.ActiveXObject)) {
    	try {
			client = new XMLHttpRequest();
        } catch(e) {
			client = false;
        }
    // branch for IE/Windows ActiveX version
    } else if(window.ActiveXObject) {
       	try {
        	client = new ActiveXObject("Msxml2.XMLHTTP");
      	} catch(e) {
        	try {
          		client = new ActiveXObject("Microsoft.XMLHTTP");
        	} catch(e) {
          		client = false;
        	}
		}
    }
	
	if (client)
	{
		client.open("POST", "/rate.php?stageID="+stageID+"&rating="+rating);
		client.setRequestHeader("Content-Type", "text/plain;charset=UTF-8");
		client.send('rate');
		document.getElementById('myRating['+stageID+']').value = rating;
	}
}

function rateHover (stageID, rating, style, hover)
{
	if (hover)
	{
		for (i=1; i<=rating; i++)
			document.getElementById('rate['+stageID+']['+i+']').src = '/styles/'+style+'/icon_hover.png';
		for (i=rating+1; i<=5; i++)
			document.getElementById('rate['+stageID+']['+i+']').src = '/styles/'+style+'/icon.png';
	}
	else
	{
		myRating = document.getElementById('myRating['+stageID+']').value;
		for (i=1; i<=5; i++)
		{
			if (myRating >= 1 && myRating <=5 && myRating >= i)
				document.getElementById('rate['+stageID+']['+i+']').src = '/styles/'+style+'/icon_hover.png';
			else
				document.getElementById('rate['+stageID+']['+i+']').src = '/styles/'+style+'/icon.png';
		}
	}
}