function homepageInit() {

	// ----------------------------------------------------------- //
	// ---------- INIT MODULE DE SILHOUETTES --------------------- //
	// ----------------------------------------------------------- //
	
	jQuery("li.silItem").attr("hover","false").each( function(index) {
	
		// Creation des menus de silhouettes dans fonctions.js
		initListMenu(jQuery("div",this), 1, jQuery("a.menuImg", this));
		
		if(jQuery("li.silItem").length == 1) {
		
			var item = jQuery(this).parent("ul");
			var menuList = jQuery("ul", this);
			
			item.bind("mouseenter", function(event) {
				event.preventDefault();
				jQuery(this).attr("hover", "true");
				menuList.stop()
					.animate({
						opacity:	1,
						width: 		jQuery("ul li:first", this).css("width"),
						height:		"80px"
					});
			}).bind("mouseleave", function(event) {
				menuList.stop()
					.animate({
						opacity:	0,
						width:		"0px",
						height:		"0px"
						
					});
			});
				
		} else if(jQuery("li.silItem").length>1) {
		
			// On calcul la position des menus de silhouettes
			var menuList = jQuery("ul", this);
				menuList.attr("yPosStart", menuList.css("bottom"));
				menuList.attr("yPosStop", (eval(menuList.attr("yPosStart").replace("px",""))-80)+"px");
				
			// Calcul des tailles des silhouettes
			var item = jQuery(this);
				item.attr("initWidth", item.css("width"));
				item.attr("hoverWidth", (eval(item.attr("initWidth").replace("px",""))+33)+"px");
				item.attr("outWidth", (eval(item.attr("initWidth").replace("px",""))-16)+"px");
				
			item.bind("mouseenter", function(event) {
			
				event.preventDefault();
				jQuery(this).attr("hover", "true");
				
				// Agrandissement de la "cellule" courante
				jQuery(this).stop()
						.animate({
							width:		jQuery(this).attr("hoverWidth")
						});
				// Redimensionnement de l image de silhouette
				jQuery("img", this).stop()
						.animate({
							height:		"150px",
							width:		"100px",
							marginTop:	"11px"
						});
				// Deplacement vers le haut des infos produit
				jQuery("div", this).stop()
						.animate({
							marginTop:	"15px"
						});
				// Animation de l apparition du menu de silhouette		
				jQuery("ul", this).stop()
						.animate({
							opacity:	1,
							width: 		jQuery("ul li:first", this).css("width"),
							height:		"80px",
							bottom:		jQuery("ul", this).attr("yPosStop")
						});
				// Redimensionnement des autres "cellules"
				jQuery("li.silItem").not(':eq('+index+')').each( function() {
				
						jQuery("img", this).stop()
						.animate({
							height:		"100px",
							width:		"67px",
							marginTop:	"36px"});
				
						jQuery(this).stop().animate({
							width:		jQuery(this).attr("outWidth")
						});
						
						jQuery("div",this).stop().animate({
							marginTop:	"40px"
						});
						
						jQuery("ul",this).stop().animate({
							opacity:	0,
							width:		"0px",
							height:		"0px",
							bottom:		jQuery("ul", this).attr("yPosStart")
						});
						
				});
						
			})
			
			var listLength = eval(jQuery("li.silItem").length)-1;
		
			jQuery("ul.silList li.silItem").each( function( index ) {
			
					if(index!=listLength) {
					
						jQuery("img", this).stop()
							.animate({
								height:		"100px",
								width:		"67px",
								marginTop:	"36px"});
					
						jQuery(this).stop().animate({
							width:		jQuery(this).attr("outWidth")
						});
						
						jQuery("div",this).stop().animate({
							marginTop:	"40px"
						});
						
						jQuery("ul",this).stop().animate({
							opacity:	0,
							width:		"0px",
							height:		"0px",
							bottom:		jQuery("ul", this).attr("yPosStart")
						});
						
					} else {
					
						jQuery(this).attr("hover", "true");
					
						// Agrandissement de la "cellule" courante
						jQuery(this).css({
									width:		jQuery(this).attr("hoverWidth")
								});
						// Redimensionnement de l image de silhouette
						jQuery("img", this).stop()
								.animate({
									height:		"150px",
									width:		"100px",
									marginTop:	"11px"
								});
						// Deplacement vers le haut des infos produit
						jQuery("div", this).stop()
								.animate({
									marginTop:	"15px"
								});
						// Animation de l apparition du menu de silhouette		
						jQuery("ul", this).stop()
								.animate({
									opacity:	1,
									width: 		jQuery("ul li:first", this).css("width"),
									height:		"80px",
									bottom:		jQuery("ul", this).attr("yPosStop")
								});
					
					}
					
			});
			
		}
		
	});
	
	// ----------------------------------------------------------- //
	// ---------- INIT MAIN SILHOUETTE/PRODUIT ------------------- //
	// ----------------------------------------------------------- //
	
	if(jQuery(".mainBannerLayer a.menuImg").length > 0) {
	
		initListMenu(jQuery(".mainBannerLayer"), 0, jQuery(".mainBannerLayer a.menuImg"));
		
		jQuery(".mainBannerLayer").bind("mouseenter", function( event ) {
		
			jQuery("ul", this).stop()
				.animate({
					opacity:	1,
					width: 		jQuery("ul li:first", this).css("width"),
					height:		"80px"
				});
		
		}).bind("mouseleave", function( event ) {
		
			jQuery("ul", this).stop().animate({
					opacity:	0,
					width:		"0px",
					height:		"0px"
				});
		
		});
		
		jQuery("#mainBlockLayer .prodInfos *")
			.css("color", "#" + jQuery("#mainBlockLayer .mainBannerLayer .menuImg").attr("rel"));
			
			jQuery("#mainBlockLayer .prodInfos")
				.css({
					opacity:	0,
					display:	"block"
			}).animate({opacity: 1});
	}
}

/*

item.bind("mouseenter", function(event) {
			
				event.preventDefault();
				jQuery(this).attr("hover", "true");
				jQuery()
				
				// Agrandissement de la "cellule" courante
				jQuery(this).stop()
						.animate({
							width:		jQuery(this).attr("hoverWidth")
						});
				// Redimensionnement de l image de silhouette
				jQuery("img", this).stop()
						.animate({
							height:		"150px",
							width:		"100px",
							marginTop:	"11px"
						});
				// Deplacement vers le haut des infos produit
				jQuery("div", this).stop()
						.animate({
							marginTop:	"15px"
						});
				// Animation de l apparition du menu de silhouette		
				jQuery("ul", this).stop()
						.animate({
							opacity:	1,
							width: 		"120px",
							height:		"80px",
							bottom:		jQuery("ul", this).attr("yPosStop")
						});
				// Redimensionnement des autres "cellules"
				jQuery("li.silItem").not(':eq('+index+')').stop().animate({
							width:		jQuery(this).attr("outWidth")
						});
						
			}).bind("mouseleave", function(event) {
			
				event.preventDefault();
				jQuery(this).attr("hover", "false");
				jQuery("img", this).stop()
						.animate({
							height:		"100px",
							width:		"67px",
							marginTop:	"36px"});
				if(jQuery("li.silItem[hover='true']").length==0) {
					var items = jQuery("li.silItem");
					items.stop().animate({
							width:		jQuery(this).attr("initWidth")
						});
					jQuery("div",items).stop().animate({
							marginTop:	"40px"
						});
					jQuery("ul",items).stop().animate({
							opacity:	0,
							width:		"0px",
							height:		"0px",
							bottom:		jQuery("ul", this).attr("yPosStart")
						});
				}
			});

*/