// JavaScript Document

$(document).ready(function () {

/*Menu A*/
$(".menu .menu_liste li a").mouseover(function () {
$(this).stop().animate({ fontSize: "18px", paddingLeft: "15px" }, 100 );
});

$(".menu .menu_liste li a").mouseout(function () {
$(this).stop().animate({ fontSize: "12px", paddingLeft: "4px" }, 100 );
});

/*Menu B*/
$(".menu1 .menu1_liste li a").mouseover(function () {
$(this).css("background-color","#FFFFFF");
$(this).stop().animate({ paddingLeft: "20px" }, 500 );
});

$(".menu1 .menu1_liste li a").mouseout(function () {
$(this).css("background-color","#ECEFF5");
$(this).stop().animate({ paddingLeft: "4px" }, 500 );
});

/*Menu C*/
$(".sliding-element a").mouseover(function () {
$(this).stop().animate({ marginLeft: "20px" }, 500 );
});

$(".sliding-element a").mouseout(function () {
$(this).stop().animate({ marginLeft: "0px" }, 500 );
});

/*Menu D*/
$(".menu2 .menu2_liste li a").mouseover(function () {
$(this).css("background-color","#666666");
$(this).stop().animate({ paddingLeft: "60px" }, 50 );
});

$(".menu2 .menu2_liste li a").mouseout(function () {
$(this).css("background-color","#484848");
$(this).stop().animate({ paddingLeft: "4px" }, 50 );
});


/*Menu E*/
$(".sliding-element1 a").mouseover(function(){
	$(this).stop().animate({width:'250px'},{queue:false, duration:600, easing: 'easeOutBounce'});
});

$(".sliding-element1 a").mouseout(function(){
	$(this).stop().animate({width:'148px'},{queue:false, duration:600, easing: 'easeOutBounce'});
});


/*Menu F*/
$(".sliding-element2 a").mouseover(function(){
	$(this).stop().animate({height:'60px'},{queue:false, duration:600, easing: 'easeOutBounce'});
	$("div",this).css("display", "block");
});

$(".sliding-element2 a").mouseout(function(){
	$(this).stop().animate({height:'15px'},{queue:false, duration:600, easing: 'easeOutBounce'});
});

/*Menu G*/
$("#sliding-navigation3 ul li a").mouseover(function(){
		$(this).stop().animate({paddingLeft: '20px'},50);
		$(this).css({'background-color' : '#D96528'});
});

$("#sliding-navigation3 ul li a").mouseout(function(){
	$(this).stop().animate({paddingLeft: '40px'},50);
	$(this).css({'background-color' : '#45B4E0'});
});

});