$(function() { $(".carousel .menu").each(function() { if ($(this).siblings(".billboard").html() != null) { $(this).animate({opacity:1}, 1000, function() { $(this).children().children("li").click(function() { if ($(this).prev().hasClass("isOn")) { $(this).parent().parent().siblings(".control").children("a.next").click(); } if ($(this).next().hasClass("isOn")) { $(this).parent().parent().siblings(".control").children("a.prev").click(); } }).not(".isOn").css("cursor","pointer"); $(this).children().children("li").not(".isOn").css("opacity", 0.5); $(this).children().children("li").not(".isOn").find("a.lm").hide(); $(this).after(''); $(this).siblings(".control").hide().css("visibility","visible").fadeIn(300, function() { $(this).children(".next").click(); $(this).siblings(".bg-menu").fadeIn(100, function() { $(".carousel .billboard").children("div").css("top", 0).hide(); $(".carousel .billboard").children("div.isOn").fadeIn(400); $(".carousel .billboard").css("overflow","visible"); }); }); }); } }); }); $(".carousel .control a").click(function() { var speed = 500; var $menu = $(this).parent().siblings(".menu").children("ul"); var $menuIsOn = $menu.children(".isOn"); var menuLIwidth = $menu.children(".isOn").outerWidth(true); var $bb = $(this).parent().siblings(".billboard"); var $bbIsOn = $bb.children(".isOn"); if (!$menu.is(":animated")) { if ($bb.html() != null) { $menuIsOn.animate({ opacity: 0.5 }, speed).css("cursor","pointer").find("a.lm").fadeOut(speed); } $menuIsOn.removeClass("isOn"); if ($(this).hasClass("next")) { if ($menuIsOn.next().next("li").html() == null) { $menu.children("li").hide(); $menu.children("li:first").appendTo($menu); $menu.animate({ left: '+=' + menuLIwidth + 'px' }, 1, function() { $menu.children("li").show(); }); } $bbIsOn.fadeOut(speed).removeClass("isOn"); if ($bbIsOn.next("div").html() == null) $bb.children("div:first").fadeIn(speed).addClass("isOn"); else $bbIsOn.next("div").fadeIn(speed).addClass("isOn"); $menuIsOn.next("li").animate({ opacity: 1 }, speed).addClass("isOn"); if ($bb.html() != null) $menuIsOn.next("li").css("cursor","default").find("a.lm").fadeIn("slow"); $menu.animate({ left: '-=' + menuLIwidth + 'px' }, speed); } if ($(this).hasClass("prev")) { if ($menuIsOn.prev().prev("li").html() == null) { $menu.children("li").hide(); $menu.children("li:last").prependTo($menu); $menu.animate({ left: '-=' + menuLIwidth + 'px' }, 1, function() { $menu.children("li").show(); }); } $bbIsOn.fadeOut(speed).removeClass("isOn"); if ($bbIsOn.prev("div").html() == null) $bb.children("div:last").fadeIn(speed).addClass("isOn"); else $bbIsOn.prev("div").fadeIn(speed).addClass("isOn"); $menuIsOn.prev("li").animate({ opacity: 1 }, speed).addClass("isOn"); if ($bb.html() != null) $menuIsOn.prev("li").css("cursor","default").find("a.lm").fadeIn("slow"); $menu.animate({ left: '+=' + menuLIwidth + 'px' }, speed); } } });