// slider.js


var s= {
	
	pic1 : 0,
	pic2 : -185,
	pic3 : -370,
	con : '',
	
	setOn: function(){
		s.con.set('tween', {duration:300, transition:'sine:out', link:'cancel'} );
	},
	
	setOff: function(){
		s.con.set('tween', {duration:500, transition:'bounce:out', link:'cancel'});
	},
	
	overLeft: function(){
		s.setOn();
		s.con.tween('margin-left', s.pic1);
	},
	
	overRight: function(){
		s.setOn();
		s.con.tween('margin-left', s.pic3);
	},
	
	off: function(){
		s.setOff();
		s.con.tween('margin-left', s.pic2);
	},
		
	
	init: function(){
		var imgs = $$('#gulet-imgs img');
		s.con = $('gulet-imgs');
		imgs[0].addEvent('mouseover', s.overLeft);
		imgs[2].addEvent('mouseover', s.overRight);
		s.con.addEvent('mouseout', s.off);
		s.off();
	}
}