window.addEvent('domready', initPage);

var currentTab = 0;
var liWidth = 500;
var tabsCount = 4;
var scrollEffect;
var heightEffect;
var sliderBox;

function initPage()
{

    // init slider
    sliderBox = $('tabs-content-list');
    if (!$defined(sliderBox)) return;

    scrollEffect = new Fx.Tween(sliderBox, { duration: '500', transition: Fx.Transitions.Sine.easeInOut });
    heightEffect = new Fx.Tween($('tabContentWindow'), { duration: '500', transition: Fx.Transitions.Sine.easeInOut });

    sliderWidth = liWidth * tabsCount;
    var defaultLeft = -(currentTab - 1) * liWidth;
    sliderBox.setStyles('position:absolute; left:' + defaultLeft + 'px; top:0; width: ' + sliderWidth + 'px');
    sliderBox.setProperty('currentPosition', defaultLeft);
    sliderBox.setProperty('maxLength', sliderWidth);

    // init tabs
    $('StratergyTabLinks').getChildren().forEach(function(item, ind)
    {
        item.addEvent('click', function(e)
        {
            slideTabs(ind);
            //setActiveTab(ind);
        });
    });

    slideTabs(0);
    $('newsletterSignupContainer').setStyle('margin-right', '41px');
}

function slideTabs(tabNum)
{
    scrollEffect.cancel();
    
    var endPos = (-1) * (tabNum) * liWidth;

    var item = $('tabs-content-list').getChildren('div')[tabNum];
    heightEffect.start('height', item.getStyle('height'));
    scrollEffect.start('left', endPos);
}