﻿pages = {};
initialized = false;
navigateTo = function (dest) {
    if (!initialized) Ext.fly('main').fadeOut();
    dest = dest == 'Photos' ? 'Photos.aspx' : dest + '.htm';
    if (typeof pages[dest] == 'undefined') {
        Ext.fly('loading').slideIn();
        Ext.Ajax.request({
            url: dest,
            scope: this,
            callback: function (opts, succ, resp) {
                pages[dest] = resp.responseText;
                if (!initialized) initLayout(dest);
                else showContent(dest);
            }
        });
    } else showContent(dest);
};
showContent = function(dest) {
    Ext.get('loading').hide();
    Ext.fly('main').update(pages[dest]).fadeIn();
    if(!initialized) {
        initialized = true;
        Ext.fly('footer').fadeIn();
    }
};
initLayout = function(target) {
    if(initialized) return;
    Ext.fly('loading').ghost();
    Ext.fly('sidebar').slideIn('t', {
        duration: 2
    });
    Ext.fly('header').fadeIn({
        duration: 1,
        callback: function() {
            Ext.fly('pageTitle').fadeIn({
                callback: function() {
                    Ext.fly('family').hide().slideIn('l');
                    showContent(target);
                }
            });
        }
    });
};
Ext.onReady(function(){
    setTimeout('navigateTo("Home");', 1500);
});
