var refreshinterval = '15';

var TARGET = 'main';
var changecolor = 'green';
var index = new Array('US Gas', 'US Oil');

$(document).ready(function(){
    /* Create Inital Insert For Ticker */
    TARGET = '#' + TARGET;
    $(TARGET).append('<div id="ticker"></div>');
    
    /* Create Ticker Wrapper For Styling Purposes */
    TARGET = '#ticker';

    /* Do Inital Data Get */
    get_data(TARGET);
    setInterval('get_data(TARGET)', (refreshinterval * 1000));

});

/* Function To Get And Update Data */
function get_data() {  
    $.getJSON('http://pipes.yahoo.com/pipes/pipe.run?_id=6e76ec1b34f6dfaa38e018acd6965e20&_render=json&_callback=?', function(data){
        $(TARGET).text("");
        $(TARGET).children().remove();
        /* Colorize change and change percentage */
        if (data.value.items[6].content.indexOf("-")!=-1){changecolor = 'change_red'} else {changecolor = 'change_green'};

        /* Natural Gas price */
        $(TARGET).append('<b>Natural Gas</b> <small>($/MMBtu)</small> - $' + data.value.items[1].content + '  ');
        /* Price Change */
        $(TARGET).append('<span class=' + changecolor + '>' + data.value.items[2].content + '  ' + data.value.items[3].content + '%</span>     ');

        /* Colorize change and change percentage */
        if (data.value.items[7].content.indexOf("-")!=-1){changecolor = 'change_red'} else {changecolor = 'change_green'};

        /* Crude Oil price */
        $(TARGET).append('<b>Crude Oil</b> <small>($/bbl)</small> - $' + data.value.items[6].content + '  ');
        /* Price Change */
        $(TARGET).append('<span class=' + changecolor + '>' +data.value.items[7].content + '  ' + data.value.items[8].content + '%</span>');
    });
}