var left_fx, right_fx, arrow_bg_left_fx, arrow_bg_right_fx, state_left, state_right, active_header=1, old_active_header;
var texts = [
    'Брокерское<br/>обслуживание',
    'Доверительное<br/>управление',
    'Корпоративные финансы<br/>&amp; Консалтинг'
];
window.addEvent('domready', function() {

    if (!document.getElementById('alternative-header')) return true;

    $('opacity-block-arrow-left').setStyle('opacity', 0);
    $('opacity-block-arrow-right').setStyle('opacity', 0);

    left_fx = new Fx.Tween('arrow-left', {
        duration: 300,
        property: 'left'
    });
    arrow_bg_left_fx = new Fx.Tween('opacity-block-arrow-left', {
        duration: 400,
        property: 'opacity',
        transition: Fx.Transitions.quad,
        onComplete: function() {
            if (state_left == 'closed') {
                state_left = 'opened';
                arrowOut('left');
            }
        }
    });
    
    right_fx = new Fx.Tween('arrow-right', {
        duration: 300,
        property: 'right'
    });
    arrow_bg_right_fx = new Fx.Tween('opacity-block-arrow-right', {
        duration: 400,
        property: 'opacity',
        transition: Fx.Transitions.quad,
        onComplete: function() {
            if (state_right == 'closed') {
                state_right = 'opened';
                arrowOut('right');
            }
        }
    });

    $('arrow-left')
        .addEvent('mouseenter', function() {
            state_left = 'opened';
            arrowIn('left');
        })
        .addEvent('mouseleave', function(evt) {
            state_left = 'closed';
            arrowOut('left');
        })
        .addEvent('click', function() {
            activatePrevHeader();
        });

    $('arrow-right')
        .addEvent('mouseenter', function() {
            state_right = 'opened';
            arrowIn('right');
        })
        .addEvent('mouseleave', function(evt) {
            state_right = 'closed';
            arrowOut('right');
        })
        .addEvent('click', function() {
            activateNextHeader();
        });

    $('headers-wrapper').set('tween', {
        onComplete: function() {
            var left_id = 'header';
            var right_id = 'header';
            if (active_header == 1) {
                left_id += '3';
                right_id += '2';
                $('arrow-text-left').set('html', texts[2]);
                $('arrow-text-right').set('html', texts[1]);
            } else if (active_header == 2) {
                left_id += '1';
                right_id += '3';
                $('arrow-text-left').set('html', texts[0]);
                $('arrow-text-right').set('html', texts[2]);
            } else if (active_header == 3) {
                left_id += '2';
                right_id += '1';
                $('arrow-text-left').set('html', texts[1]);
                $('arrow-text-right').set('html', texts[0]);
            }

            $(left_id).inject($('header'+active_header), 'before');
            $(right_id).inject($('header'+active_header), 'after');

            $('headers-wrapper').setStyle('left', -946);

        }
    });

    $('header-text-1').addEvent('click', function() {
        window.location.href = 'services/brokers/'; 
    });
    $('header-text-2').addEvent('click', function() {
        window.location.href = 'services/share/';
    });
    $('header-text-3').addEvent('click', function() {
        window.location.href = 'services/finance/';
    });


});


function arrowIn(side) {
    $('header-text-'+active_header).tween('opacity', 0.5);
    window['arrow_bg_'+side+'_fx'].start(0.4);
    window[side+'_fx'].start('0px');
}

function arrowOut(side) {
    $('header-text-'+active_header).tween('opacity', 1);
    window[side+'_fx'].start('-170px');
    window['arrow_bg_'+side+'_fx'].start(0);
}

function activatePrevHeader() {
    old_active_header = active_header;
    active_header--;
    if (active_header == 0) {
        active_header = 3;
    }
    $('headers-wrapper').tween('left', 0);
}

function activateNextHeader() {
    old_active_header = active_header;
    active_header++;
    if (active_header == 4) {
        active_header = 1;
    }
    
    $('headers-wrapper').tween('left', -946-946);
}