var size = 4;
var tinyDates = new Array(size);
tinyDates[0]="1m";
tinyDates[1]="1q";
tinyDates[2]="1y";
tinyDates[3]="5y";
var small_ng_graph=new Array(size);
var small_ng_button_hover=new Array(size);
var small_ng_buttons=new Array(size);
if (document.images){
 for(var i=0;i<size;i++){
  small_ng_graph[i]=new Image(200,100);
  small_ng_graph[i].src = "//oil-price.net/NG/"+tinyDates[i]+"_tiny.gif";
  small_ng_button_hover[i] = new Image(20, 16);
  small_ng_button_hover[i].src = "//oil-price.net/TINY_CHART/static/hover_"+tinyDates[i]+".png";
  small_ng_buttons[i] = new Image(20, 16);
  small_ng_buttons[i].src = "//oil-price.net/TINY_CHART/static/button_"+tinyDates[i]+".png";
  }
}
var small_ng_current_but=0;
function small_ng_showGraph(id){
 document.getElementById("small_ng_button_"+small_ng_current_but).src=small_ng_buttons[small_ng_current_but].src;
 document.getElementById("small_ng_graph").src=small_ng_graph[id].src;
 document.getElementById("small_ng_button_"+id).src=small_ng_button_hover[id].src;
 small_ng_current_but=id;
 return true;
};
document.writeln('<style>.oilpricenettable2 {border-collapse: separate; border-spacing: 2px;} .oilpricenettable2 td {padding:1px;}<\/style>');
document.writeln('<table class=\"oilpricenettable2\" 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>');
document.writeln('<td>');
document.writeln('<table class=\"oilpricenettable2\" style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:#efefef; text-align: left; border: 0px; padding:0px; \" width=\"100%\">');
document.writeln('<tr><td style=\"background-color:#cecfce; font-size: 16px; font-weight: bold; color: #000000; white-space: nowrap\" colspan=4 align=\"center\">');
document.writeln('<span style=\"color: #000000\">Natural Gas<\/span><\/td>');
document.writeln('<\/tr>');
document.writeln('<tr>');
document.writeln('<td style=\"font-size: 18px; font-weight: bold; color: #000000 text-align: left; white-space: nowrap\" >');
document.writeln('<span style=\"color: #000000\">$3.66<\/span>');
document.writeln('<\/td>');
document.writeln('<td style=\"font-size: 12px; font-weight: bold; color: red; text-align: left; white-space: nowrap\">');
document.writeln('&#9660;-2.52%');
document.writeln('<\/td>');
document.writeln('<td>&nbsp; <\/td>');
document.writeln('<td style=\"font-size: 12px; font-weight: bold; color: red; text-align: left; white-space: nowrap\">');
document.writeln('<\/td>');
document.writeln('<\/tr>');
document.writeln('<\/tbody>');
document.writeln('<\/table>');
document.writeln('<\/td>');
document.writeln('<\/tr>');
document.writeln('<tr>');
document.writeln('<td>');
document.writeln('<table class=\"oilpricenettable2\" 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=en#natural_gas_small\">');
document.writeln('<img style=\"border:0px;\" src=\"//oil-price.net/NG/1m_tiny.gif\" id=\"small_ng_graph\" >');
document.writeln('<\/a>');
document.writeln('<\/td>');
document.writeln('<\/tr>');
document.writeln('<tr>');
document.writeln('<td>');
document.writeln('<table class=\"oilpricenettable2\" 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=en#natural_gas_small\" onMouseOver=\"small_ng_showGraph(0);\"><img style=\"border:0px;\" src=\"//oil-price.net/TINY_CHART/static/hover_1m.png\" id=\"small_ng_button_0\"><\/a>');
document.writeln('<\/td>');
document.writeln('<td>');
document.writeln('<a target=\"_blank\" href=\"http://oil-price.net/dashboard.php?lang=en#natural_gas_small\" onMouseOver=\"small_ng_showGraph(1);\"><img style=\"border:0px;\" src=\"//oil-price.net/TINY_CHART/static/button_1q.png\" id=\"small_ng_button_1\"><\/a>');
document.writeln('<\/td>');
document.writeln('<td>');
document.writeln('<a target=\"_blank\" href=\"http://oil-price.net/dashboard.php?lang=en#natural_gas_small\" onMouseOver=\"small_ng_showGraph(2);\"><img style=\"border:0px;\" src=\"//oil-price.net/TINY_CHART/static/button_1y.png\" id=\"small_ng_button_2\"><\/a>');
document.writeln('<\/td>');
document.writeln('<td>');
document.writeln('<a target=\"_blank\" href=\"http://oil-price.net/dashboard.php?lang=en#natural_gas_small\" onMouseOver=\"small_ng_showGraph(3);\"><img style=\"border:0px;\" src=\"//oil-price.net/TINY_CHART/static/button_5y.png\" id=\"small_ng_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>');