$AR.client.theme = {
    init: function(){
        var themes = 3,
            current = ($AR.nn($.cookie('theme')) + 1) % themes;
            $.cookie('theme',current);
        $(".masthead").animate({ 
            height: "770px"
          }, 1000 );
        switch (current) {
            case 0:
                this.div('body','ninja-group');
                this.div('.ninja-group','fish');
                this.div('.ninja-group','japanese');
                this.div('.ninja-group','dragon');
                this.div('.ninja-group','ninja');
                $('.ninja-title').appendTo('body');
                $('.ninja-subtitle').appendTo('body');
                $(".fish").delay(0).animate(
                    {opacity:"1",top: "0px"}, 1000 );
                $(".japanese").delay(500).animate(
                    {opacity:"1",left: "50%"}, 500 );
                $(".dragon").delay(2000).animate(
                    {opacity:"1",top: "498px"}, 1000 );
                $(".ninja").delay(1500).animate(
                    {opacity:"1",top: "140px"}, 500 );
                $(".ninja-title").delay(1500).animate(
                    {opacity:"1",top: "200px"}, 500 );
                $(".ninja-subtitle").delay(2000).animate(
                    {opacity:"1",top: "640px"}, 500 );
                break;                
            case 1:
                this.div('body','secret-group');
                this.div('.secret-group','secret-target');
                this.div('.secret-group','secret-data');
                this.div('.secret-group','secret-car');
                this.div('.secret-group','secret-agent');
                this.div('.secret-group','secret-time');
                this.div('.secret-group','secret-arrows');
                $('.secret-title').appendTo('body');
                $('.secret-subtitle').appendTo('body');
                $(".secret-target").delay(0).animate(
                    {opacity:"1",top: "0px"}, 1000 );
                $(".secret-data").delay(500).animate(
                    {opacity:"1", left: "50%"}, 500 );
                $(".secret-car").delay(2000).animate(
                    {opacity:"1",left: "50%"}, 1000 );
                $(".secret-agent").delay(1500).animate(
                    {opacity:"1",top: "100px"}, 500 );
                $(".secret-time").delay(2000).animate(
                    {opacity:"1"}, 500 );
                $(".secret-arrows").delay(2000).animate(
                    {opacity:"1"}, 500 );
                $(".secret-title").delay(1500).animate(
                    {opacity:"1",top: "200px"}, 500 );
                $(".secret-subtitle").delay(2000).animate(
                    {opacity:"1",top: "640px"}, 500 );
                break;
            case 2:
                this.div('body','super-group');

                this.div('.super-group','super');
                this.div('.super-group','super-background');


                $('.super-title').appendTo('body');
                $('.super-subtitle').appendTo('body');
                $('.super-background').appendTo('masthead');

                $(".super-background").delay(2500).animate(
                    {opacity:"1",top: "0px"}, 500 );

                $(".super").delay(1000).animate(
                    {opacity:"1",top: "140px"}, 500 );
                $(".super-title").delay(1000).animate(
                    {opacity:"1",top: "200px"}, 500 );
                $(".super-subtitle").delay(2000).animate(
                    {opacity:"1",top: "640px"}, 500 );
                break;  
        }
    },
    div: function(p,c){
        $(p).append('<div class="'+c+'"></div>');
    }
};
$(document).ready(function(){$AR.client.theme.init();});