var st = "<style type=\"text/css\">.star {width:8px; height:16px; background-image:url('http://media.santabanta.com/test/star_left.png'); background-color:#ccc; float:left;} .star1{width:8px; height:16px; background-image:url('http://media.santabanta.com/test/star_right.png'); background-position:right; background-color:#ccc; float:left;}</style>";
var st1 = "<style type=\"text/css\">.star {width:8px; height:16px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.santabanta.com/test/star_left.png'); background-color:#ccc; float:left;} .star1 {width:8px; height:16px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.santabanta.com/test/star_right.png'); background-position:right; background-color:#ccc; float:left;}</style>";
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
	{ //test for MSIE x.x;
 		var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
 		if (ieversion<=6){
 			document.write(st1);
 		}
		else{
			document.write(st);
		}
	}
	else{
		document.write(st);
	}

	for (var i = 1; i <= 20; i++)
	{
		eval("var chk_clicked_"+ i +" = true;var chk_click_"+ i +" = true;var total_stars_"+ i +" = 10;var chk_star_"+ i +" = 0;var chk_start_"+ i +" = 2;");
	}
	var start_id = 0;
	function start_rating(r_id, last_rate)
	{
		eval("chk_start_" + r_id + "=" + last_rate + "");
		chk_start = eval("chk_start_" + r_id);		
		for (var i = 1; i <= chk_start; i++)
		{
			document.getElementById(r_id + "_star" + i).style.backgroundColor = "#000";
		}
	}
	function highlight_star(id, r_id)
	{	
		
		if (eval("chk_clicked_" + r_id) == true)
		{
			chk_star = id.replace(r_id + '_star','');
			for (var i = 1; i <= eval("total_stars_" + r_id); i++)
			{
				if (i <= chk_star)
				{
					document.getElementById(r_id + "_star" + i).style.backgroundColor = "#56cee4";
				}
				else
				{
					document.getElementById(r_id + "_star" + i).style.backgroundColor = "#ccc";
				}
			}
		}
	}	
	function lose_highlight_star(r_id)
	{
		if (eval("chk_click_" + r_id) == true)
		{
			for (var i = 1; i <= eval("total_stars_" + r_id); i++)
			{
				if (i <= eval("chk_start_" + r_id))
				{
					document.getElementById(r_id + "_star" + i).style.backgroundColor = "#000";
				}
				else
				{
					document.getElementById(r_id + "_star" + i).style.backgroundColor = "";
				}
			}
		}
	}
	function selected_star(id, r_id,catname,c_id)
	{		
		if (eval("chk_click_" + r_id) == true)
		{
			chk_star = id.replace(r_id + '_star','');			
			for (var i = 1; i <= chk_star; i++)
			{	
				document.getElementById(r_id + "_star" + i).style.backgroundColor = "#56cee4";
			}
			eval("chk_click_" + r_id + " = false;");
			eval("chk_clicked_" + r_id + " = false;");
			//alert(chk_star / 2 + "-" + catname + "-" + c_id);
			saverating(chk_star / 2,catname,c_id)
		}
	}
	function create_rating(last_rate,catname,id)
	{	
		start_id = start_id + 1;
		var html = "";
		var cls = "star";
		for (var i = 1; i <=10; i++)
		{
			if ((i % 2) == 0)
			{
				cls = "star1";
			}
			else
			{
				cls = "star";
			}			
			html +="<div class=\"" + cls + "\" id=\"" + start_id + "_star" + i + "\" onmouseover=\"highlight_star(this.id, '" + start_id + "');\" onmouseout=\"lose_highlight_star('" + start_id + "');\" onclick=\"selected_star(this.id, '" + start_id + "', '" + catname + "', '" + id + "')\"></div>";			
		}
		document.write("<div id=\"rating_div_" + start_id + "\" style='width:82px;'></div>")
		document.getElementById("rating_div_" + start_id).innerHTML = html;
		
		last_rate = last_rate * 2;
		start_rating(start_id, last_rate);
	}
function saverating(rating,catname,id)
{
	xmlHttp = GetXmlHttpObject();
	if (xmlHttp==null)
	{
		alert ("Your browser does not support AJAX!");
		return;
	} 
	var url="/starrating.asp";
	var parameters = "rating=" + encodeURI( rating ) + "&catname=" + encodeURI( catname ) + "&id=" + encodeURI( id );
	xmlHttp.onreadystatechange = stateChanged1;
    xmlHttp.open('POST', url, true);
    xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlHttp.setRequestHeader("Content-length", parameters.length);
    xmlHttp.setRequestHeader("Connection", "close");
    xmlHttp.send(parameters);
} 

function stateChanged1() 
{ 
	if (xmlHttp.readyState==4)
	{ 
		var xmlRes = xmlHttp.responseText;
		//alert(xmlRes);		
	}
}