﻿ function showStar1(id,numStar,obj)
        {
            for(var i=1;i<numStar;i++)
            {
                document.getElementById(id).innerHTML +='<img id="img_'+i+obj+'" name="img_'+i+obj+'" src="images/EmptyStar.png" onmousemove="MouseOverStar(this.id,'+numStar+','+obj+');" onmouseout="MouseOutStar('+numStar+','+obj+');" onclick="MouseClick(this.id,'+numStar+','+obj+')" />';
            }
        }
        
        function MouseOverStar(p_id,numStar,obj)
        {
            var ii = parseInt(p_id.substring(4));
             
            for(var i=1;i<ii+1;i++)
            {
                document.getElementById('img_'+i+obj.id).src='images/FilledStar.png';
            }
        }
        
        function MouseOutStar(numStar,obj)
        {   
            var ii=obj.value;
            
            if(parseInt(ii) > 0)
            { 
                for(var i = parseInt(ii)+1;i<numStar;i++)
                {
                    document.getElementById('img_'+i+obj.id).src='images/EmptyStar.png';
                }
            }
            else
            {
                for(var i=1;i<numStar;i++)
                {
                    document.getElementById('img_'+i+obj.id).src='images/EmptyStar.png';
                }
            }
        }
        
        function MouseClick(p_id,numStar,obj)
        {
            var ii = parseInt(p_id.substring(4));
            obj.value=ii*2;
            
            for(var i=1;i<ii+1;i++)
            {
                document.getElementById('img_'+i+obj.id).src='images/FilledStar.png';
            }
            
            for(var i=ii+1;i<numStar;i++)
            {
                document.getElementById('img_'+i+obj.id).src='images/EmptyStar.png';
            }
        }
