window.addEvent('domready', function() {







var list = $$('#list .creatorName');



list.each(function(element) {

 

	//var fx = new Fx.Styles(element, {duration:200, wait:false});

	var fx = new Fx(element, {duration:200, wait:false});

 

	element.addEvent('mouseenter', function(){

											

		fx.start({

			//'border-bottom' : '3px solid #666666',	 

			'padding-left': 20

			/*'background-color': '#1d1d20',*/

			/*color: '#ff8'*/

		});

	});

 

	element.addEvent('mouseleave', function(){

		fx.start({

			'margin-left': 0

			/*background-color': '#000000'*/

			/*'color': '#888'*/

		});

	});

 

});







//recupere la categorie en cours pour avoir le bon onglet d'ouvert

if($$('.categoryTitle')){

//get the current category

//var brand = $('catProducts').getChildren();
var brand = $$('.categoryTitle').get('text');
//alert(brand);

//brand = brand[0].innerHTML;





//recupere le numéro de brand
var numBrand = $$('.creatorName');

for(var i = 1; i < numBrand.length; i++){

	//var tester = numBrand[i].innerHTML;	
	var tester = numBrand[i].get('text');	
	//alert(numBrand[1].get('text'));
	var currentNum =-1;
	if(tester == brand){

		var current = tester;

		currentNum = i;

		

		break;

	}


}



 var accordion = new Accordion($$('.creatorName'),$$('.subCat'), {  

     opacity: 0,  

     onActive: function(toggler) { toggler.setStyle('color', '#ffffff'); }, 

	 show:currentNum,
	 alwaysHide:true,

     onBackground: function(toggler) { toggler.setStyle('color', '#999999'); }  

 });  

   

 //make it open on hover  

 //$$('.creatorName').addEvent('mouseenter', function() { this.fireEvent('click')});  



}//end If

else{

	

	 var accordion = new Accordion($$('.creatorName'),$$('.subCat'), {  

     opacity: 0,  

     onActive: function(toggler) { toggler.setStyle('color', '#ffffff'); }, 

	 /*onComplete: function(){
        this.display.delay(2500, this);
    },*/


     onBackground: function(toggler) { toggler.setStyle('color', '#999999'); }  

 });  

	

	//make it open on hover  

 //$$('.creatorName').addEvent('mouseenter', function(){ this.fireEvent('click')});  

	



}



/*

//desactive les sous menu



var list = $$('#idList ul.subCat');



list.each(function(element) {

	element.setStyle('display', 'none'); //The width is now 300px.

});





//afecte a chaque truc un machin



var list = $$('#idList li.menu');





list.each(function(element) {

 

	//var fx = new Fx.Styles(element, {duration:200, wait:false});

 	var subCat = element.getNext();

	element.addEvent('mouseenter', function(){

										

		 subCat.setStyle('display', 'block'); //The width is now 300px.

	});

	element.addEvent('mouseleave', function(){

					 subCat.setStyle('display', 'none'); //The width is now 300px.

	});							

 





 

});

*/









});