//--Appels des librairies annexes
dojo.require("dojo.fx");
dojo.require("dojo.fx.easing");

//==============================================================
dojo.ready(function(){
//==============================================================
	
	var li1 = dojo.byId("li1"),
		li2 = dojo.byId("li2"),
		li3 = dojo.byId("li3"),
		li4 = dojo.byId("li4"),
		li5 = dojo.byId("li5"),
		titre = dojo.byId("titre");
		
	dojo.connect(li1, "onmouseover", function(evt) {
		dojo.animateProperty({ easing: dojo.fx.easing.bounceOut, duration: 400, node: li1, properties: {top: -8, opacity: .75, backgroundColor: "#ccc", color: "#666"} }).play();
	});
	dojo.connect(li1, "onmouseout", function(evt) {
		dojo.animateProperty({ easing: dojo.fx.easing.bounceOut, duration: 400, node: li1, properties: {top: -33, opacity: .5, backgroundColor: "#4e4e4e", color: "#fff"} }).play();
	});
	
	dojo.connect(li2, "onmouseover", function(evt) {
		dojo.animateProperty({ easing: dojo.fx.easing.bounceOut, duration: 400, node: li2, properties: {top: -8, opacity: .75, backgroundColor: "#ccc", color: "#666"} }).play();
	});
	dojo.connect(li2, "onmouseout", function(evt) {
		dojo.animateProperty({ easing: dojo.fx.easing.bounceOut, duration: 400, node: li2, properties: {top: -33, opacity: .5, backgroundColor: "#4e4e4e", color: "#fff"} }).play();
	});
	
	dojo.connect(li3, "onmouseover", function(evt) {
		dojo.animateProperty({ easing: dojo.fx.easing.bounceOut, duration: 400, node: li3, properties: {top: -8, opacity: .75, backgroundColor: "#ccc", color: "#666"} }).play();
	});
	dojo.connect(li3, "onmouseout", function(evt) {
		dojo.animateProperty({ easing: dojo.fx.easing.bounceOut, duration: 400, node: li3, properties: {top: -33, opacity: .5, backgroundColor: "#4e4e4e", color: "#fff"} }).play();
	});
	
	dojo.connect(li4, "onmouseover", function(evt) {
		dojo.animateProperty({ easing: dojo.fx.easing.bounceOut, duration: 400, node: li4, properties: {top: -8, opacity: .75, backgroundColor: "#ccc", color: "#666"} }).play();
	});
	dojo.connect(li4, "onmouseout", function(evt) {
		dojo.animateProperty({ easing: dojo.fx.easing.bounceOut, duration: 400, node: li4, properties: {top: -33, opacity: .5, backgroundColor: "#4e4e4e", color: "#fff"} }).play();
	});
	
	dojo.connect(li5, "onmouseover", function(evt) {
		dojo.animateProperty({ easing: dojo.fx.easing.bounceOut, duration: 400, node: li5, properties: {top: -8, opacity: .75, backgroundColor: "#ccc", color: "#666"} }).play();
	});
	dojo.connect(li5, "onmouseout", function(evt) {
		dojo.animateProperty({ easing: dojo.fx.easing.bounceOut, duration: 400, node: li5, properties: {top: -33, opacity: .5, backgroundColor: "#4e4e4e", color: "#fff"} }).play();
	});
	
	
});