$(document).ready(function () {
    function Timer(callback, delay) {
        var timerId, start, remaining = delay;

        this.pause = function () {
            window.clearTimeout(timerId);
        };

        this.resume = function () {
            timerId = window.setInterval(callback, remaining);
        };

        this.resume();
    }

    var c = 0;

    var myStrings = new Array();
    myStrings[0] = "Sports Gear";
    myStrings[1] = "Golf Clubs";
    myStrings[2] = "Skateboards";
    myStrings[3] = "Bikes";
    myStrings[4] = "Wakeboards";
    myStrings[5] = "Surfboards";
    myStrings[6] = "Disc Golf";
    myStrings[7] = "Baseball Bats";
    myStrings[8] = "Soccer Cleats";
    myStrings[9] = "Football Gear";
    myStrings[10] = "Lacrosse";
    myStrings[11] = "Snowboards";
    myStrings[12] = "Skates";
    myStrings[13] = "Treadmills";
    myStrings[14] = "Ellipticals";

    var myPaths = new Array();
    myPaths[0] = "/images/homepage/sportsgear.png";
    myPaths[1] = "/images/homepage/golfclubs.png";
    myPaths[2] = "/images/homepage/skateboard.png";
    myPaths[3] = "/images/homepage/mountainbike.png";
    myPaths[4] = "/images/homepage/wakeboard.png";
    myPaths[5] = "/images/homepage/surfboard.png";
    myPaths[6] = "/images/homepage/frisbeegolf.png";
    myPaths[7] = "/images/homepage/baseballbat.png";
    myPaths[8] = "/images/homepage/soccershoes.png";
    myPaths[9] = "/images/homepage/footballgear.png";
    myPaths[10] = "/images/homepage/lacrossesticks.png";
    myPaths[11] = "/images/homepage/snowboard.png";
    myPaths[12] = "/images/homepage/iceskate.png";
    myPaths[13] = "/images/homepage/treadmill.png";
    myPaths[14] = "/images/homepage/ellipticalmachine.png";

    var myAdjustmentsRight = new Array();
    myAdjustmentsRight[0] = "-20px";
    myAdjustmentsRight[1] = "210px";
    myAdjustmentsRight[2] = "100px";
    myAdjustmentsRight[3] = "70px";
    myAdjustmentsRight[4] = "120px";
    myAdjustmentsRight[5] = "180px";
    myAdjustmentsRight[6] = "120px";
    myAdjustmentsRight[7] = "100px";
    myAdjustmentsRight[8] = "170px";
    myAdjustmentsRight[9] = "90px";
    myAdjustmentsRight[10] = "200px";
    myAdjustmentsRight[11] = "110px";
    myAdjustmentsRight[12] = "50px";
    myAdjustmentsRight[13] = "110px";
    myAdjustmentsRight[14] = "140px";

    var myAdjustmentsTop = new Array();
    myAdjustmentsTop[0] = "-60px";
    myAdjustmentsTop[1] = "-60px";
    myAdjustmentsTop[2] = "00px";
    myAdjustmentsTop[3] = "-60px";
    myAdjustmentsTop[4] = "-70px";
    myAdjustmentsTop[5] = "-70px";
    myAdjustmentsTop[6] = "-60px";
    myAdjustmentsTop[7] = "-40px";
    myAdjustmentsTop[8] = "-50px";
    myAdjustmentsTop[9] = "-60px";
    myAdjustmentsTop[10] = "-65px";
    myAdjustmentsTop[11] = "-65px";
    myAdjustmentsTop[12] = "-70px";
    myAdjustmentsTop[13] = "-60px";
    myAdjustmentsTop[14] = "-70px";



    $('#closeLocations').click(function (e) {
        e.preventDefault();

        $('#locationsBar').fadeOut('fast');
    });


    var rotateTextTimer = new Timer(function () {
        setTimer2();
    }, 150);

    rotateTextTimer.pause();



    var lastImageShown = 0;
    var itemLength = myStrings.length - 1;
    var rotateImageAndPauseTimer = new Timer(function () {
        var itemtoshow = Math.floor(Math.random() * 15);

        if (itemtoshow === lastImageShown) {
            itemtoshow++;

            if (itemtoshow > itemLength) {
                itemtoshow = 0;
            }
        }

        lastImageShown = itemtoshow;

        $('.equipWord span').replaceWith('<span>' + myStrings[itemtoshow] + '</span>');
        $('.equipImg').replaceWith('<img class="equipImg" src="' + myPaths[itemtoshow] + '"alt="' + myStrings[itemtoshow] + '" style="right:' + myAdjustmentsRight[itemtoshow] + '; top:' + myAdjustmentsTop[itemtoshow] + '; display:none;">');

        $('.equipImg').load(function () { $(this).show(); });

        //        $('.equipImg').attr('src', myPaths[itemtoshow]);
        //        $('.equipImg').css('right', myAdjustmentsRight[itemtoshow]);
        //        $('.equipImg').css('top', myAdjustmentsTop[itemtoshow]);

        c = itemtoshow;

        rotateTextTimer.pause();
        rotateImageAndPauseTimer.pause();

        setTimeout(function () {
            rotateTextTimer.resume();
            rotateImageAndPauseTimer.resume();
        }, 2150);


    }, 1500);

    rotateImageAndPauseTimer.pause();

    setTimeout(function () { rotateTextTimer.resume(); rotateImageAndPauseTimer.resume(); }, 1000);

//    function setTimer() {
//        if (c > (myStrings.length - 1)) {
//            c = 0;
//        }

//        console.log(c + myStrings[c]);

//        $('.equipWord').animate({ scaleY: '0' }, 100, function () {
//            $('.equipWord span').replaceWith('<span>' + myStrings[c - 1] + '</span>');
//            $('.equipWord').animate({ scaleY: '1' }, 100);
//        });

//        c++;
//    }

    function setTimer2() {
        if (c > itemLength) {
            c = 0;
        }

        $('.equipWord span').replaceWith('<span>' + myStrings[c] + '</span>');

        c++;
    }



});