$(document).ready (function() {

    var firsttime = 1247029200;
    var lasttime  = 1247115600;
    var randomnumber = "";
    $("#generaterandomnumbers").click( function() {
        var amount = prompt("How many random numbers (100max)?", 100);
        gen(amount);
    });

    function gen(amount) {
        randomnumber = "[";

        var temp = (parseFloat(lasttime) - parseFloat(firsttime)) + 1;

        for (i=0; i<amount && i<100; i++) {
            firsttime += 300;
            time = firsttime;
//            var time = Math.floor(Math.random()*temp) + parseFloat(firsttime);
            randomnumber += "[["+time+"*1000,0], ["+time+"*1000,"+Math.floor(Math.random()*150)+"]],";
            //randomnumber += "["+time+"*1000,'"+Math.floor(Math.random()*150)+"'],";
           // randomnumber += "['"+firsttime+"*1000','"+Math.floor(Math.random()*150)+"'],";
        }
        randomnumber += "]";
        $("#randomnumber").val(randomnumber);

        $("#draw").click();
    };

    $("#draw").click( function() {
        var options = { 
            xaxis: {
                mode: "time",
                timeformat: "%y/%m/%d %h:%M"
            },
            lines: {
                show: true,
                lineWidth: $("#lineWidth").val(), 
            },
            color: [$("#lineColor").val()],
        };

        var data = [];
        data = eval($("#randomnumber").val());
        $.plot($("#livejquery"), data, options);
    });

    gen(50);
});