$(document).ready(function(){
	/** 01 **/
    starttimer();
    /** main slider **/
    var timer;
    var slidecount = $('.thumbs li').length;
    var currslide = $('.thumbs li').filter('.curr').index();
    var nextslide = currslide + 1;
    var fadespeed = 1000;
    //start slides timer functions
    function starttimer() {
        timer = setinterval(function () {
            $('.slide-item').eq(currslide).fadeout(fadespeed);
            $('.slide-item, .thumbs li').removeclass('curr');

            $('.slide-item').eq(nextslide).addclass('curr').fadein(fadespeed);
            $('.thumbs li').eq(nextslide).addclass('curr');

            currslide = nextslide;
            nextslide = currslide + 1 < slidecount ? currslide + 1 : 0;

        }, 6000);
    }
    $('.thumbs li').click(function () {
        clearinterval(timer);
        starttimer();
        currslide = $(this).index();
        nextslide = currslide + 1 < slidecount ? currslide + 1 : 0;;
        $('.slide-item').fadeout(fadespeed);
        $('.slide-item, .thumbs li').removeclass('curr');

        $('.slide-item').eq($(this).index()).addclass('curr').fadein(fadespeed);
        $(this).addclass('curr');
    });
	
	/** 02 **/
    starttimer02();
    var timer02;
    var slidecount02 = $('.thumbs02 li').length;
    var currslide02 = $('.thumbs02 li').filter('.curr').index();
    var nextslide02 = currslide02 + 1;
    var fadespeed02 = 1000;
    function starttimer02() {
        timer02 = setinterval(function () {
            $('.slide-item02').eq(currslide02).fadeout(fadespeed02);
            $('.slide-item02, .thumbs02 li').removeclass('curr');

            $('.slide-item02').eq(nextslide02).addclass('curr').fadein(fadespeed02);
            $('.thumbs02 li').eq(nextslide02).addclass('curr');

            currslide02 = nextslide02;
            nextslide02 = currslide02 + 1 < slidecount02 ? currslide02 + 1 : 0;

        }, 6000);
    }
    $('.thumbs02 li').click(function () {
        clearinterval(timer02);
        starttimer02();
        currslide02 = $(this).index();
        nextslide02 = currslide02 + 1 < slidecount02 ? currslide02 + 1 : 0;;
        $('.slide-item02').fadeout(fadespeed02);
        $('.slide-item02, .thumbs02 li').removeclass('curr');

        $('.slide-item02').eq($(this).index()).addclass('curr').fadein(fadespeed02);
        $(this).addclass('curr');
    });
	
	/** 03 **/
    starttimer03();
    var timer03;
    var slidecount03 = $('.thumbs03 li').length;
    var currslide03 = $('.thumbs03 li').filter('.curr').index();
    var nextslide03 = currslide03 + 1;
    var fadespeed03 = 1000;
    function starttimer03() {
        timer03 = setinterval(function () {
            $('.slide-item03').eq(currslide03).fadeout(fadespeed03);
            $('.slide-item03, .thumbs03 li').removeclass('curr');

            $('.slide-item03').eq(nextslide03).addclass('curr').fadein(fadespeed03);
            $('.thumbs03 li').eq(nextslide03).addclass('curr');

            currslide03 = nextslide03;
            nextslide03 = currslide03 + 1 < slidecount03 ? currslide03 + 1 : 0;

        }, 6000);
    }
    $('.thumbs03 li').click(function () {
        clearinterval(timer03);
        starttimer03();
        currslide03 = $(this).index();
        nextslide03 = currslide03 + 1 < slidecount03 ? currslide03 + 1 : 0;;
        $('.slide-item03').fadeout(fadespeed03);
        $('.slide-item03, .thumbs03 li').removeclass('curr');

        $('.slide-item03').eq($(this).index()).addclass('curr').fadein(fadespeed03);
        $(this).addclass('curr');
    });

});