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()
{
	$$('#catalogue a').addEvent('mouseenter', function(e) { 
		this.getParent().setStyle('background-color', '#000000');
		this.getElement('span').setStyle('visibility', 'visible');
	});

	$$('#catalogue a').addEvent('mouseleave', function(e) {
		this.getParent().setStyle('background-color', '#ffffff');
		this.getElement('span').setStyle('visibility', 'hidden');
	});

	$$('div.product').addEvent('click', function(e) {
		loadPopup(this.getElement('a').get('href') );
		return false;
	});

	$$('div.product a').addEvent('click', function(e) {
		loadPopup(this.href);
		return false;
	});
}