jQuery(function($) {

	var initJCarousel = function(){
		$(".jCarouselLite").html($(".jCarouselLite").html());
		var par = $(".jCarouselLite").parent().parent();
		var w = par.width()-48;

		$(".jCarouselLite").css('width', w);
		$(".jCarouselLite LI").css('width', Math.floor(w/3));
		$(".jCarouselLite").jCarouselLite({
		auto: 4000,
		speed: 2000
		});       
	}

	initJCarousel();
	window.onresize = initJCarousel;
    
    $("#jCarouselLiteDemo").tabs();
    
    $("a.tabClient").click(function() {
        $("#jCarouselLiteDemo").triggerTab($(this).attr("href").substring(1));
        $("#header").ScrollTo(1);
        return false;
    });
    
    $("a.demo").click(function() {
    
        $(this).parents("ul").find("a").removeClass("selected");
        $(this).addClass("selected");
        
        var demo = $("#demo"), loading = $("#loadingDemo");
        
        $("#jCarouselLiteDemo").triggerTab(5);
        demo.show(); // this is because triggerTab takes time to trigger the demo
        $("#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();
        });
        $("#header").ScrollTo(1);
        return false;

    });
});