function refreshTable() {
  refreshTableFourCurrencies();
	var table_header = "<table cellspacing=1 cellpadding=5 bgcolor=#cccccc width=100%><tr id=\"currency_widget_table_header\"><td width=10%></td><td width=30%>Country</td><td width=15%>Currency</td><td width=15%>Code</td><td width=15%>We Buy</td><td width=15%>We Sell</td></tr>";
    var table_rows = "";
	var	table_footer = "</table>";
  
	new Ajax.Request('/rateswithcss.xml',
		{
    		method:'get',
    		onSuccess: function(transport) {
	   			var response = transport.responseText || "no response text";

				//	load xml parser
				try {
				// code for IE
	  				var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	  				xmlDoc.async="false";
	  				xmlDoc.loadXML(response);
	  			} catch(e) {
					// code for Mozilla, Firefox, Opera, etc.
	  				try {
	  					var parser=new DOMParser();
	  					var xmlDoc=parser.parseFromString(response,"text/xml");
	  				} catch(e) {
	  					alert(e.message);
	  					return;
					}
	  			}
	            var time = xmlDoc.getElementsByTagName("TIMESTAMP")[0].childNodes[0].nodeValue;;
				//	parse xml
				var rate_array = xmlDoc.getElementsByTagName("RATE");
				for (var i=0; i < rate_array.length; i++) {
					var r_country = rate_array[i].getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue;
					var r_code = rate_array[i].getElementsByTagName("ISO")[0].childNodes[0].nodeValue;
					var r_name = rate_array[i].getElementsByTagName("NAME")[0].childNodes[0].nodeValue;
					var r_webuy = rate_array[i].getElementsByTagName("WEBUY")[0].childNodes[0].nodeValue;
					var r_wesell = rate_array[i].getElementsByTagName("WESELL")[0].childNodes[0].nodeValue;
					//var r_invbuy = rate_array[i].getElementsByTagName("INVBUY")[0].childNodes[0].nodeValue;
					//var r_invsell = rate_array[i].getElementsByTagName("INVSELL")[0].childNodes[0].nodeValue;
					var r_flagurl = rate_array[i].getElementsByTagName("FLAGURL")[0].childNodes[0].nodeValue;
					if (i%2 == 0) {
						table_rows += "<tr class=\"row_even\"><td bgcolor=white><img src=\""+r_flagurl+"\" /></td><td bgcolor=white>" + r_country + "</td><td bgcolor=white>" + r_name + "</td><td bgcolor=white>" + r_code + "</td><td bgcolor=white>" + r_webuy + "</td><td bgcolor=white>" + r_wesell + "</td></tr>";
					} else {
						table_rows += "<tr class=\"row_odd\"><td bgcolor=white><img src=\""+r_flagurl+"\" /></td><td bgcolor=white>" + r_country + "</td><td bgcolor=white>" + r_name + "</td><td bgcolor=white>" + r_code + "</td><td bgcolor=white>" + r_webuy + "</td><td bgcolor=white>" + r_wesell + "</td></tr>";
					}
				}
				
				$('currency_table').update( table_header + table_rows + table_footer);
	    	},

    		onFailure: function() {
				$('currency_table').update("<p>Error connecting to the server.</p>");
			}
		}
	);
}

