var size = 4;
var dates = new Array(size);
dates[0]="1m";
dates[1]="1q";
dates[2]="1y";
dates[3]="5y";
var graph=new Array(size);
var button_hover=new Array(size);
var buttons=new Array(size);
if (document.images){
 for(var i=0;i<size;i++){
  graph[i]=new Image(200,100);
  graph[i].src = "http://www.oil-price.net/"+dates[i]+"_small.gif";
  button_hover[i] = new Image(25, 20);
  button_hover[i].src = "http://www.oil-price.net/TABLE2/static/hover_"+dates[i]+".png";
  buttons[i] = new Image(25, 20);
  buttons[i].src = "http://www.oil-price.net/TABLE2/static/button_"+dates[i]+".png";
  }
}
var current_but=0;
function showGraph(id){
 document.getElementById("button_"+current_but).src=buttons[current_but].src;
 document.getElementById("graph").src=graph[id].src;
 document.getElementById("button_"+id).src=button_hover[id].src;
 current_but=id;
 return true;
};
document.writeln('<table summary=\"Crude oil and commodity prices (c) http://oil-price.net\" style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:#efefef; border-collapse: collapse; text-align: left; border: 1px solid #000000; padding:0px; border-spacing:0px;\">');
document.writeln('<tbody style=\"padding:0px;\">');
document.writeln('<tr style=\"padding:0px;\">');
document.writeln('<td style=\"padding:0px;\">');
document.writeln('<table style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:#efefef; text-align: left; border: 0px; padding:0px; \" width=100%>');
document.writeln('<tbody style=\"padding:0px;\">');
document.writeln('<tr><td style=\"background-color:#cecfce; font-size: 18px; font-weight: bold; color: #000000 text-align: left; white-space: nowrap\" colspan=4 align=\"center\">');
document.writeln('<span style=\"color: #000000\">原油<\/span><\/td>');
document.writeln('<\/tr>');
document.writeln('<tr>');
document.writeln('<td style=\"font-size: 22px; font-weight: bold; color: #000000 text-align: left; white-space: nowrap\" >');
document.writeln('<span style=\"color: #000000\">$78.95<\/span>');
document.writeln('<\/td>');
document.writeln('<td style=\"font-size: 16px; font-weight: bold; color: green; text-align: left; white-space: nowrap\">');
document.writeln('&#9650;0.59');
document.writeln('<\/td>');
document.writeln('<td>&nbsp; <\/td>');
document.writeln('<td style=\"font-size: 16px; font-weight: bold; color: green; text-align: left; white-space: nowrap\">');
document.writeln(' 0.75%');
document.writeln('<\/td>');
document.writeln('<\/tr>');
document.writeln('<tr><td style=\"font-size: 9px; font-weight: bold; color: #FFFFFF text-align: left; white-space: nowrap\" colspan=2>');
document.writeln('<span style=\"color: #000000\">19:02 PM EDT - 2010.07.31<\/span>');
document.writeln('<\/td><\/tr>');
document.writeln('<\/tbody>');
document.writeln('<\/table>');
document.writeln('<\/td>');
document.writeln('<\/tr>');
document.writeln('<tr>');
document.writeln('<td>');
document.writeln('<table style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:#efefef; border-collapse: collapse; text-align: left; border: 0px; padding:0px\">');
document.writeln('<tbody style=\"padding:0px;\">');
document.writeln('<tr style=\"padding:0px;\" valign=center><td style=\"padding:0px;\" align=center >');
document.writeln('<a target=\"_blank\" href=\"http://oil-price.net/dashboard.php?lang=ja\">');
document.writeln('<img style=\"border:0px;\" src=\"http://oil-price.net/1m_small.gif\" id=\"graph\" border=0>');
document.writeln('<\/a>');
document.writeln('<\/td>');
document.writeln('<\/tr>');
document.writeln('<tr>');
document.writeln('<td>');
document.writeln('<table style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:#efefef; border-collapse: collapse; text-align: left; border: 0px; padding:0px\" width=100% >');
document.writeln('<tbody style=\"padding:0px;\">');
document.writeln('<tr><td>');
document.writeln('<a target=\"_blank\" href=\"http://oil-price.net/dashboard.php?lang=ja\" onMouseOver=\"showGraph(0);\"><img style=\"border:0px;\" src=\"http://www.oil-price.net/TABLE2/static/hover_1m.png\" border=0 id=\"button_0\"><\/a>');
document.writeln('<\/td>');
document.writeln('<td>');
document.writeln('<a target=\"_blank\" href=\"http://oil-price.net/dashboard.php?lang=ja\" onMouseOver=\"showGraph(1);\"><img style=\"border:0px;\" src=\"http://www.oil-price.net/TABLE2/static/button_1q.png\" border=0 id=\"button_1\"><\/a>');
document.writeln('<\/td>');
document.writeln('<td>');
document.writeln('<a target=\"_blank\" href=\"http://oil-price.net/dashboard.php?lang=ja\" onMouseOver=\"showGraph(2);\"><img style=\"border:0px;\" src=\"http://www.oil-price.net/TABLE2/static/button_1y.png\" border=0 id=\"button_2\"><\/a>');
document.writeln('<\/td>');
document.writeln('<td>');
document.writeln('<a target=\"_blank\" href=\"http://oil-price.net/dashboard.php?lang=ja\" onMouseOver=\"showGraph(3);\"><img style=\"border:0px;\" src=\"http://www.oil-price.net/TABLE2/static/button_5y.png\" border=0 id=\"button_3\"><\/a>');
document.writeln('<\/td>');
document.writeln('<\/tr>');
document.writeln('<\/tbody>');
document.writeln('<\/table>');
document.writeln('<\/td>');
document.writeln('<\/tr>');
document.writeln('<\/tbody>');
document.writeln('<\/table>');
document.writeln('<\/td>');
document.writeln('<\/tr>');
document.writeln('<\/tbody>');
document.writeln('<\/table>');