var clicked = [];
clicked["features"] = false;
clicked["support"] = false;
clicked["uf"] = false;
clicked["design"] = false;
clicked["community"] = false;
clicked["uniqueness"] = false;
clicked["funfactor"] = false;

var scores = [];
scores["features"] = 0;
scores["support"] = 0;
scores["uf"] = 0;
scores["design"] = 0;
scores["community"] = 0;
scores["uniqueness"] = 0;
scores["funfactor"] = 0;

var largegreybear = new Image();
largegreybear.src='/images/ratingimages/largegreybear.png';

var largegreybull = new Image();
largegreybull.src='/images/ratingimages/largegreybull.png';

var one = new Image();
one.src='/images/ratingimages/onerating.png';

var two = new Image();
two.src='/images/ratingimages/tworating.png';

var three = new Image();
three.src='/images/ratingimages/threerating.png';

var four = new Image();
four.src='/images/ratingimages/fourrating.png';

var five = new Image();
five.src='/images/ratingimages/fiverating.png';

var six = new Image();
six.src='/images/ratingimages/sixrating.png';

var seven = new Image();
seven.src='/images/ratingimages/sevenrating.png';

var eight = new Image();
eight.src='/images/ratingimages/eightrating.png';

var nine = new Image();
nine.src='/images/ratingimages/ninerating.png';

var ten = new Image();
ten.src='/images/ratingimages/tenrating.png';


function redrawAll()
{
                
                drawRatingSystem("features");
                drawRatingSystem("support");
                drawRatingSystem("uf");
                drawRatingSystem("design");
                drawRatingSystem("community");
                drawRatingSystem("uniqueness");
                drawRatingSystem("funfactor");


                 if(scores["features"]==0)
                 {
                        document.getElementById("featurespercentage").innerHTML = "[?]"
                        
                 }
                 else
                 {
                        document.getElementById("featurespercentage").innerHTML = "[" + scores['features'] +"%]";
                      
                 }
                 if(scores["support"]==0)
                 {
                         document.getElementById("supportpercentage").innerHTML = "[?]"
                        
                 }
                 else
                 {
                        document.getElementById("supportpercentage").innerHTML = "[" + scores['support'] +"%]";
                      
                 }
                 if(scores["uf"]==0)
                 {
                       document.getElementById("ufpercentage").innerHTML  = "[?]"
                        
                 }
                 else
                 {
                         document.getElementById("ufpercentage").innerHTML = "[" + scores['uf'] +"%]";
                      
                 }
                 if(scores["design"]==0)
                 {
                        document.getElementById("designpercentage").innerHTML = "[?]"
                        
                 }
                 else
                 {
                        document.getElementById("designpercentage").innerHTML = "[" + scores['design'] +"%]";
                      
                 }
                 if(scores["community"]==0)
                 {
                        document.getElementById("communitypercentage").innerHTML = "[?]"
                        
                 }
                 else
                 {
                         document.getElementById("communitypercentage").innerHTML = "[" + scores['community'] +"%]";
                      
                 }
                 if(scores["uniqueness"]==0)
                 {
                        document.getElementById("uniquenesspercentage").innerHTML  = "[?]"
                        
                 }
                 else
                 {
                       document.getElementById("uniquenesspercentage").innerHTML = "[" + scores['uniqueness'] +"%]";
                      
                 }
                 if(scores["funfactor"]==0)
                 {
                        document.getElementById("funfactorpercentage").innerHTML  = "[?]"
                        
                 }
                 else
                 {
                         document.getElementById("funfactorpercentage").innerHTML = "[" + scores['funfactor'] +"%]";
                      
                 }




                 checkRatings();



                  
                       
                        
                       
                        
                       
           
            
          
}


