window.addEvent('domready', function() {
	var catIndex = $('catIndex').getProperty('class').toInt();
	
	var myAccordion = new Accordion($('accordionLeft'), 'li.toggler', 'ul.subMenu', { 
		opacity: false,
		display: catIndex,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#444');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#666');
		}
	});

	
	// Main Page Gallery funcionality
	
//	var cats = $('li.toggler');
	var catsL = $$('li.catTogglerL');
	var imgL = $$('.catImageL');
	var catsR = $$('li.catTogglerR');
	var imgR = $$('.catImageR');
	
	$$('#catImageDisL img').fade('hide');
	$$('#catImageDisR img').fade('hide');
	$$('#catImageDisL').getElement('img').fade('show');
	$$('#catImageDisR').getElement('img').fade('show');
	
	var associatedLeft = catsL.associate(imgL);
	catsL.each(function(cat, id){
	    cat.addEvents({
	        mouseover: function(){
	            imgL.fade('hide');
	            imgL[id].fade('show');
	        }
	    });
	});
	
	var associatedRight= catsR.associate(imgR);
	catsR.each(function(cat, id){
	    cat.addEvents({
	        mouseover: function(){
	            imgR.fade('hide');
	            imgR[id].fade('show');
	        }
	    });
	});
});