// JavaScript Document
    var t= 0;
    $(document).ready(function() {
        $(".btns ul li:first").addClass("selected");
		$("#changeTextDiv div").fadeOut(1);
		$("#changeTextDiv div:first").fadeIn(1);
        $(".btns ul li").bind('click',function () {
              var index1 = $(".btns ul li").index(this);
			  
              $(".sliderContent").find("img").fadeOut(1000);
			  $("#changeTextDiv").find("div").fadeOut(1000);
              $(".btns ul li").removeClass("selected");
              $(".sliderContent").find("img:eq("+index1+")").fadeIn(2000);
			  $("#changeTextDiv").find("div:eq("+index1+")").fadeIn(2000);
              $(this).addClass("selected");
              clearTimeout(t);
        });
        var slideCount = $(".btns ul li").length;
        onloadChangeImage(slideCount, 1);
      });

    function changeImage(slideCount, index){
		$(".sliderContent").find("img").fadeOut(1000);
		$("#changeTextDiv").find("div").fadeOut(1000);
        $(".btns ul li").removeClass("selected");
        $(".sliderContent").find("img:eq("+index+")").fadeIn(2000);
		$("#changeTextDiv").find("div:eq("+index+")").fadeIn(2000);
        $(".btns ul li:eq("+index+")").addClass("selected");
        index++;
        if(index == slideCount) index = 0;
        onloadChangeImage(slideCount, index);
    }

    function onloadChangeImage(slideCount, index){
       if(index < slideCount){
           t= setTimeout(function(){ changeImage(slideCount,index); }, 4000);
       }
    }