var anim_duration = 0.5;
var anim_transition = 'easeIn';

var page = Class.create();

page.prototype = {
    
    contentElement: "",
    
    initialize: function() {
        var navElement = $('mainNavigation');
        this.showNav(navElement);
    },

    showNav: function(navElement) {
        new Effect.SlideRight(navElement, {
            duration: anim_duration,
            transition: Effect.Transitions.linear,
            afterFinish: function(){
                myPage.showContent();
                myPage.showNavText(navElement);
            }
        });
    },

    showContent: function() {
        var element = $('mainContent')
        if ( element == null){
            element = $('content')
        }
        new Effect.SlideRight(element, {
            duration: anim_duration*1.5,
            transition: Effect.Transitions.linear
        });
    },
    
    showNavText: function(navElement){
        navElement = $(navElement).down('ul');
        new Effect.SlideRight(navElement, {
            duration: anim_duration/4,
            delay: anim_duration/2,
            transition: Effect.Transitions.linear,
            afterFinish: function(){
                myPage.showSubNavText(navElement)
            }
        });
    },
    
    showSubNavText : function(navElement){
        navElement = $(navElement).down('.on')
        if (navElement){
            navElement = navElement.down('ul');
            if (navElement){
                new Effect.SlideRight(navElement, {
                    duration: anim_duration/4,
                    transition: Effect.Transitions.linear,
                    afterFinish: function(){
                        myPage.showInnerContent()
                    }
                });
            } else {
                myPage.showInnerContent()                 
            }
        } else {
            myPage.showInnerContent()            
        }
    },
    
    showInnerContent: function() {
        var element = $('content').down('div');
        if ( element == null){
            element = $('content')
        }
        if ( element != undefined ){
            new Effect.SlideRight(element, {
                duration: anim_duration/3,
                transition: Effect.Transitions.linear,
                afterUpdate: function(){ },
                afterFinish: function(){
                    if ( element == $('content')){
                        StartCrossFade();
                    }
                }
            });
        }
    },

    showImage: function() {
        var contentInner = $('content').down('div');
        var lnkHideImage = $('hideImage');
        //Element.hide(contentInner);
        Effect.SlideLeft(contentInner, {
            duration: anim_duration,
            afterFinish: function() {
                new Effect.SlideRight(lnkHideImage, {
                    duration: anim_duration/3
                });
            }
        });
    },

    hideImage: function() {
        var contentInner = $('content').down('div');
        var lnkHideImage = $('hideImage');
        Effect.SlideLeft(lnkHideImage, {
            duration: anim_duration/3,
            afterFinish: function() {
                Effect.SlideRight(contentInner, {
                    duration: anim_duration
                });
            }
        });
    }
}

function initPage() {
    myPage = new page();
}

Event.observe(window, 'load', initPage, false);