var currentItem = 0;
var currentOffset = 0;
var offSetSize = 375;
var slider;

window.addEvent('domready', function() {
    var tipsButtons = $('tips_selector').getElements('a');
    var tipsLinks = $('tip_container_slider').getElements('a.next_tip');
    var myCookie;
    slider = new Fx.Morph('tip_container_slider');
    tipsButtons.each(function(el, i){
            el.addEvent('click', function(e) {
                    new Event(e).stop();
                    goToTip(i);
                    updateBubble(i);
                    myCookie = Cookie.write('tipNumber', i);
            });
    });
    tipsLinks.each(function(el, i){
            el.addEvent('click', function(e) {
                    new Event(e).stop();
                    goToTip(i + 1);
                    updateBubble(i + 1);
                    myCookie = Cookie.write('tipNumber', i+1);
            });
    });

    function goToTip(num)
    {
        currentItem = num;
        if (currentItem == 0) currentOffset = 0;
        else if (currentItem == (tipsButtons.length) ) currentOffset = 0;
        else
            currentOffset = -(currentItem) * offSetSize;

        slider.start({
            'margin-top': currentOffset + 'px'
        });
    }

    function updateBubble(num)
    {
        tipsButtons.removeClass('link_tip_active');
        if (num != (tipsButtons.length)) 
            tipsButtons[num].addClass('link_tip_active');
        else
            tipsButtons[0].addClass('link_tip_active');
    }

    var tipCookie = Cookie.read("tipNumber");
    if(tipCookie != null){
        goToTip(tipCookie);
        updateBubble(tipCookie);
        Cookie.dispose('tipNumber');
    }

});

function hideOverlay()
{
    $('mask').setStyle('display', 'none');
}