function drawRatingSystem(category)
{

    if(scores[category]==0)
    {
         document.getElementById(category+1).src = largegreybear.src;
         document.getElementById(category+2).src = largegreybear.src;
         document.getElementById(category+3).src = largegreybear.src;
         document.getElementById(category+4).src = largegreybear.src;
         document.getElementById(category+5).src = largegreybear.src;
         document.getElementById(category+6).src = largegreybull.src;
         document.getElementById(category+7).src = largegreybull.src;
         document.getElementById(category+8).src = largegreybull.src;
         document.getElementById(category+9).src = largegreybull.src;
         document.getElementById(category+0).src = largegreybull.src;
         document.getElementById(category+"percentage").innerHTML = '[?]';
    }

    else if(scores[category]==10)
    {
         document.getElementById(category+1).src = one.src;
         document.getElementById(category+2).src = largegreybear.src;
         document.getElementById(category+3).src = largegreybear.src;
         document.getElementById(category+4).src = largegreybear.src;
         document.getElementById(category+5).src = largegreybear.src;
         document.getElementById(category+6).src = largegreybull.src;
         document.getElementById(category+7).src = largegreybull.src;
         document.getElementById(category+8).src = largegreybull.src;
         document.getElementById(category+9).src = largegreybull.src;
         document.getElementById(category+0).src = largegreybull.src;
    }
    else if(scores[category]==20)
    {
         document.getElementById(category+1).src =one.src;
         document.getElementById(category+2).src =two.src;
         document.getElementById(category+3).src =largegreybear.src;
         document.getElementById(category+4).src =largegreybear.src;
         document.getElementById(category+5).src =largegreybear.src;
         document.getElementById(category+6).src =largegreybull.src;
         document.getElementById(category+7).src =largegreybull.src;
         document.getElementById(category+8).src =largegreybull.src;
         document.getElementById(category+9).src =largegreybull.src;
         document.getElementById(category+0).src =largegreybull.src;
    }
    else if(scores[category]==30)
    {
         document.getElementById(category+1).src =one.src;
         document.getElementById(category+2).src =two.src;
         document.getElementById(category+3).src =three.src;
         document.getElementById(category+4).src =largegreybear.src;
         document.getElementById(category+5).src =largegreybear.src;
         document.getElementById(category+6).src =largegreybull.src;
         document.getElementById(category+7).src =largegreybull.src;
         document.getElementById(category+8).src =largegreybull.src;
         document.getElementById(category+9).src =largegreybull.src;
         document.getElementById(category+0).src =largegreybull.src;
    }
    else if(scores[category]==40)
    {
         document.getElementById(category+1).src =one.src;
         document.getElementById(category+2).src =two.src;
         document.getElementById(category+3).src =three.src;
         document.getElementById(category+4).src =four.src;
         document.getElementById(category+5).src =largegreybear.src;
         document.getElementById(category+6).src =largegreybull.src;
         document.getElementById(category+7).src =largegreybull.src;
         document.getElementById(category+8).src =largegreybull.src;
         document.getElementById(category+9).src =largegreybull.src;
         document.getElementById(category+0).src =largegreybull.src;
    }
    else if(scores[category]==50)
    {
         document.getElementById(category+1).src =one.src;
         document.getElementById(category+2).src =two.src;
         document.getElementById(category+3).src =three.src;
         document.getElementById(category+4).src =four.src;
         document.getElementById(category+5).src =five.src;
         document.getElementById(category+6).src =largegreybull.src;
         document.getElementById(category+7).src =largegreybull.src;
         document.getElementById(category+8).src =largegreybull.src;
         document.getElementById(category+9).src =largegreybull.src;
         document.getElementById(category+0).src =largegreybull.src;
    }
    else if(scores[category]==60)
    {
         document.getElementById(category+1).src =one.src;
         document.getElementById(category+2).src =two.src;
         document.getElementById(category+3).src =three.src;
         document.getElementById(category+4).src =four.src;
         document.getElementById(category+5).src =five.src;
         document.getElementById(category+6).src =six.src;
         document.getElementById(category+7).src =largegreybull.src;
         document.getElementById(category+8).src =largegreybull.src;
         document.getElementById(category+9).src =largegreybull.src;
         document.getElementById(category+0).src =largegreybull.src;
    }
    else if(scores[category]==70)
    {
         document.getElementById(category+1).src =one.src;
         document.getElementById(category+2).src =two.src;
         document.getElementById(category+3).src =three.src;
         document.getElementById(category+4).src =four.src;
         document.getElementById(category+5).src =five.src;
         document.getElementById(category+6).src =six.src;
         document.getElementById(category+7).src =seven.src;
         document.getElementById(category+8).src =largegreybull.src;
         document.getElementById(category+9).src =largegreybull.src;
         document.getElementById(category+0).src =largegreybull.src;
    }
    else if(scores[category]==80)
    {
         document.getElementById(category+1).src =one.src;
         document.getElementById(category+2).src =two.src;
         document.getElementById(category+3).src =three.src;
         document.getElementById(category+4).src =four.src;
         document.getElementById(category+5).src =five.src;
         document.getElementById(category+6).src =six.src;
         document.getElementById(category+7).src =seven.src;
         document.getElementById(category+8).src =eight.src;
         document.getElementById(category+9).src =largegreybull.src;
         document.getElementById(category+0).src =largegreybull.src;
    }
    else if(scores[category]==90)
    {
         document.getElementById(category+1).src =one.src;
         document.getElementById(category+2).src =two.src;
         document.getElementById(category+3).src =three.src;
         document.getElementById(category+4).src =four.src;
         document.getElementById(category+5).src =five.src;
         document.getElementById(category+6).src =six.src;
         document.getElementById(category+7).src =seven.src;
         document.getElementById(category+8).src =eight.src;
         document.getElementById(category+9).src =nine.src;
         document.getElementById(category+0).src =largegreybull.src;
    }
    else if(scores[category]== 100)
    {
         document.getElementById(category+1).src =one.src;
         document.getElementById(category+2).src =two.src;
         document.getElementById(category+3).src =three.src;
         document.getElementById(category+4).src =four.src;
         document.getElementById(category+5).src =five.src;
         document.getElementById(category+6).src =six.src;
         document.getElementById(category+7).src =seven.src;
         document.getElementById(category+8).src =eight.src;
         document.getElementById(category+9).src =nine.src;
         document.getElementById(category+0).src =ten.src;
    }
}

