var photos_list;
var titles_list;
var splash_height = 256;
var animation_duration = 1500;
var animation_interval;
var over_interval;
var delay = 4000;
var drop_down_out;
var now_active=0;



function sliceNews() {

    var news = $(document.body).getElements('#small_news dl dd a');

    for (var i=0; i<news.length; i++) {
        var sd= news[i].getParent().offsetHeight;
        while (sd > 78) {
            var tx =  news[i].get('text');
            tx = tx.split(" ");
            tx.pop();
            tx = tx.join(' ');
            news[i].set('text', tx+'...');
            sd= news[i].getParent().offsetHeight;
        }

    }

}

function openDropDown() {
    $('drop_down').set('morph', {
        duration: 300,
        transition:Fx.Transitions.Quad.easeOut
    });
    $('drop_down').morph({
        'opacity':1
    });
    $('drop_down').getParent().get('morph').cancel();
    $('drop_down').getParent().setStyle('background-color', '#0a6da7');
    clearTimeout(drop_down_out);
}

function closeDropDown() {
    $('drop_down').set('morph', {
        duration: 500,
        transition:Fx.Transitions.Quad.easeIn
    });
    $('drop_down').getParent().morph({
        'background-color': '#323538'
    })
    $('drop_down').morph({
        'opacity':0
    });
}

window.addEvent('domready', function() {

    sliceNews();

    $('drop_down').setStyles({
        'opacity':0,
        'display':'block'
    });
    
    $('drop_down').getParent().set('morph', {
        duration: 500,
        transition:Fx.Transitions.Quad.easeIn
    });

    photos_list = $(document.body).getElements('#photos_list li');
    
    titles_list = $(document.body).getElements('#titles_list li');

    for (var i=0; i<titles_list.length;i++) {
        if (i == 0) {
            titles_list[i].setStyle('margin-top', 93);
            titles_list[i].getElement('div.bg_fix').setStyles({
                'opacity': '0'
            });
            titles_list[i].getElement('a').setStyles({
                'color': '#FFFFFF'
            });
        } else {
            if (i == titles_list.length-1){
                titles_list[i].set('std_color', '#d4d7da');
                titles_list[i].getElement('div.bg_fix').setStyles({
                    'background-color' : '#d4d7da'
                });
            }
            titles_list[i].setStyle('margin-top', splash_height-(28*titles_list.length-1)+((i)*28));
        }
        if (on_inner && i==0 ) {
            titles_list[i].getElement('a').setStyle('color', '#FFF');
            titles_list[i].setStyle('background-image', 'url(/templates/images/title_bg_over.png)');
        }else{
        titles_list[i].addEvents({
            mouseover: function(){
                var bg_fix = this.getElement('div.bg_fix');
                bg_fix.get('morph').cancel();
                this.set('a_last',this.getElement('a').getStyle('color'));
                bg_fix.setStyle('background-color', '#0a6da7');
                this.getElement('a').setStyle('color', '#FFF');
                this.setStyle('background-image', 'url(/templates/images/title_bg_over.png)');
            },
            mouseout: function(){
                this.getElement('div.bg_fix').setStyle('background-color', this.get('std_color'));
                this.getElement('a').setStyle('color', this.get('a_last'));
                this.setStyle('background-image', 'url(/templates/images/title_bg.png)');
            }
        });
        }
    }

    $('map').addEvents({
        change: function(){
            if (this.selectedIndex > 0) {
            document.location = this.options[this.selectedIndex].value;
            }
        }
    });


    $('drop_down').addEvents({
        mouseover: function(){
            openDropDown();
        },
        mouseout: function(){
            drop_down_out = setTimeout(closeDropDown, 100);
        }
    });

    $('drop_down').getParent().getElement('a').addEvents({
        mouseover: function(){
            openDropDown();
        },
        mouseout: function(){
            drop_down_out = setTimeout(closeDropDown, 100);
        }
    });

    for (i=0; i<photos_list.length;i++) {
        photos_list[i].setStyle('z-index', 0);
    }

    photos_list[0].setStyle('z-index', 10);

    if (!on_inner) {

        $('splash').addEvents({
            mouseover: function(){
                clearTimeout(over_interval);
                clearTimeout(animation_interval);
            },
            mouseout: function(){
                over_interval = setTimeout(Move, 1000);
            }
        });

        over_interval = setTimeout(Move, 2000);
    }
}
    
);

