$(document).ready(function() {
    var id = $("#imageID").val();
    $container = $("#mainPicContainer");
    //$container.attr("style", "background: url(http://www.wesdschools.org/images/homeback31.jpg) no-repeat 0 100%;");
    flipImage();
    
    $container.everyTime(15000, function() {
        flipImage();
    });

    setTimeout(function() {
            $.ajax({
                type: "POST",
                url: "WebAjax.aspx?action=getHomeImagesOnly",
                cache: false,
                data: '',
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                },

                success: function(data, textStatus) {
                    $("#imagesDiv").html(data);
                }
            });
        } //end of $.ajax
        , 500
    );
    
    function flipImage() {
        $.ajax({
            type: "POST",
            url: "WebAjax.aspx?action=getHomepageImages&id=" + id,
            cache: false,
            data: '',
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                $container.attr("style", "background: url(http://www.wesdschools.org/images/homeback31.jpg) no-repeat 0 100%;");
            },

            success: function(data, textStatus) {
                var string = data.split('|');
                //id|image|url|caption
                id = string[0];
                $container.attr("style", "background: url(http://www.wesdschools.org/images/" + string[1] + ") no-repeat 0 100%;");
                $container.attr("title", string[3]);
                $container.click(function() {
                    window.location = string[2];
                });
            }
        }); //end of $.ajax
    }



});