﻿function FC_Process()
{
   var name1 = document.getElementById("FC_Name1").value.toLowerCase();
   var name2 = document.getElementById("FC_Name2").value.toLowerCase();
   if(name1=="" || name2==""){
       document.getElementById("FC_Output").value = "Two Names Required";
       return;
   }
   else if(name1==name2)
   {
       document.getElementById("FC_Output").value = "Enter Different Names";
       return;
   }    
   var count = new Array(0,0,0,0,0);
   var len1 = name1.length;
   var i,j;
   for(i=0; i < len1; i++)
   {
       switch(name1.charAt(i))
       {
           case 'a' : count[0]++;break;
           case 'e' : count[1]++;break;
           case 'i' : count[2]++;break;
           case 'o' : count[3]++;break;
           case 'u' : count[4]++;break;
       }
   }
   var len2 = name2.length;
   for(i=0; i < len2; i++)
   {
       switch(name2.charAt(i))
       {
           case 'a' : count[0]++;break;
           case 'e' : count[1]++;break;
           case 'i' : count[2]++;break;
           case 'o' : count[3]++;break;
           case 'u' : count[4]++;break;
       }
   }
   
   for(i=4;i>1;i--)
   {
        for(j=0;j<i;j++)
        {
            count[j] = (count[j]+count[j+1]);      
            if(count[j]!=0 && count[j]%9 == 0)
                count[j]=9;
            else
                count[j] = count[j]%9;
        }
   }
   document.getElementById("FC_Output").value = parseInt(count[0]+""+count[1])+"%";
   
}   
function FC_DrawForm()
{
   document.write('<div style="text-align:center"><div style="margin:0px auto;width: 220px;">\n                            <div id="FC_Outer" style="width: 210px; background:'+FC_BGColor+';color:'+FC_TextColor+'; text-align:center; padding:5px 0px;">\n                                <a id="FC_Header" href="http://e-infotainment.com" style="text-decoration:none; display:block; width: 100%; background:'+FC_TopbarBGColor+'; color:'+FC_TopbarTextColor+';">Friendship Calculator</a>\n                                <div id="FC_Content" style="width: 100%;">\n                                    <table id="FC_Input" border="0" cellpadding="0" cellspacing="1" style="margin:5px;">\n                                      <tr><td align="left">First Name&nbsp;</td><td><input type="text" id="FC_Name1" style="width:100px;"/></td></tr>\n                                      <tr><td align="left">Second Name&nbsp;</td><td><input type="text" id="FC_Name2" style="width:100px;"/></td></tr>\n                                    </table>\n                                    <input id="FC_Submit" type="button" value="Percentage ?" onClick="FC_Process()" style="margin:3px 0px;"/>\n                                    <input id="FC_Output" type="text" style="border:none;width:190px" />\n                                </div>\n                            </div>\n                        </div></div>');
}
FC_DrawForm();

