var rateCoordinates = new Array(  '0,0,4,17',
                                  '4,0,13,17',
                                  '13,0,22,17',
                                  '22,0,31,17',
                                  '31,0,40,17',
                                  '40,0,49,17',   
								  '49,0,58,17',
                                  '58,0,67,17',
                                  '67,0,76,17',
                                  '76,0,85,17',
                                  '85,0,94,17'
								  );

var rateImages = new Array( '/template/img/grades/large/0.png', '/template/img/grades/large/1.png', '/template/img/grades/large/2.png', '/template/img/grades/large/3.png', '/template/img/grades/large/4.png', '/template/img/grades/large/5.png', '/template/img/grades/large/6.png', '/template/img/grades/large/7.png','/template/img/grades/large/8.png','/template/img/grades/large/9.png','/template/img/grades/large/10.png');
var rateFeedback = new Array( '', '1','2', '3', '4', '5', '6','7','8','9','10' );

var feedback = new Array();
var bias = new Array();
var enabled = new Array();
var rateTimer = new Array();
var no_rate = true;

var move_enabled = false;
var feedbackTime = 1700;


function preloadImages( arr )
{

  var imgArray = new Array();

  for (i=0; i < arr.length ;i++)
  {
    if (imgArray[i] != undefined) 
    {
      allImages[i] = new Image();
      allImages[i].src = imgArray[i];
    }
  }
}

preloadImages( rateImages );    


function writerates( databaseid, memberid, articleid, rates, txt, show_button, textfield)
{

    var i;
    var itxt = '&nbsp;';
    if( txt != '' && txt != undefined )
    {
        itxt = txt;
    }

    if( rates < 0 || rates == undefined )
    {
        rates = 0;
    }
    bias[articleid] = rates;
    enabled[articleid] = true;

    // Write map with rates
   
   document.write( "<map name=\"rates" + articleid + "\">" );
	

    for( i = 0; i < rateCoordinates.length; i++ )
    {
		document.write( "<area shape=\"rect\" coords=\"" + rateCoordinates[ i ] + "\" style=\"cursor:hand;\"");
		document.write( " onClick=\"rateMouseOver( " + databaseid + "," + memberid + ",'" + articleid + "', " + i + "," + show_button + ",'" + textfield + "')\" " );


        document.write( "/>");
    }
    document.write( "</map>" );

    // Write image
    document.write( "<table cellpadding=\"1\" border=\"0\" cellspacing=\"0\"><tr VALIGN=MIDDLE  height=30><td align=center VALIGN=CENTER>");
	
	document.write("<span class=\"small\">");
	
	
	document.write( "<img border=\"0\" src=\"" + rateImages[ rates ] + "\" id=\"rateImg" + articleid + "\" usemap=\"#rates" + articleid +"\" >" );
    
	document.write( "</span>");
	
	document.write( "</td><td>&nbsp;</td><td width=\"30px\"><span class=\"normalsmalltxt\" id=\"feedback" + articleid + "\">" + itxt + "</span></td>");
	
	document.write( "</tr></table>" );
}



function rateMouseOver( databaseid, memberid, articleid, rate, show_button, textfield)
{

	
			feedback[ articleid ] = rateFeedback[ rate ];
			showFeedback( articleid, rate, textfield );

		
		
	
}


function showFeedback( articleid, rate, textfield )
{
    if( rate != undefined)
    {
        document.getElementById( "rateImg" + articleid ).src = rateImages[ rate ];

		if (!(textfield == "no_show"))
		{
			document.add_review[textfield].value = rate;
		}
    }
        
    var e = document.getElementById( "feedback" + articleid )
	e.innerHTML = feedback[ articleid ];
}