var starImages = new Array("Rating/0star.gif",
	"Rating/1star.gif",
	"Rating/2star.gif",
	"Rating/3star.gif",
	"Rating/4star.gif",
	"Rating/5star.gif");
	var nullStarMessage = "Rating/0.gif"
	var starMap = new Array('0,0,22,20',
	'23,0,36,20',
	'37,0,50,20',
	'51,0,64,20',
	'65,0,78,20',
	'79,0,101,20');
	var starMessages = new Array("Rating/0.gif",
	"Rating/1.gif",
	"Rating/2.gif",
	"Rating/3.gif",
	"Rating/4.gif",
	"Rating/5.gif",
	"Rating/saved.gif");

	var savedRatings = new Array();
	var changedRatings = new Array();
	var starTwinkler = new Array();
	var msgTwinkler = new Array();
	var isRatingsBarChanged = false;
	
	var delayTime = 500;
	var allImages = new Array();
        
    

function preloadImages()
{
    for (i=0; i < preloadImages.length ;i++)
    {
	    allImages[i] = new Image();
	    allImages[i].src = preloadImages.arguments[i];
	}
}

preloadImages(starImages);
preloadImages(starMessages);

function SaveRating(id, ratingType, ratingValue)
{
    document.write('SaveRating for :' + id + " :: " + rating);
    var submitURL = ''
	+ 'Rating.aspx?'
	+ 'id=' + id
	+ '&rating=' + ratingValue
	+ '&parentURL=' + url;
	
    //window.alert(submitURL);
    
	//isRatingsBarChanged = true;
	//window.location.href = submitURL;
}

function SwapStars(id, rating){
	if (rating == undefined){
	rating = savedRatings[id];
	}
	document.images["stars." + id].src = starImages[rating];
}


function SwapStarMsg(id, rating){
	if (rating == undefined){
	if ( changedRatings[id] ) {
	document.images["messages." + id].src = starMessages[6];
	} else {
	document.images["messages." + id].src = nullStarMessage;
	}
	} else {
	document.images["messages." + id].src = starMessages[rating];
	}
}


function SaveStars(id, rating){
    //document.write('here... with rating:' + rating);
    if ((rating==1)||(rating==2)||(rating==3)||(rating==4)||(rating==5))
	{
	    savedRatings[id] = rating;
	    changedRatings[id] = 1;
	    
	    document.write('here TPP with rating:' + rating);	    
	    var submitURL ='Rating.aspx?id=' + id + '&rating=' + rating	; //+ '&parentURL=' + url;	    	    
	    self.location.href = (submitURL);
	    //document.write('here TPP with rating:' + rating);
	    //SaveRating(id, 'onetofive', rating);
	    //SwapStarMsg(id, 6);
	 }
	else
	{
	    alert("Rating Value out of the bound, Values can only be 1/2/3/4/5. Current rating value: " + rating);
	}
}

function StarMouseOver(id, rating){    
	if (starTwinkler[id] != 0){
	    window.clearTimeout(starTwinkler[id]);
	
	starTwinkler[id] = 0;
}

if (msgTwinkler[id] != 0){
	window.clearTimeout(msgTwinkler[id]);
	msgTwinkler[id] = 0;
	}
	SwapStars(id, rating);
	SwapStarMsg(id, rating); 
}

function StarMouseOut(id,rating){
	starTwinkler[id] = window.setTimeout("SwapStars('"+ id + "'" + rating + ")", delayTime);
	msgTwinkler[id] = window.setTimeout("SwapStarMsg('" + id + "'" + rating + ")", delayTime);
}


function DisplayStars (id, rating)
{
	var starID = "stars." + id;
	starTwinkler[id] = 0;
	msgTwinkler[id] = 0;
	document.write("<map name='starmap" + id +"'>");
	var i = 0;
	for (i = 0; i < 6; i++) {
	document.write("<area shape=rect " + 
	"coords='" + starMap[i] + "' " +
	"onMouseOver=\"StarMouseOver('" + id + "'," + i + ");\" " +
	"onMouseOut=\"StarMouseOut('" + id + "'," + i + ");\" " +
	"onClick=\"SaveStars('" + id + "'," + i + ");" +
	"\" >");
	}
	document.write("</map>");
	
	document.write("<img vspace=2 title ='Rate Picture' style='cursor:pointer;' src='" + starImages[rating] + "'");
	document.write(" border=0 usemap='#starmap" + id);
	document.write("' id='" + starID + "'>");
}



function DisplayMsg (id, rating){
	var msgID = "messages." + id;
	if ( rating == undefined ) {
	document.write("<img vspace=2 height=11 src='" + nullStarMessage + "'");
	}
	else {
	document.write("<img vspace=2 height=11 src='" + starMessages[rating] + "'"); 
	}
	document.write("' id='" + msgID + "'>");
}