var rated = false;

function checkRatings()
{
    
            if(clicked["features"] && clicked["support"] && clicked["uf"] && clicked["design"] && clicked["community"] && clicked["uniqueness"] && clicked["funfactor"])
                {
                     document.getElementById("submitbutton").disabled=false;
                     rated=true;

                }
           
        

}

function ratingSystemOver(rating, category)
{   
    
        
                 if(rating==1)
                     {
                          document.getElementById(category+"1").src =one.src;
                     }
                 else if(rating==2)
                     {
                         document.getElementById(category+"1").src =one.src;
                         document.getElementById(category+"2").src =two.src;

                     }
                 else if(rating==3)
                     {
                         document.getElementById(category+"1").src =one.src;
                         document.getElementById(category+"2").src =two.src;
                         document.getElementById(category+"3").src =three.src;

                     }
                 else if(rating==4)
                     {
                         document.getElementById(category+"1").src =one.src;
                         document.getElementById(category+"2").src =two.src;
                         document.getElementById(category+"3").src =three.src;
                         document.getElementById(category+"4").src =four.src;

                     }
                 else if(rating==5)
                     {
                         document.getElementById(category+"1").src =one.src;
                         document.getElementById(category+"2").src =two.src;
                         document.getElementById(category+"3").src =three.src;
                         document.getElementById(category+"4").src =four.src;
                         document.getElementById(category+"5").src =five.src;

                     }
                 else if(rating==6)
                     {
                         document.getElementById(category+"1").src =one.src;
                         document.getElementById(category+"2").src =two.src;
                         document.getElementById(category+"3").src =three.src;
                         document.getElementById(category+"4").src =four.src;
                         document.getElementById(category+"5").src =five.src;
                         document.getElementById(category+"6").src =six.src;

                     }
                 else if(rating==7)
                     {
                         document.getElementById(category+"1").src =one.src;
                         document.getElementById(category+"2").src =two.src;
                         document.getElementById(category+"3").src =three.src;
                         document.getElementById(category+"4").src =four.src;
                         document.getElementById(category+"5").src =five.src;
                         document.getElementById(category+"6").src =six.src;
                         document.getElementById(category+"7").src =seven.src;

                     }
                 else if(rating==8)
                     {
                         document.getElementById(category+"1").src =one.src;
                         document.getElementById(category+"2").src =two.src;
                         document.getElementById(category+"3").src =three.src;
                         document.getElementById(category+"4").src =four.src;
                         document.getElementById(category+"5").src =five.src;
                         document.getElementById(category+"6").src =six.src;
                         document.getElementById(category+"7").src =seven.src;
                         document.getElementById(category+"8").src =eight.src;

                     }
                 else if(rating==9)
                     {
                         document.getElementById(category+"1").src =one.src;
                         document.getElementById(category+"2").src =two.src;
                         document.getElementById(category+"3").src =three.src;
                         document.getElementById(category+"4").src =four.src;
                         document.getElementById(category+"5").src =five.src;
                         document.getElementById(category+"6").src =six.src;
                         document.getElementById(category+"7").src =seven.src;
                         document.getElementById(category+"8").src =eight.src;
                         document.getElementById(category+"9").src =nine.src;

                     }
                 else if(rating==0)
                     {
                         document.getElementById(category+"1").src =one.src;
                         document.getElementById(category+"2").src =two.src;
                         document.getElementById(category+"3").src =three.src;
                         document.getElementById(category+"4").src =four.src;
                         document.getElementById(category+"5").src =five.src;
                         document.getElementById(category+"6").src =six.src;
                         document.getElementById(category+"7").src =seven.src;
                         document.getElementById(category+"8").src =eight.src;
                         document.getElementById(category+"9").src =nine.src;
                         document.getElementById(category+"0").src =ten.src;
                     }
                else
                    {

                    }

                
            
}

function ratingSystemOut(category)
{   
         drawRatingSystem(category);
    
}

function ratingSystemClick(rating, category)
{
    
        if(rating == 0)
            {
                rating = 10;
            }

         postMethod(category,(rating +'0'));
         clicked[category] = true;
         scores[category] = (rating +'0');
         drawRatingSystem(category);
         document.getElementById(category+"percentage").innerHTML = '['+rating+'0%]';
         checkRatings();


}


function checkTextAreaCharacterAmount(box)
{
        var limit = 399;
        
        
        if(document.forms["submitterdetails"].elements[box].value.length > limit) 
        {
            document.getElementById(box+"errormessage").innerHTML = "400 character limit";
            document.getElementById("submitbutton").disabled=true;
          
           
        }
        else if(document.forms["submitterdetails"].elements[box].value.length <= limit)
        {
            
            document.getElementById(box+"errormessage").innerHTML = "";

            if(rated) //make sure sim is rated before enabling submit button
                {
                    document.getElementById("submitbutton").disabled=false;
                }
            
           
        }

}