﻿
var fadeShow = {
    thisUrl: '',
    imgindex: 0,
    slow: 1000,
    speed: 6000,
    imgarray: new Array(),
    Start: function() {

        var thisUrl = fadeShow.getLocation();
        fadeShow.thisUrl = thisUrl.protocol + "//" + thisUrl.host;
        thisUrl = fadeShow.thisUrl + '/assets/js/jqFadeshow.xml';
        //alert(thisUrl);
        $.ajax({
            url: thisUrl,
            type: "GET",
            dataType: ($.browser.msie) ? "text" : "xml",
            success: function(data) {
                fadeShow.SetupMenu(data, 'success');
            }
        });

    },
    getLocation: function() {
        var l = document.createElement("a");
        l.href = document.location.href;
        return l;
    },
    SetupMenu: function(data, status) {

        var xml;
        if (typeof data == "string") {
            xml = new ActiveXObject("Microsoft.XMLDOM");
            xml.async = false;
            xml.loadXML(data);
        } else {
            xml = data;
        }

        if (status != "success") {
            return;
        }
        if (!fadeShow.checkForExisting("fadeShow")) {
            return;
        }

        $("#fadeShow").append('<div id="pics"></div>');
        $('#pics').fadeOut();
        $("pic", xml).each(function(i) {
            var title = $(this).text();

            var imgid = "pic" + title.replace(/\//g, "").replace(".", "");
            fadeShow.imgarray[fadeShow.imgindex++] = imgid;

            //alert(imgid);
            $("#pics").append("<img class='pics' src='" + title + "' alt='" + title + "' id='" + imgid + "' />");
            $("#" + imgid).fadeOut();
        });
        fadeShow.imgindex = fadeShow.imgarray.length - 1;
        $("#" + fadeShow.imgarray[fadeShow.imgindex]).fadeIn('fast');
        $('#pics').fadeIn(fadeShow.slow);

        window.setTimeout("fadeShow.rotatePics()", fadeShow.speed);
    },
    rotatePics: function() {
   // alert(fadeShow.imgarray[fadeShow.imgindex]);

        $("#" + fadeShow.imgarray[fadeShow.imgindex]).fadeOut(fadeShow.slow);
        fadeShow.imgindex++;
        if (fadeShow.imgindex >= fadeShow.imgarray.length) {
            fadeShow.imgindex = 0;
        }
        $("#" + fadeShow.imgarray[fadeShow.imgindex]).fadeIn(fadeShow.slow);
        window.setTimeout("fadeShow.rotatePics()", fadeShow.speed);
    },
    checkForExisting: function(divname) {
        var $div = $('#' + divname);

        if ($div.length)
            return true;

        return false;
    }

}

$("document").ready(function() {
      fadeShow.Start()
});
