1. (50 points) The server sends an HTML page that contains a form named iform. On this form the user enters the dollar amount of their seven annual household expenditures: Housing; Food; Apparel; Insurance-Pensions; Health Care; Transportation; and Other (store these category names in a seven element array named explabel). The initial page also provides a button labelled "Compare". A sample of the initial page is show to the left below with sample user data entered into the seven text boxes. When the user enters their seven expenditure amounts and clicks on the button, a function named income is executed. This function produces the page shown below to the right "on-the-fly". It is a graphical comparison of the national expenditure values and percentages against the user's amounts and percentages. The national percentages for these expenditures are: 33; 14; 5; 10; 5; 19; and 14 percent respectively (these are stored in a seven element array named npc). The 1998 average national total household expenditure is $35,535. The national amounts are obtained by multiplying the seven percentages above by the national total ($35,535) and dividing by 100. Store these in a seven values in an array named nexp. The expenditure amounts for the user are entered in the seven text boxes on the initial page. Store these in a seven element array named uexp. The user's percentages are calculated by summing the seven user values and calculating the percent of the user total for each category. Store these in a seven element array named upc. The bar graphs are produced by streching either a gray one-pixel-by-one-pixel gif named g1x1.gif for the national data OR a black one-pixel-by-one-pixel gif named b1x1.gif for the user data. The widest bar is 300 pixels. Every bar is 10 pixels tall. (i.e., the largest (maximum) expenditure will produce a bar 300 pixels wide; an expenditure of half that amount will produce a bar 150 pixels wide, etc.).