document.write('<div style=\"padding:10px;background-color:#fff;margin:10px;\">');
document.write('<span style=\"font-size:14pt;margin:0px;\"><strong>Compensation Calculator</strong></span>');
document.write('<table colspan=\"5\" cellspacing=\"5\" border=\"0\" width=\"100%\" align=\"center\" >'); 
document.write('<tr>'); 
document.write('<td style=\"border-bottom:3px solid #000;\">&nbsp;</td>'); 
document.write('<td style=\"border-bottom:3px solid #000;font-size:14pt;\" align=\"right\"><strong>Current&nbsp;</strong></td>'); 
document.write('<td style=\"border-bottom:3px solid #000;font-size:14pt;color:green;\" align=\"right\"><strong>Indoff&nbsp;</storng></td>'); 
document.write('</tr><tr>'); 
document.write('<td align=\"left\">Total Sales</td>'); 
document.write('<td align=\"right\">$<input type=\"text\" style=\"border:1px solid #000;font-size:10pt;padding:3px;\" id=\"totalSales\" size=\"8\" onblur=\"clean(\'totalSales\');document.getElementById(\'indoffTotalSales\').innerHTML=\'$\'+this.value;\"/></td>'); 
document.write('<td align=\"right\"><span id=\"indoffTotalSales\">$0.00</span></td>'); 
document.write('</tr><tr>'); 
document.write('<td align=\"left\">Margin</td>');  
document.write('<td align=\"right\">%<input type=\"text\" style=\"border:1px solid #000;font-size:10pt;padding:3px;\" id=\"margin\" size=\"4\" maxlength=\"2\" onblur=\"clean(\'margin\');document.getElementById(\'indoffMargin\').innerHTML=\'%\'+this.value;\"/></td>');  
document.write('<td align=\"right\"><span id=\"indoffMargin\">%0</span></td>'); 
document.write('</tr><tr>'); 
document.write('<td align=\"left\">Commission Rate</td>');  
document.write('<td align=\"right\">%<input type=\"text\" style=\"border:1px solid #000;font-size:10pt;padding:3px;\" id=\"commissionRate\" size=\"4\" maxlength=\"2\" onblur=\"rate();clean(\'commissionRate\');calculate();\"/></td>');  
document.write('<td align=\"right\"><span id=\"indoffCommissionRate\"></span></td>'); 
document.write('</tr><tr>'); 
document.write('<td align=\"left\">Industry</td>');  
document.write('<td align=\"right\"><select style=\"border:1px solid #000;font-size:10pt;padding:3px;\" id=\"divisionRate\" onchange=\"calculate();rate();\"><option value=\"50\">Material Handling</option><option value=\"50\">Commercial Interiors</option><option value=\"50\">Business Products</option><option value=\"60\">Promotional Products</option><option value=\"60\">Commercial Printing</option></select></td>');  
document.write('<td align=\"right\"><span id=\"indoffCommissionRate\"></span></td>'); 
document.write('</tr><tr>');
document.write('<td align=\"left\" style=\"border-top:3px solid #000;\"><strong style=\"font-size:14pt;\">Income</strong></td>');  
document.write('<td align=\"right\" style=\"border-top:3px solid #000;\"><div id=\"currentIncome\" style=\"color:red;font-size:18pt;font-weight:bold;\">$0</div></td>');  
document.write('<td align=\"right\" style=\"border-top:3px solid #000;\"><div id=\"indoffIncome\" style=\"color:green;font-size:18pt;font-weight:bold;\">$0</div></td></tr>');
document.write('<tr id=\"row_percent\" style=\"visibility: hidden;\"><td colspan=\"3\" align=\"right\" id=\"percentIncrease\"></td></tr>');                    
document.write('<tr><td colspan=\"3\" align=\"right\"><a href=\"#\" class=\"jqmClose greyButtonSmallNoFloat\">Close Window</a><a class=\"greenButtonSmallNoFloat\" href=\"javascript:calculate();\">Estimate</a></td></tr>'); 
document.write('</table></div>'); 
                                

function rate(){
	document.getElementById('indoffCommissionRate').innerHTML='<strong style="font-size:14pt;">%'+document.getElementById('divisionRate').value+'</strong>';
	
}
function calculate(){
        var grossMargin=0;
        var currentIncome=0;
        var indoffIncome=0; 
        var indoffCommissionRate=document.getElementById('divisionRate').value;
        
        if(parseInt(document.getElementById('totalSales').value)>0 && parseInt(document.getElementById('margin').value)>0){
                grossMargin = (parseInt(document.getElementById('totalSales').value) / 100) * parseInt(document.getElementById('margin').value);
                if(parseInt(grossMargin)>0){
                        currentIncome = (grossMargin / 100) * parseInt(document.getElementById('commissionRate').value);
                        indoffIncome = (grossMargin / 100) * parseInt(indoffCommissionRate);
                }
             	var percentMore = (indoffCommissionRate-document.getElementById('commissionRate').value)/document.getElementById('commissionRate').value;
				document.getElementById('percentIncrease').innerHTML='<strong style="font-size:14pt;">Increase in Compensation: <span style="color:green;">'+formatCurrency(percentMore * 100)+'%</span></strong>';
				document.getElementById('row_percent').style.visibility='visible';
        }

		

		document.getElementById('currentIncome').innerHTML='$'+formatCurrency(currentIncome);
		document.getElementById('indoffIncome').innerHTML='$'+formatCurrency(indoffIncome);  
}
function clean(field){
	var num = document.getElementById(field).value;
    num = num.toString().replace(/\$|\,/g,'');
    document.getElementById(field).value=num; 
}
function formatCurrency(num) {
        num = num.toString().replace(/\$|\,/g,'');
        if(isNaN(num))
        num = "0";
        sign = (num == (num = Math.abs(num)));
        num = Math.floor(num*100+0.50000000001);
        cents = num%100;
        num = Math.floor(num/100).toString();
        if(cents<10)
        cents = "0" + cents;
        for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
        num = num.substring(0,num.length-(4*i+3))+','+
        num.substring(num.length-(4*i+3));
        return (((sign)?'':'-') + num);   
}