Gantt - jquery.gantt - simple navigation of gantt chart

by bizamajig

HTML

<script src="http://rawgithub.com/taitems/jQuery.Gantt/master/js/jquery.fn.gantt.js"></script>
<link rel="stylesheet" href="http://rawgithub.com/taitems/jQuery.Gantt/master/css/style.css">
<div class="gantt"></div>

JavaScript

$(".gantt").gantt({
    source: [{
        name: "Sprint 0",
        desc: "Analysis",
        values: [{
            from: "2011/11/02'",
            to: "2011/11/09'",
            label: "Requirement Gathering I",
            customClass: "ganttRed"
        }, {
            from: "2011/11/11'",
            to: "2011/11/16'",
            label: "Requirement Gathering II",
            customClass: "ganttRed"
        }, {
            from: "2011/11/18'",
            to: "2011/11/27'",
            label: "Requirement Gathering III",
            customClass: "ganttRed"
        }]
    }, {
        name: " ",
        desc: "Scoping",
        values: [{
            from: "/Date(1322611200000)/",
            to: "/Date(1323302400000)/",
            label: "Scoping",
            customClass: "ganttRed"
        }]
    }, {
        name: "Sprint 1",
        desc: "Development",
        values: [{
            from: "/Date(1323802400000)/",
            to: "/Date(1325685200000)/",
            label: "Development",
            customClass: "ganttGreen"
        }]
    }, {
        name: " ",
        desc: "Showcasing",
        values: [{
            from: "/Date(1325685200000)/",
            to: "/Date(1325695200000)/",
            label: "Showcasing",
            customClass: "ganttBlue"
        }]
    }, {
        name: "Sprint 2",
        desc: "Development",
        values: [{
            from: "/Date(1326785200000)/",
            to: "/Date(1325785200000)/",
            label: "Development",
            customClass: "ganttGreen"
        }]
    }, {
        name: " ",
        desc: "Showcasing",
        values: [{
            from: "/Date(1328785200000)/",
            to: "/Date(1328905200000)/",
            label: "Showcasing",
            customClass: "ganttBlue"
        }]
    }, {
        name: "Release Stage",
        desc: "Training",
        values: [{
            from: "/Date(1330011200000)/",
            to: "/Date(1336611200000)/",
            label: "Training",
...