// JavaScript Document
var mapPos = new Array( '', '0,0,17,14', '17,0,36,14', '36,0,55,14', '55,0,74,14', '74,0,91,14' );
var path = "/scripts/rating/";
var idProduct, rating;
var disableVote = false;
var xmlHttpRating

function writeRating() {
	
	//document.write("<xmp>");
	document.write("<map name=\"mapRating\">");
	for ( i = 1; i <= 5; i++ ) {
		document.write("<area shape=\"rect\" coords=\"" + mapPos[i] + "\" onmouseover=\"showRating(" + i + ");\" onmouseup=\"changeRating(" + i + ");\" />");
	}
	document.write("</map>");
	
	document.write("<div id=\"msgRating\" style=\"font-weight:bold;\">");
	document.write("<div id=\"divRating\" onmouseout=\"resetRating();\" style=\"position:relative; height:45px; width:265px; \">");
	document.write("<img id=\"imgRating\" usemap=\"#mapRating\" src=\"" + path + rating + "star_rating.gif\" style=\"position:absolute; top:14px; left:0px; cursor:pointer;\" />");
	document.write("<div id=\"voteRating\" style=\"position:absolute; top:12px; left:104px; font-size:16px; font-weight:bold; cursor:default;\">" + rating + "</div>");
	document.write("<img id=\"imgSubmitRating\" src=\"" + path + "voting_button.gif\"  style=\"position:absolute; top:13px; left:125px; cursor:pointer; \" onmouseup=\"submitRating();\" />");
	document.write("</div>");
	document.write("</div>");

}

function showRating( varRating ) {
	if ( disableVote ) return;
	document.getElementById("voteRating").innerHTML = varRating;
	document.getElementById("imgRating").src = path + varRating + "star_rating.gif";
}

function resetRating() {
	if ( disableVote ) return;
	document.getElementById("voteRating").innerHTML = rating;
	document.getElementById("imgRating").src = path + rating + "star_rating.gif";
}

function changeRating( varRating ) {
	if ( disableVote ) return;
	//alert( rating );
	rating = varRating;
	//document.getElementById("rating").value = rating;
	document.getElementById("voteRating").innerHTML = rating;
	document.getElementById("imgRating").src = path + rating + "star_rating.gif";
}

function submitRating() {
	
	if ( disableVote ) {
		document.getElementById( "msgRating" ).innerHTML = "U heeft al gestemd!";
		return false;
	}
	
	xmlHttpRating = GetXmlHttpObjectRating();
	if (xmlHttpRating==null){
		alert("Your browser does not support AJAX!");
		return;
	} 
	var url = path + "ratingadd.asp";
	url = url + "?idproduct=" + idProduct;
	url = url + "&rating=" + rating;
	url = url + "&sid=" + Math.random();



	
	xmlHttpRating.onreadystatechange = stateChangedRating;
	xmlHttpRating.open( "GET", url, true );
	xmlHttpRating.send( null );

}

function stateChangedRating() { 
	if ( xmlHttpRating.readyState == 4 ) {
		if ( xmlHttpRating.responseText == "False" ) {
			document.getElementById( "msgRating" ).innerHTML =  xmlHttpRating.responseText + " U heeft al gestemd!";
			disableVote = true;
			return;
		}
		
		
		document.getElementById( "msgRating" ).innerHTML = xmlHttpRating.responseText +  "Uw stem is toegevoegd!";
		disableVote = true;
	}
}

function GetXmlHttpObjectRating() {
	var xmlHttpRating=null;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttpRating=new XMLHttpRequest();
	} catch (e) {
		// Internet Explorer
		try{
			xmlHttpRating=new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			xmlHttpRating=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttpRating;
}