window.addEvent('domready', function() {
	
	changeCategorie = function(url)
	{
		$('tg_catalogue').set('html', '<div style="width: 672px; height: 402px; border: 1px solid #B3B3B3; background: url(\'/templates/vision-deco/images/ajax-loader.gif\') no-repeat center center;">&nbsp;</div>');
		var request = new Request.JSON({
			url: url + '?ajax=1',
			onComplete: function(data) {
				$('bt1').set('html', data.bt1);
				$('tg_catalogue').set('html', '<div id="catalogue">' + data.content + '</div>');
				$('bt2').set('html', data.bt2);
				
				showBackgrounds();
			}
		}).post();
	}

	
	showBackgrounds();
});

function showBackgrounds()
{
	$$('#vignettes a').addEvent('mouseenter', function(e) { 
		this.setStyle('background-color', '#261D17');
		this.getElement('span').setStyle('visibility', 'visible');
		// this.getElement('a').setStyle('visibility', 'visible');
		// this.getElement('img.img_prod').setStyle('visibility', 'hidden');
	});

	$$('#vignettes a').addEvent('mouseleave', function(e) {
		this.setStyle('background', 'none');
		this.getElement('span').setStyle('visibility', 'hidden');
		// this.getElement('a').setStyle('visibility', 'hidden');
		// this.getElement('img.img_prod').setStyle('visibility', 'visible');
	});
}