$(function() {
    
    var $wrapper = $('#page-wrap'),
        $splash = $('#splash').appendTo($wrapper),
        $loading = $('.loading', $splash),
        $intro = $('.intro', $splash),
        $img = $('> img', $intro),
        $header= $('#header'),
        $main = $('#main'),
        $footer = $('#footer'),
        delay = 1200,
        splashImageSrc = DS.Utils.Path.Combine(DS.applicationURL, '/Content/images/SPLASH1.jpg'),
        progressImageSrc = DS.Utils.Path.Combine(DS.applicationURL, '/Content/images/progress2.gif');
    
    //console.log("Initializing application:", DS.applicationURL);
    //console.log("Splash Image: ", splashImageSrc);
    //console.log("Progress Image: ", progressImageSrc);
    
    $('> img', $loading).load(function() {
        //console.log('Progress image loaded...');
        $loading.show();
        $img
            .load(function() {
                //console.log('Splash image loaded...');
                setTimeout(function() {
                    $loading.hide();
                    $intro.show();
                    $intro.find("img").fadeIn("slow", function() {
                        // load main
                        setTimeout(function() {
                            $img.fadeOut(delay, function() {
                                $splash.hide();
                                $header.css('visibility', 'visible');
                                $footer.css('visibility', 'visible');
                                $main.show();
                                //$main.trigger('intro');
                            });
                        }, delay);
                    });    
                }, delay);
            })
            .error(function() {
                //console.log('Error loading image...');
            })
            .attr('src', splashImageSrc);
    }).
    attr('src', progressImageSrc);
});