window.addEvent('domready', function() {	
	new ScaleImages($('other_images'));
});



var ScaleImages = new Class(
{

	initialize: function(target){		
		
		if (!target) return;
		
		this.img_containers = $$('.img');
		
		
		
		
	 	this.img_containers.each(function(cont){	
	 		
				cont.img = cont.getElement('img');
				
					cont.effects = new Fx.Morph(cont.img,{duration: 350, transition: Fx.Transitions.Sine.easeInOut});
		
					cont.img.addEvent('click', function(){							
						cont.effects.cancel();
						
						if (cont.isopen != true){
							cont.effects.start({ 'width': 394 });				
							cont.isopen = true;
						}else{
							cont.effects.start({ 'width': 122 });				
							cont.isopen = false;
						}

						//console.log("TARGET: "+cont.img);
					}.bind(this));


		}.bind(this));  	
	} 
			
});// end class