// JavaScript Document

document.observe("dom:loaded", function() {
	// Overbox
	var leftBlockMarginBottom = $('overbox').getHeight() - 40;
	
	$('overbox').up().setStyle({marginBottom: leftBlockMarginBottom+'px'});
	
	// Carousel
	var homeCarousel = new UI.Carousel("horizontal_carousel");
	
	// Tips
	var nextIndex = 0;
	var nextTipTxt = '';
	var previousIndex = 0;
	var previousTipTxt = '';

	nextIndex = homeCarousel.currentIndex() + 1;
	nextTipTxt = homeCarousel.elements[nextIndex].down().innerHTML;
	var nextTip = new Tip(homeCarousel.nextButton, nextTipTxt, {
		style:	'peredodu',
		stem:	'bottomLeft',
		hook:	{mouse: true, tip: 'bottomLeft'}
	});
	
	previousIndex = homeCarousel.currentIndex() - 1;
	if(previousIndex >= 0)
	{
		previousTipTxt = homeCarousel.elements[previousIndex].down().innerHTML;
	}
	else
	{
		previousTipTxt = 'Début';
	}
	var previousTip = new Tip(homeCarousel.previousButton, previousTipTxt, {
		style:	'peredodu',
		stem:	'bottomRight',
		hook:	{mouse: true, tip: 'bottomRight'}
	});
	
	document.observe('carousel:scroll:ended', function(ev){
		if (!ev.memo.carousel.nextButton.hasClassName('next_button_disabled'))
		{
			nextIndex = homeCarousel.currentIndex() + 1;
			nextTipTxt = homeCarousel.elements[nextIndex].down().innerHTML;
		}
		else
		{
			nextTipTxt = 'Fin';
		}
		if (!ev.memo.carousel.previousButton.hasClassName('previous_button_disabled'))
		{
			previousIndex = homeCarousel.currentIndex() - 1;
			previousTipTxt = homeCarousel.elements[previousIndex].down().innerHTML;
		}
		else
		{
			previousTipTxt = 'Début';
		}
		nextTip.tip.update(nextTipTxt);
		previousTip.tip.update(previousTipTxt);
	});
});