function refreshTableFourCurrencies() {
	var table_header = "<table cellspacing=1 cellpadding=5 bgcolor=#cccccc width=100%><tr id=\"currency_widget_table_header\" ><td width=10%></td><td width=30%>Country</td><td width=15%>Currency</td><td width=15%>Code</td><td width=15%>We Buy</td><td width=15%>We Sell</td></tr>";
  var table_rows1 = "";
  var table_rows2 = "";  
  var table_rows3 = "";  
  var table_rows4 = "";  
	var	table_footer = "</table>";
  
	new Ajax.Request('/rateswithcss.xml',
		{
    		method:'get',
    		onSuccess: function(transport) {
	   			var response = transport.responseText || "no response text";

				//	load xml parser
				try {
				// code for IE
	  				var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	  				xmlDoc.async="false";
	  				xmlDoc.loadXML(response);
	  			} catch(e) {
					// code for Mozilla, Firefox, Opera, etc.
	  				try {
	  					var parser=new DOMParser();
	  					var xmlDoc=parser.parseFromString(response,"text/xml");
	  				} catch(e) {
	  					alert(e.message);
	  					return;
					}
	  			}
	            var time = xmlDoc.getElementsByTagName("TIMESTAMP")[0].childNodes[0].nodeValue;;
				//	parse xml
				var rate_array = xmlDoc.getElementsByTagName("RATE");
				for (var i=0; i < rate_array.length; i++) {
					var r_country = rate_array[i].getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue;
					var r_code = rate_array[i].getElementsByTagName("ISO")[0].childNodes[0].nodeValue;
					var r_name = rate_array[i].getElementsByTagName("NAME")[0].childNodes[0].nodeValue;
					var r_webuy = rate_array[i].getElementsByTagName("WEBUY")[0].childNodes[0].nodeValue;
					var r_wesell = rate_array[i].getElementsByTagName("WESELL")[0].childNodes[0].nodeValue;
					//var r_invbuy = rate_array[i].getElementsByTagName("INVBUY")[0].childNodes[0].nodeValue;
					//var r_invsell = rate_array[i].getElementsByTagName("INVSELL")[0].childNodes[0].nodeValue;
					var r_flagurl = rate_array[i].getElementsByTagName("FLAGURL")[0].childNodes[0].nodeValue;
					
					if(r_code=="USD") {
              table_row1 = "<tr><td bgcolor=white><img src=\""+r_flagurl+"\" /></td><td bgcolor=white>" + r_country + "</td><td bgcolor=white>" + r_name + "</td><td bgcolor=white>" + r_code + "</td><td bgcolor=white>" + r_webuy + "</td><td bgcolor=white>" + r_wesell + "</td></tr>";
					}
					if(r_code=="EUR") {
              table_row2 = "<tr><td bgcolor=white><img src=\""+r_flagurl+"\" /></td><td bgcolor=white>" + r_country + "</td><td bgcolor=white>" + r_name + "</td><td bgcolor=white>" + r_code + "</td><td bgcolor=white>" + r_webuy + "</td><td bgcolor=white>" + r_wesell + "</td></tr>";
					}
					if(r_code=="GBP") {
              table_row3 = "<tr><td bgcolor=white><img src=\""+r_flagurl+"\" /></td><td bgcolor=white>" + r_country + "</td><td bgcolor=white>" + r_name + "</td><td bgcolor=white>" + r_code + "</td><td bgcolor=white>" + r_webuy + "</td><td bgcolor=white>" + r_wesell + "</td></tr>";
					}
					if(r_code=="MXN") {
              table_row4 = "<tr><td bgcolor=white><img src=\""+r_flagurl+"\" /></td><td bgcolor=white>" + r_country + "</td><td bgcolor=white>" + r_name + "</td><td bgcolor=white>" + r_code + "</td><td bgcolor=white>" + r_webuy + "</td><td bgcolor=white>" + r_wesell + "</td></tr>";              
          }   
					if(r_code=="JPY") {
              table_row5 = "<tr><td bgcolor=white><img src=\""+r_flagurl+"\" /></td><td bgcolor=white>" + r_country + "</td><td bgcolor=white>" + r_name + "</td><td bgcolor=white>" + r_code + "</td><td bgcolor=white>" + r_webuy + "</td><td bgcolor=white>" + r_wesell + "</td></tr>";              
          }           
				}
				
				$('currency_table_four').update( time + table_header + table_row1 + table_row2 + table_row3 + table_row4 + table_row5 + table_footer);
	    	},

    		onFailure: function() {
				$('currency_table_four').update("<p>Error connecting to the server.</p>");
			}
		}
	);
}

function beginDisplayCurrencyTable() {
	refreshTable();
	//	NOTE: the unit is second.
	new PeriodicalExecuter(refreshTable, 60);
}

document.observe('dom:loaded', beginDisplayCurrencyTable);