$$('.ref li').addEvents({
		mouseenter:function(){
		$(this).getElements('img.ref_img_1').set('morph', {
				duration: 1000,
				transition: 'expo:out'
			}).morph({'opacity': 0});	
		$(this).getElements('div.titre').set('morph', {
				duration: 1000,
				transition: 'expo:out'
			}).morph({'bottom': '-175px'});


		},	
		mouseleave: function(){
		$(this).getElements(' img.ref_img_1').set('morph', {
				duration: 700,
				transition: 'expo:out'
			}).morph({'opacity': 1});	
		$(this).getElements('div.titre').set('morph', {
				duration: 500,
				transition: 'expo:out'
			}).morph({'bottom': '5px'});

		}
	});
	
	
	var cur_slide=0;
$('dot_1').addEvents({click: function(){$$('.ref_img_dot li').removeClass('hover'); this.addClass('hover'); $$('.home_ref_con').set('morph', {duration: 500,transition: 'expo:out'}).morph({'top': '0px'});	 cur_slide=0; }	});
$('dot_2').addEvents({click: function(){$$('.ref_img_dot li').removeClass('hover'); this.addClass('hover'); $$('.home_ref_con').set('morph', {duration: 500,transition: 'expo:out'}).morph({'top': '-556px'}); cur_slide=1;	 }	});
$('dot_3').addEvents({click: function(){$$('.ref_img_dot li').removeClass('hover'); this.addClass('hover'); $$('.home_ref_con').set('morph', {duration: 500,transition: 'expo:out'}).morph({'top': '-1112px'}); cur_slide=2;	 }	});
$('dot_4').addEvents({click: function(){$$('.ref_img_dot li').removeClass('hover'); this.addClass('hover'); $$('.home_ref_con').set('morph', {duration: 500,transition: 'expo:out'}).morph({'top': '-1668px'}); cur_slide=3;	 }	});
$('arrow_top').addEvents({click: function(){
	 if(cur_slide==0){cur_slide=3;}else{cur_slide = cur_slide-1;}
	 var new_pos = ((cur_slide*556)*-1);
	 var dot = cur_slide+1;
	 $$('.ref_img_dot li').removeClass('hover');
	 $('dot_'+dot).addClass('hover');
	 $$('.home_ref_con').set('morph', {duration: 500,transition: 'expo:out'}).morph({'top': new_pos}); }	 
	 });  
$('arrow_bottom').addEvents({click: function(){
	 if(cur_slide==3){cur_slide=0;}else{cur_slide = cur_slide+1;}
	 var new_pos = ((cur_slide*556)*-1);
	 var dot = cur_slide+1;
	 $$('.ref_img_dot li').removeClass('hover');
	 $('dot_'+dot).addClass('hover');
	 $$('.home_ref_con').set('morph', {duration: 500,transition: 'expo:out'}).morph({'top': new_pos}); }	 
	 });