Cycle images in memory

Cycles through a list of gifs. Need to update Dom to show changes

by nickywaites

HTML

<input type="button" id="start" value="Start" />
<input type="button" id="stop" value="Stop" />
<div id="images">
    <img id="one" src="http://lh4.ggpht.com/_ocJ2Rp6jZrM/Ta-gb-DRP0I/AAAAAAAAJVA/dJNOAjslqTc/s144-c/B%C3%A9nye%20338.jpg"
    alt="">
    <img id="two" src="http://lh5.ggpht.com/_puONnqd6-RM/Tan7dC3P_5I/AAAAAAAAOWY/JRvlDzcueyw/s144-c/1.%20006.jpg"
    alt="">
    <img id="three" src="http://lh6.ggpht.com/_dEPJ1Aon18Y/TatJ2FpWLtI/AAAAAAAAO9E/pAEXT_RXUm8/s144-c/DSCN8060.jpg"
    alt="">
    <img id="four" src="http://lh3.ggpht.com/_7gz05UEECHM/Ta9PxCWbJYI/AAAAAAAALEU/5ie-GuwwHy0/s144-c/IMG_9801.jpg"
    alt="">
    <img id="five" src="http://lh4.ggpht.com/_wbt-HBCa0og/TaTZKsbVOLI/AAAAAAAABfc/DjaLdLNIJis/s144-c/wiseowl.jpg"
    alt="">
</div>
<div id="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

JavaScript

var Joe = {};
Joe.XTV = (function () {
    var XTV = {};

    var Interval; //Store Timer
    var gifs = $('#images > img').get(); // Get all gifs

    XTV.Version = "1.0.0.0";

    XTV.Start = function () {
        Interval = window.setInterval(XTV.Cycle, 3 * 1000);
        console.log('Started');
    };

    XTV.Stop = function () {
        window.clearInterval(Interval);
        console.log('Stopped');
    };

    XTV.Cycle = function () {

        var img = gifs.shift();
        gifs.push(img);

        console.log(gifs);

    };

    XTV.Navigate = function (dir) {

    };


    //Init
    (function () {

        //XTV.Run();
    })();

    return XTV;
})();
//Runs on Load

$(function () {

    $('#start').click(function () {
        Joe.XTV.Start();
    });

    $('#stop').click(function () {
        Joe.XTV.Stop();
    });
});