function endMove() {
    var i= titles_list.length-1;
    titles_list[i].setStyles({
        'margin-top': splash_height,
        'opacity' : 1
    });
    titles_list[i].set('morph', {
        duration: animation_duration*0.4,
        transition:Fx.Transitions.Quad.easeOut
    });
    titles_list[i].morph({
        'margin-top': splash_height-28
    });
    titles_list[i].getElement('a').setStyles({
        'color': '#6d747a'
    });

    titles_list[i].getElement('div.bg_fix').setStyles({
        'background-color' : '#d4d7da'
    });
    titles_list[i].set('std_color', '#d4d7da');
    titles_list[i].getElement('div.bg_fix').setStyles({
        'opacity': '1'
    });

    for (var x=1; x<titles_list.length-1;x++) {
        titles_list[x].set('morph', {
            duration: animation_duration*0.4,
            transition:Fx.Transitions.Quad.easeOut
        });
        titles_list[x].set('std_color', '#f6f6f6');

        if (titles_list[x].getElement('div.bg_fix').getStyle('background-color') != '#0a6da7') {
            titles_list[x].getElement('div.bg_fix').morph({
                'background-color' : '#f6f6f6'
            });
        }
        titles_list[x].morph({
            'margin-top': splash_height-(28*titles_list.length-1)+((x)*28)
        });
    }
}

function Move() {

    titles_list.push(titles_list.shift());

    //photos_list.push(photos_list.shift());
    //photos_list.splice(0,0,photos_list.pop());

    for (i=0; i<photos_list.length;i++) {
        photos_list[i].setStyle('z-index', 0);
    }

    var last_active = now_active;
    now_active = now_active == photos_list.length-1 ? 0 : now_active+1;
    photos_list[last_active].setStyle('z-index', 10);
    photos_list[now_active].setStyle('opacity', 0);
    photos_list[now_active].setStyle('z-index', 20);
    photos_list[now_active].morph({
        'opacity':[0,1]
    });    


    for (var i=0; i<titles_list.length;i++) {
        titles_list[i].set('morph', {
            duration: animation_duration,
            transition:Fx.Transitions.Quad.easeOut
        });
        titles_list[i].getElement('div.bg_fix').set('morph', {
            duration: animation_duration*0.4,
            transition:Fx.Transitions.Quad.easeOut
        });
        
        if (i == 0) {
            titles_list[i].morph({
                'margin-top': 93
            });
            titles_list[i].getElement('a').morph({
                'color': '#FFFFFF'
            });
            titles_list[i].getElement('div.bg_fix').morph({
                'opacity': '0'
            });
        } else {
            if (i == titles_list.length-1){
                titles_list[i].set('morph', {
                    duration:  animation_duration*0.6,
                    transition:Fx.Transitions.Quad.easeOut
                });
                titles_list[i].morph({
                    'margin-top': -28,
                    'opacity':0
                });
                setTimeout(endMove, animation_duration*0.62);
                
                
            } else {
        //titles_list[i].getElement('div.bg_fix').morph({'background-color' : '#f6f6f6'});
        //titles_list[i].morph({'margin-top': splash_height-(28*titles_list.length-1)+((i)*28)});
        }
        }
    }

    /*for (i=0; i<photos_list.length;i++) {
        if (i == 0) {
            photos_list[i].setStyle('opacity', 0);
            photos_list[i].morph({
                'opacity':[0,1]
            });
        }
        photos_list[i].setStyle('z-index', i+1);
    }*/

    animation_interval = setTimeout(Move, delay);

//titles_list[0].morph({'margin-top': splash_height-(28*titles_list.length-1)+((2)*28)});
//titles_list[1].morph({'margin-top': 93});
//titles_list[2].morph({'margin-top': splash_height-(28*titles_list.length-1)+((1)*28)});
}