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();
					var k = tipsButtons.length;
					var j = k - i - 1;					
					//alert(i);
                    goToTip(j);
                    updateBubble(i);
                    myCookie = Cookie.write('tipNumber', j);
            });
    });
    tipsLinks.each(function(el, i){
            el.addEvent('click', function(e) {
                    new Event(e).stop();
					var k = tipsButtons.length;
					var j = k - i - 1;
                    goToTip(i + 1);
					updateBubble(j - 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 != -1) 
            tipsButtons[num].addClass('link_tip_active');
        else
		{
			var i = tipsButtons.length - 1;
            tipsButtons[i].addClass('link_tip_active');
		}
    }

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

});

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