window.addEvent('domready', function() {
  //this is bad coding i should fix!!!!!!!!!!!!!!!! works though and time is money!!!!
   var list = $$('div#service_steps'  );
list.each(function(element) {

	var fx = new Fx.Styles(element, {duration:350, wait:false});
	element.addEvent('mouseenter', function(){
		fx.start({
			'width': '810px',
			'height': '422px'
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({							
			'width': '160px',			
			'height': '140px'
		});
	});
 
});


  var list = $$('div#inside_service_steps' );
list.each(function(element) {

	var fx = new Fx.Styles(element, {duration:800, wait:false});
	element.addEvent('mouseenter', function(){
		fx.start({
	'opacity': '0'
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
	'opacity': '1.0'
		});
	});
 
});





});