$(document).ready(function () {

    var cache = [];
    // Arguments are image paths relative to the current page.
    $.preLoadImages = function () {
        var args_len = arguments.length;
        for (var i = args_len; i--; ) {
            var cacheImage = document.createElement('img');
            cacheImage.src = arguments[i];
            cache.push(cacheImage);
        }
    }

    var myDataArray = [];
    var count = 0; //counter
    $.ajax({
        url: '/global/scripts/clocks/slides.xml',
        type: 'GET',
        dataType: 'xml',
        timeout: 1000,
        error: function () {
            $("#slideshow-image").html("<p><b>We're Sorry</b><br />An error occurred while trying to load.</p>");
        },
        cache: false,
        success: function (xml) {
            //Loop through the items and load the XML to an array
            $(xml).find('galleryitem').each(function () {
                var body = $(this).find("body").text();
                var imagePath = $(this).find("image").text();
                myDataArray[parseInt(count)] = new Array(body, imagePath);
                count++;
            });

            //Test loaded array
            for (i = 0; i < count; i++) {
                //$("#place-holder-body").append("This is " + i + ": " + myDataArray[i]);
            }
			function randOrd(){
				return (Math.round(Math.random())-0.5);
			} 
			myDataArray.sort( randOrd );
			
            $('#slideshow-image').html("" + myDataArray[0][0]);
            jQuery.preLoadImages("" + myDataArray[1][1]);
            $(function () {
                nextPanel = setInterval(playNext, 5000);
            });

            var currentPanel = 1;
            function playNext() {

                $('#slideshow-image2').html("" + myDataArray[currentPanel][0]).show();
                $('#slideshow-image').fadeOut("slow", function () {
                    //$(this).html("" + myDataArray[currentPanel][0]).fadeIn("slow");
					$(this).html("" + myDataArray[currentPanel][0]).show();
					//$(this).html("" + myDataArray[currentPanel][0]).fadeIn("fast");
                    if (currentPanel < count - 1) {
                        currentPanel = currentPanel + 1;
                    } else {
                        currentPanel = 0;
                    }
                });
                jQuery.preLoadImages("" + myDataArray[currentPanel][1]);
            }

            $('#playLast').click(function () {
                if (currentPanel == 0) {
                    currentPanel = count - 2;
                } else if ((currentPanel - 1) == 0) {
                    currentPanel = count - 1;
                } else {
                    currentPanel = currentPanel - 2;
                }
                clearInterval(nextPanel);
                playNext();
                $('#playShow').show();
                $('#pauseShow').hide();
            });

            $('#playNext').click(function () {
                clearInterval(nextPanel);
                playNext();
                $('#playShow').show();
                $('#pauseShow').hide();
            });

            $('#pauseShow').click(function () {
                clearInterval(nextPanel);
                $('#playShow').show();
                $('#pauseShow').hide();
            });

            $('#playShow').click(function () {
                playNext();
                nextPanel = setInterval(playNext, 5000);
                $('#playShow').hide();
                $('#pauseShow').show();
            });

        } // End Success Function
    }); // End ajax Call
});