document.observe ('dom:loaded', function () {
	SimplyButtons.init();

	new Ajax.Autocompleter ('product', 'autocomplete_choices', './autocomplete.php', {frequency: 0.2, minChars: 2, noEnter: true, afterUpdateElement: submitLookFor});

	$('lookfor').observe ('submit', validLookFor);
	$('simpleSearchLink').observe ('click', toggleSearchPanels);
	$('complexSearchLink').observe ('click', toggleSearchPanels);
	$('next').observe ('click', changeNews);

	bindLinkToMenu ('itemLink', 'itemMenu');
	bindLinkToMenu ('buyLink', 'buyMenu');

	changeNews ();

	reloadBasket (false);
});

function toggleSearchPanels (event) {
	Event.stop (event);

	$('simpleSearch').toggle ();
	$('complexSearch').toggle ();
}

function bindLinkToMenu (link, menu) {
	$(link).observe ('click', showMenu.curry (menu));
	$(menu).observe ('click', Effect.SlideUp.curry (menu, {duration: 0.5}));
}

function showMenu (menu, event) {
	var element = event.element ();
	var pos1 = element.cumulativeOffset ();
	var pos2 = element.cumulativeScrollOffset ();
	var dim = element.getDimensions ();
	var menuElem = $(menu);

	var pos = {x: pos1.left + pos2.left, y: pos1.top + dim.height + 5};

	event.stop ();

	menuElem.setStyle ({left: pos.x+'px', top: pos.y+'px'});

	$$('ul.menu').without (menuElem).each (function (m) {
		new Effect.BlindUp (m, {duration: 0.25});
	});

	new Effect.toggle (menuElem, 'blind', {duration: 0.5});
}

function changeNews () {
	var news = $('newsContent');

	if (changeNews.timeoutId)
		clearTimeout (changeNews.timeoutId);

	new Effect.Opacity (news, {queue: {position: 'end', scope: 'newsScope'}, from: 1, to: 0.25, duration: 0.5});

	new Ajax.Request ('./news.php', {onComplete: function (response) {
		var json = response.responseJSON;

		if (json.code == 1) {
			new Effect.Opacity (news, {queue: {position: 'end', scope: 'newsScope'}, from: 0.25, to: 1, duration: 0.5, afterSetup: function () {
				$(news).update (json.content);
			}});
			changeNews.timeoutId = changeNews.delay (json.duration);
		}
	}});
}

function linkToLookFor (event) {
	Event.stop (event);

	$('product').value = event.findElement ().innerHTML;

	submitLookFor ();
}

function submitLookFor () {
	$('lookfor').submit ();
}

function validLookFor (event) {
	if ($('product').value.length < 2) {
		Event.stop (event);

		alert ('Le nom du produit doit comporter 2 caractères minimum');
	}
}