XML to html table using Javascript

I want some code inside html page, you can access this html in: [login to view URL] The page have 3 parts or you can say sub pages Each content for each sub pages will be as other sub pages but will get the data from different URL. I will get some data from XML pages: 1- [login to view URL] 2- [login to view URL] 3- 2- [login to view URL] , and also there are other URL will have data almost same for "Market Summary" In my html page I have to reflect the xml content as tables: 1- separated table for Gainers with maximum 5 rows, each row have "symbol name, Percent, delta, price". 2- separated table for Looser with maximum 5 rows, each row have "symbol name, Percent, delta, price". 3- separated table for market summary "The XML URL will provided soon" 4- in each page inside the div "marketindex" it will reflect the sub page name and data from xml as "LAST PRICE" and "CHANGE /100%" and arrow with red if the change in positive and red arrow if the change is negative. 5- I need the tables to have css formatting for, font type, size, color, Odd–even rows background.