var $jQ = jQuery.noConflict();

$jQ(document).ready(function() {
    $jQ(".scrollable .overlay, .scrollable .overlay .tagline").hide();

    var firstSplashItem = $jQ(".scrollable .items:first-child .overlay");
    $jQ(firstSplashItem).fadeIn(300);
    $jQ(firstSplashItem).children(".heading").jTypeWriter({duration:2});
    $jQ(firstSplashItem).children(".tagline").fadeIn(500);

    $jQ(".scrollable").scrollable({
        vertical: true,
        mousewheel: false,
        circular: true,
        onBeforeSeek: function() {
            var currentItem = this.getItems().eq(this.getIndex());
            $jQ(currentItem).children(".overlay").fadeOut(300);
            $jQ(currentItem).find(".overlay > .heading").fadeOut(300);
            $jQ(currentItem).find(".overlay > .tagline").fadeOut(300);
        },
        onSeek: function() {
            var currentItem = this.getItems().eq(this.getIndex());
            $jQ(currentItem).children(".overlay").fadeIn(300);
            $jQ(currentItem).find(".overlay > .heading").show().delay(100).jTypeWriter({duration:2});
            $jQ(currentItem).find(".overlay > .tagline").delay(200).fadeIn(500);
        }
    }).autoscroll(5000);

    $jQ("ul.newsticker").liScroll();
});;