$jQueryCarouselLite(function() {
    $jQueryCarouselLite(".main .jCarouselLite").jCarouselLite({
        btnNext: ".main .next",
        btnPrev: ".main .prev",
        speed: 500,
        easing: "easeinout"
    });       
    
    $jQueryCarouselLite("#jCarouselLiteDemo").tabs();
    
    $jQueryCarouselLite("a.tabClient").click(function() {
        $jQueryCarouselLite("#jCarouselLiteDemo").triggerTab($jQueryCarouselLite(this).attr("href").substring(1));
        $jQueryCarouselLite("#header").ScrollTo(1);
        return false;
    });
    
    $jQueryCarouselLite("a.demo").click(function() {
    
        $jQueryCarouselLite(this).parents("ul").find("a").removeClass("selected");
        $jQueryCarouselLite(this).addClass("selected");
        
        var demo = $jQueryCarouselLite("#demo"), loading = $jQueryCarouselLite("#loadingDemo");
        
        $jQueryCarouselLite("#jCarouselLiteDemo").triggerTab(5);
        demo.show(); // this is because triggerTab takes time to trigger the demo
        $jQueryCarouselLite("#demo, #demo .carousel, #demo .jCarouselLite").css("visibility", "hidden");
        loading.show();
        
        var url = "include/jCarouselLiteDemo/"+this.id+".php"
        demo.load(url, function() {
            demo.css("visibility", "visible");
            loading.hide();
        });
        $jQueryCarouselLite("#header").ScrollTo(1);
        return false;

    });
});