function ratingClearComment(el) {
	if (el.value == "Add a comment (optional)...") {
		el.value = "";
	}
}

function ratingResetComment(el) {
	val = String(el.value.replace(/^\s+|\s+$/g,""));
	if (val == "") {
		el.value = "Add a comment (optional)...";
	}
}

function ratingButtonSwap(el) {
	path = String(el.src);
	if (path.indexOf("off.gif") > 0) path = path.replace("off.gif", "on.gif");
	else path = path.replace("on.gif", "off.gif");
	el.src = path;	   
}

function ratingHiglight(img) {
	
	num = ratingId(img);
	if (img.nodeName == "DIV") 	num = ratingCurrentId();
	if (isNaN(num)) num = 0;
	stars = img.parentNode.getElementsByTagName("img");
	for (var i=0; i<stars.length; i++) {
		cur = Number(stars[i].className.replace("ratingStar", ""));
		if (cur > num) stars[i].src = stars[i].src.replace("blue_star", "gray_star");
		else stars[i].src = stars[i].src.replace("gray_star", "blue_star");
	}
	
}

function ratingClick(el) {
	document.getElementById("ratingForm").rating.value = ratingId(el);
}

function ratingId(img) {
	return Number(img.className.replace("ratingStar", ""));
}

function ratingCurrentId() {
	return Number(document.getElementById("ratingForm").rating.value);
}

function sendRating() {

	ratingVal = Number(document.getElementById("ratingForm").rating.value);
	
	if (ratingVal < 1) {
		alert("Please select a rating to continue.");
		return;
	}
	
	document.getElementById("rating-options").style.display = "none";
	document.getElementById("rating-header").style.display = "none";
	document.getElementById("rating-submit").style.display = "";

	ratingClearComment(document.getElementById("ratingForm").comments);
	
	
	$.post(
		'/sites/client/tdanl/TDANewsletter/rating.vm',
		{ 
			rating: ratingVal,
			siteContent: 11397,
			topic: 7363,
			comments: document.getElementById("ratingForm").comments.value
		},
		function(data) {
			if (data == "success") {
				document.getElementById("rating-header").style.display = "";
				showActual(document.getElementById("ratingForm").rating.value);
			}
			else {
				document.getElementById("rating-header").style.display = "";
				document.getElementById("rating-options").style.display = "";
			}
		}
	);
	
}

function showActual(rating) {

	document.getElementById("rating-options").style.display = "none";
	document.getElementById("rating-submit").style.display = "none";
	
	stars = document.getElementById("rating-actual").getElementsByTagName("img");
	for (var i=0; i<stars.length; i++) {
		cur = Number(stars[i].className.replace("ratingStar", ""));
		if (cur > rating) stars[i].src = stars[i].src.replace("blue_star", "gray_star");
		else stars[i].src = stars[i].src.replace("gray_star", "blue_star");
	}
	document.getElementById("rating-actual").style.display = "";

}

var jqscript = document.createElement("script");
jqscript.src = "/js/jquery/jquery-1.4.2.min.js";
jqscript.type="text/javascript";
document.getElementsByTagName("head")[0].appendChild(jqscript);

document.write("\n\t\t\t\n\t\t\n\t\t<form id=\"ratingForm\" style=\"margin:0px;\">\n\t\t\n\t\t\t<input type=\"text\" style=\"display:none;\" name=\"rating\" value=\"0\" />\n\t\t\n\t\t\t<div id=\"rating-header\" style=\"margin-bottom:3px; font-weight:bold; color:#386583;\">\n\t\t\t\tRate This Article:\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<div id=\"rating-options\">\n\t\t\t\n\t\t\t\t<div style=\"margin-bottom:6px;\" onmouseout=\"ratingHiglight(this);\">\n\t\t\t\t\t<img class=\"ratingStar1\" onclick=\"ratingClick(this);\" onmouseover=\"ratingHiglight(this);\" src=\"images/gray_star.gif\" /><img class=\"ratingStar2\" onclick=\"ratingClick(this);\" onmouseover=\"ratingHiglight(this);\" src=\"images/gray_star.gif\" /><img class=\"ratingStar3\" onclick=\"ratingClick(this);\" onmouseover=\"ratingHiglight(this);\" src=\"images/gray_star.gif\" /><img class=\"ratingStar4\" onclick=\"ratingClick(this);\" onmouseover=\"ratingHiglight(this);\" src=\"images/gray_star.gif\" /><img class=\"ratingStar5\" onclick=\"ratingClick(this);\" onmouseover=\"ratingHiglight(this);\" src=\"images/gray_star.gif\" />\t\t\t\t</div>\n\t\t\t\t\n\t\t\t\t<div style=\"margin-bottom:3px\">\n\t\t\t\t\n\t\t\t\t\t<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td><input type=\"text\" name=\"comments\" style=\"width:150px; border-top:1px solid #c5c5c5; border-left:1px solid #c5c5c5; color:#8f8f8f; font-size:10px; padding:4px; height:22px;\" value=\"Add a comment (optional)...\" onclick=\"ratingClearComment(this);\" onblur=\"ratingResetComment(this);\" /></td>\n\t\t\t\t\t\t\t<td style=\"padding-left:7px;\"><a href=\"javascript:void(0);\" onclick=\"sendRating();\"><img border=\"0\" style=\"cursor:pointer;\" onmouseover=\"ratingButtonSwap(this);\" onmouseout=\"ratingButtonSwap(this);\" src=\"images/rating_submit_off.gif\" /></a></td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</table>\t\n\t\t\t\t\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\n\t\t\t<div id=\"rating-submit\" style=\"display:none; color:#45809e;\">\n\t\t\t\tSubmitting feedback...\n\t\t\t</div>\n\t\t\t\n\t\t\t<div id=\"rating-actual\" style=\"display:none;\">\n\t\t\t\t\n\t\t\t\t<img class=\"ratingStar1\" src=\"images/gray_star.gif\" /><img class=\"ratingStar2\" src=\"images/gray_star.gif\" /><img class=\"ratingStar3\" src=\"images/gray_star.gif\" /><img class=\"ratingStar4\" src=\"images/gray_star.gif\" /><img class=\"ratingStar5\" src=\"images/gray_star.gif\" />\t\t\t\t\n\t\t\t\t<div style=\"margin-top:6px; color:#45809e;\">\n\t\t\t\t\tThank you for your feedback.\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t</div>\n\t\t\n\t\t</form>\n\t\t\n\t\n");

setTimeout(function() { document.getElementById( "ratingForm" ).reset(); }, 5);

if ("false" == "true") {
	showActual($userRating.rating);
}