var clientOpened = null;


function applyClick(cn, item){
	cn.addEvent( 'click', function(){ 
	    
		  if(item.slider == undefined){
			    var thisSlider = new Fx.Slide( item.getElement( '.clientInfo' ), { duration: 500 } );
			    item.getElement( '.clientInfo' ).setStyle('display', 'block');
			  	item.slider = thisSlider;
			  	thisSlider.hide();
		    } else {
		        
		    }
		    item.slider.toggle(); 
		    // close others
		    if(clientOpened != null && clientOpened != item){
		    	var con = clientOpened.getElement( '.clientName' );
		    	
			    clientOpened.slider.slideOut();
			    con.removeClass('act');
			    var alt = con.getProperty('alt');
			    if(alt != ""){
			       	var currText = con.get('text');
			       	con.setProperty('alt', currText);
			       	con.set('text', alt);
			    }
			    
		    }
		  
	      // add the act class
	      if (item.getElement( '.clientName' ).hasClass('act')) {
	        cn.removeClass('act');
	        
	        var alt = cn.getProperty('alt');
	        if(alt != ""){
	        	var currText = cn.get('text');
	        	cn.setProperty('alt', currText);
	        	cn.set('text', alt);
	        }
	      } else {
	        cn.addClass('act');
	        var alt = cn.getProperty('alt');
	        if(alt != ""){
	        	var currText = cn.get('text');
	        	cn.setProperty('alt', currText);
	        	cn.set('text', alt);
	        }
	      }
	      
	      // store opened
	      if(clientOpened == item){
	      	clientOpened = null;
	      } else {
			clientOpened = item;
	      }
	    });
}


function clientInfoToggle(){
  // for each toggleNest
  var ccs = $$( '.clientContainer' );

  ccs.each(function(item){
  		if(item.handled) return;
  		item.handled = true;
  		var cn = item.getElement( '.clientName' );
  		
  		cn.addClass('clickable');
	    applyClick(cn, item);
  });
}



window.addEvent( 'domready', clientInfoToggle);
//FastInit.addOnLoad(clientInfoToggle);