/*
 * starrating.js
 * Copyright (C) 2009
 * Author: Liao Chen <liao.chen@lightmaker.com>
 * Created: 2009-04-29
 */

var StarRating =
{
    oldParentDivID : null,
    
    onClick : function(id, selectedIndex)
    {        
        if (StarRating.oldParentDivID != null)
            StarRating.removeThanksDiv();
            
        var url = '/aspx/rating_small.aspx';
        var parentDivID = "";
        
        $("#" + id).map(function(index, item)
        {
            parentDivID = $(this).parent().get(0).id;
        });
        
        var random = Math.floor(Math.random() * 10001);
        var articleID = parentDivID.substring("StarRatingControlContainer_".length);
        $.ajax({
            type: "GET",
            url: url,
            data: "articleID=" + articleID + "&rating=" + selectedIndex + "&r=" + random,
            success: function(result){
                if (result != "")
                {
                    document.getElementById(parentDivID).innerHTML = result;
                    $("#" + parentDivID).children(".StarThanks").get(0).style.display = "block";
                    
                    StarRating.oldParentDivID = parentDivID;
                    setTimeout("StarRating.removeThanksDiv()", 2000);
                }
            }
        });
        
        
        StarRating.onMouseOver(id, selectedIndex);  
        StarRating.onMouseOut(id);
    },
    
    removeThanksDiv : function()
    {
        if (StarRating.oldParentDivID == null)
            return;
            
        $("#" + StarRating.oldParentDivID).children(".StarThanks").get(0).style.display = "none";
    },
   
	onMouseOut : function(id)
	{    
	    var rating = id.substring(id.length - 1);
	    
	    $(".StarRatingStar", "#" + id).map(function(index, item)
        {
            if(item.id > rating)
                item.style.backgroundPosition = "left top";
            else
                item.style.backgroundPosition = "left bottom";
        });
	},
	
	onMouseOver : function(id, selectedIndex)
	{	
	    $(".StarRatingStar", "#" + id).map(function(index, item)
        {
            if(item.id > selectedIndex)
                item.style.backgroundPosition = "left top";
            else
                item.style.backgroundPosition = "left bottom";
        });
	}
}

$(document).ready(function()
{
    $(".StarRating").map(function()
    {
	    var rating = this.id.substring(this.id.length - 1);
	    
	    $(".StarRatingStar", "#" + this.id).map(function(index, item)
        {
            if(item.id > rating)
            {
                item.style.backgroundPosition = "left top";
            }
            else
            {
                item.style.backgroundPosition = "left bottom";
            }
        });
    });
});