$(function() {
    $(".main #jCarouselLite1").jCarouselLite({
        btnNext: ".main #next1",
        btnPrev: ".main #prev1",
        speed: 500,
        easing: "easeinout",
		scroll: 1
    });

	 $(".main #jCarouselLite2").jCarouselLite({
        btnNext: ".main #next2",
        btnPrev: ".main #prev2",
        speed: 500,
        easing: "easeinout",
		scroll: 1
    });

	$(".main #jCarouselLite3").jCarouselLite({
        btnNext: ".main #next3",
        btnPrev: ".main #prev3",
        speed: 500,
        easing: "easeinout",
		scroll: 1
    });

	$(".main #jCarouselLite4").jCarouselLite({
        btnNext: ".main #next4",
        btnPrev: ".main #prev4",
        speed: 500,
        easing: "easeinout",
		scroll: 1
    });

	$(".main #jCarouselLite5").jCarouselLite({
        btnNext: ".main #next5",
        btnPrev: ".main #prev5",
        speed: 500,
        easing: "easeinout",
		scroll: 1
    });

	$(".main #jCarouselLite6").jCarouselLite({
        btnNext: ".main #next6",
        btnPrev: ".main #prev6",
        speed: 500,
        easing: "easeinout",
		scroll: 1
    });

	$(".main #jCarouselLite7").jCarouselLite({
        btnNext: ".main #next7",
        btnPrev: ".main #prev7",
        speed: 500,
        easing: "easeinout",
		scroll: 1
    });

	$(".main #jCarouselLite8").jCarouselLite({
        btnNext: ".main #next8",
        btnPrev: ".main #prev8",
        speed: 500,
        easing: "easeinout",
		scroll: 1
    });

	$(".main #jCarouselLite9").jCarouselLite({
        btnNext: ".main #next9",
        btnPrev: ".main #prev9",
        speed: 500,
        easing: "easeinout",
		scroll: 1
    });

	$(".main #jCarouselLite10").jCarouselLite({
        btnNext: ".main #next10",
        btnPrev: ".main #prev10",
        speed: 500,
        easing: "easeinout",
		scroll: 1
    });

	$(".main #jCarouselLite11").jCarouselLite({
        btnNext: ".main #next11",
        btnPrev: ".main #prev11",
        speed: 500,
        easing: "easeinout",
		scroll: 1
    });

	$(".main #jCarouselLite12").jCarouselLite({
        btnNext: ".main #next12",
        btnPrev: ".main #prev12",
        speed: 500,
        easing: "easeinout",
		scroll: 1
    });

	$(".main #jCarouselLite13").jCarouselLite({
        btnNext: ".main #next13",
        btnPrev: ".main #prev13",
        speed: 500,
        easing: "easeinout",
		scroll: 1
    });
    
    $(".main #engLite").jCarouselLite({
        btnNext: ".main #next",
        btnPrev: ".main #prev",
        speed: 500,
		visible:2,
        easing: "easeinout",
		scroll: 1
    });

	$(".main #main_banner").jCarouselLite({
		speed: 1000,
		auto: 3000,
		vertical:'ture',
		visible:1,
		scroll: 1
    });
    
    $("#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;

    });
});