window.addEvent('domready', function() {
							 
				var navs=$$(".navigation");
				var elmnts=$$(".column");
					var heights_big=new Array();
					var heights_small=new Array();
					var b=510;
					var s=b-60;
					var bb=700;
					var ss=bb-60;
				if (navs.length==elmnts.length)
				{
				elmnts.each(function(el,index) {
									 var f=el.getElement("div[class='text']");
									 if (index%2==0)
									 {
										
									 heights_big.push(el.getSize().y);
									 el.setStyle('height','155px');
									 
									 if (f)
									 {
										  heights_small.push(f.getSize().y);
										f.setStyle('height','50px'); 
									 }
									 }
									 else {
									
									 heights_big.push(el.getSize().y);
									 el.setStyle('height','155px');
									
										 el.setStyle('width',b+'px'); 
									 if (f)
									 {
										  heights_small.push(f.getSize().y);
										f.setStyle('height','47px');
										 f.setStyle('width',s+'px'); 
									 }	 
									 }
									 });
				navs.each(function(el,index)
								   {
									   var elm=elmnts[index];
									   
									   var f=elm.getElement("div[class='text']");
									   var morph1 = new Fx.Morph(elm,{
																 onComplete: function(){
       
		foot($("footer"));
    }});
									   morph1.addEvents({
													complete:function(e){
													var f=e.getElement('a[class^="navigation"]');
													if (f)
													{
													f.toggleClass('navigation_moved');	
													}
													}
														});
									   var morph2 = new Fx.Morph(f);
									    if (index%2==0)
									   {
									   if (heights_big[index]>155)
									   {
									  
									   el.addEvent('click', function(){
																	 
									 if (f)
									 {
										 
										 
										 
										 if (el.hasClass('navigation_moved'))
										 {
										 morph2.start({
    'height': 50
     
});
										 morph1.start({
    'height':155 
     
});
										 }
										 else {
											 morph2.start({
    'height': heights_small[index] 
     
}); morph1.start({
    'height':heights_big[index]+30 
     
});
										
										 }
										 
										
										 
									 }
		
		return false; // alternative syntax to stop the event
	});
									   
									     }
								    else {
					 
									el.setStyle("display","none");   
								   }
									   }
									   else {
										   
										    el.addEvent('click', function(){
																	 
									 if (f)
									 
									 {
										 
										 if (el.hasClass('navigation_moved'))
										 {
										 morph2.start({ 'height': 47,'width':s});
										morph1.start({
    'height': 155,
	'width':b
     
}); 
										 }
										 else {
											 
											  morph2.start({ 'height': heights_small[index],'width':ss});
										morph1.start({
    'height': heights_big[index]+30,
	'width':bb
     
}); 
											 
										 }
										 
									 }
		
		return false; // alternative syntax to stop the event
	});
										   
										   
									   }
									   
								 
								  
								   }
								  
								   
								   );
				
				}
				 
				
	
								foot($("footer"));	 
									 
									 });