$(document).ready(function(){
	$(function() {
		$(".anyClass").jCarouselLite({
			btnNext: ".next",
			btnPrev: ".prev",
			circular: true,
			auto: 2000,
			speed: 3000
		});
	});	
	$("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 4700, true);  
	$("#featured").hover(  
		function() {  
			$("#featured").tabs("rotate",0,true);  
		},  
		function() {  
			$("#featured").tabs("rotate",4700,true);  
		}  
	);
	
});

function anim1() {
	document.getElementById('cat1').src='images/marine-ssmenu-ong1-b.jpg';
	document.getElementById('cat2').src='images/marine-ssmenu-ong2.jpg';
	document.getElementById('cat3').src='images/marine-ssmenu-ong3.jpg';
	document.getElementById('cat4').src='images/marine-ssmenu-ong4.jpg';
	document.getElementById('cat5').src='images/marine-ssmenu-ong5.jpg';
	document.getElementById('cat6').src='images/marine-ssmenu-ong6.jpg';
	$("#sous1").animate({width: "45px"}, 10, function() {
		$("#sous2").animate({width: "45px"}, 10, function() {
			$("#sous3").animate({width: "45px"}, 10, function() {	
				$("#sous4").animate({width: "45px"}, 10, function() {
					$("#sous5").animate({width: "45px"}, 10, function() {	
						$("#sous6").animate({width: "45px"}, 10, function() {
							$("#ss_menu").animate({borderWidth: "0px", width: "0px", height: "0px"}, 10, function() {	
								$("#ss_menu").animate({width: "938px", height: "250px", border: "1px solid #000000"}, 1000, function() {
									$("#sous1").animate({width: "710px"}, 1500
									);
								});
							});
						});
					});
				});
			});
		});
	});	
}
function anim2() {
	document.getElementById('cat1').src='images/marine-ssmenu-ong1.jpg';
	document.getElementById('cat2').src='images/marine-ssmenu-ong2-b.jpg';
	document.getElementById('cat3').src='images/marine-ssmenu-ong3.jpg';
	document.getElementById('cat4').src='images/marine-ssmenu-ong4.jpg';
	document.getElementById('cat5').src='images/marine-ssmenu-ong5.jpg';
	document.getElementById('cat6').src='images/marine-ssmenu-ong6.jpg';
	$("#sous1").animate({width: "45px"},50, function() {
		$("#sous2").animate({width: "45px"},50, function() {
			$("#sous3").animate({width: "45px"},50, function() {	
				$("#sous4").animate({width: "45px"},50, function() {
					$("#sous5").animate({width: "45px"},50, function() {	
						$("#sous6").animate({width: "45px"},50, function() {
							$("#ss_menu").animate({border: "0px solid #000", width: "0px", height: "0px"}, 50, function() {	
								$("#ss_menu").animate({border: "1px solid #000", width: "938px", height: "250px"}, 1000, function() {
									$("#sous2").animate({width: "710px"},1500
									);
								});
							});
						});
					});
				});
			});
		});
	});
}
function anim3() {
	document.getElementById('cat1').src='images/marine-ssmenu-ong1.jpg';
	document.getElementById('cat2').src='images/marine-ssmenu-ong2.jpg';
	document.getElementById('cat3').src='images/marine-ssmenu-ong3-b.jpg';
	document.getElementById('cat4').src='images/marine-ssmenu-ong4.jpg';
	document.getElementById('cat5').src='images/marine-ssmenu-ong5.jpg';
	document.getElementById('cat6').src='images/marine-ssmenu-ong6.jpg';
	$("#sous1").animate({width: "45px"},50, function() {
		$("#sous2").animate({width: "45px"},50, function() {
			$("#sous3").animate({width: "45px"},50, function() {	
				$("#sous4").animate({width: "45px"},50, function() {
					$("#sous5").animate({width: "45px"},50, function() {	
						$("#sous6").animate({width: "45px"},50, function() {
							$("#ss_menu").animate({border: "0px solid #000", width: "0px", height: "0px"}, 50, function() {	
								$("#ss_menu").animate({border: "1px solid #000", width: "938px", height: "250px"}, 1000, function() {
									$("#sous3").animate({width: "710px"},1500
									);
								});
							});
						});
					});
				});
			});
		});
	});
}
function anim4() {
	document.getElementById('cat1').src='images/marine-ssmenu-ong1.jpg';
	document.getElementById('cat2').src='images/marine-ssmenu-ong2.jpg';
	document.getElementById('cat3').src='images/marine-ssmenu-ong3.jpg';
	document.getElementById('cat4').src='images/marine-ssmenu-ong4-b.jpg';
	document.getElementById('cat5').src='images/marine-ssmenu-ong5.jpg';
	document.getElementById('cat6').src='images/marine-ssmenu-ong6.jpg';
	$("#sous1").animate({width: "45px"},50, function() {
		$("#sous2").animate({width: "45px"},50, function() {
			$("#sous3").animate({width: "45px"},50, function() {	
				$("#sous4").animate({width: "45px"},50, function() {
					$("#sous5").animate({width: "45px"},50, function() {	
						$("#sous6").animate({width: "45px"},50, function() {
							$("#ss_menu").animate({border: "0px solid #000", width: "0px", height: "0px"}, 50, function() {	
								$("#ss_menu").animate({border: "1px solid #000", width: "938px", height: "250px"}, 1000, function() {
									$("#sous4").animate({width: "710px"},1500
									);
								});
							});
						});
					});
				});
			});
		});
	});
}
function anim5() {
	document.getElementById('cat1').src='images/marine-ssmenu-ong1.jpg';
	document.getElementById('cat2').src='images/marine-ssmenu-ong2.jpg';
	document.getElementById('cat3').src='images/marine-ssmenu-ong3.jpg';
	document.getElementById('cat4').src='images/marine-ssmenu-ong4.jpg';
	document.getElementById('cat5').src='images/marine-ssmenu-ong5-b.jpg';
	document.getElementById('cat6').src='images/marine-ssmenu-ong6.jpg';
	$("#sous1").animate({width: "45px"},50, function() {
		$("#sous2").animate({width: "45px"},50, function() {
			$("#sous3").animate({width: "45px"},50, function() {	
				$("#sous4").animate({width: "45px"},50, function() {
					$("#sous5").animate({width: "45px"},50, function() {	
						$("#sous6").animate({width: "45px"},50, function() {
							$("#ss_menu").animate({border: "0px solid #000", width: "0px", height: "0px"}, 50, function() {	
								$("#ss_menu").animate({border: "1px solid #000", width: "938px", height: "250px"}, 1000, function() {
									$("#sous5").animate({width: "710px"},1500
									);
								});
							});
						});
					});
				});
			});
		});
	});
}
function anim6() {
	document.getElementById('cat1').src='images/marine-ssmenu-ong1.jpg';
	document.getElementById('cat2').src='images/marine-ssmenu-ong2.jpg';
	document.getElementById('cat3').src='images/marine-ssmenu-ong3.jpg';
	document.getElementById('cat4').src='images/marine-ssmenu-ong4.jpg';
	document.getElementById('cat5').src='images/marine-ssmenu-ong5.jpg';
	document.getElementById('cat6').src='images/marine-ssmenu-ong6-b.jpg';
	$("#sous1").animate({width: "45px"},10, function() {
		$("#sous2").animate({width: "45px"},10, function() {
			$("#sous3").animate({width: "45px"},10, function() {	
				$("#sous4").animate({width: "45px"},10, function() {
					$("#sous5").animate({width: "45px"},10, function() {	
						$("#sous6").animate({width: "45px"},10, function() {
							$("#ss_menu").animate({border: "0px solid #000", width: "0px", height: "0px"}, 10, function() {	
								$("#ss_menu").animate({border: "1px solid #000", width: "938px", height: "250px"}, 10, function() {
									$("#sous6").animate({width: "710px"},10
									);
								});
							});
						});
					});
				});
			});
		});
	});
}
function fermer() {
	$("#sous1").animate({width: "45px"},50, function() {
		$("#sous2").animate({width: "45px"},50, function() {
			$("#sous3").animate({width: "45px"},50, function() {	
				$("#sous4").animate({width: "45px"},50, function() {
					$("#sous5").animate({width: "45px"},50, function() {	
						$("#sous6").animate({width: "45px"},50, function() {
							$("#ss_menu").animate({border: "0px solid #000", width: "0px", height: "0px"}, 50
							);
						});
					});
				});
			});
		});
	});
}