// JavaScript Document

var it_timer = null;
var it_offset = 8000;
var it_index = 0;
var it_length = 0;

function bighookBtn(){
	$(".banner-btn .prevBtn").click(function(){
		it_index = it_index -2 ;
		$('.banner-circle li a').eq(it_index).addClass('noli').siblings("a").removeClass('noli');
		slideImage();
	});
	$(".banner-btn .nextBtn").click(function(){
		if (it_index >= it_length){
        	it_index = 0;
    	}
		$('.banner-circle li a').eq(it_index).addClass('noli').siblings("a").removeClass('noli');
		slideImage();
	});
}
function chaker(){
	$('.banner-circle li a').click(function(){
		$(this).addClass('noli').siblings("a").removeClass('noli');
		it_index=$(this).index();
		slideImage();
	});
}
function slideImage(){
	clearTimeout(it_timer);
	if(it_index<0){
		it_index = it_length-1;
	}
		if (it_index >= it_length){
        	it_index = 0;
    }
	$(".banner-img li").hide();
	$(".banner-img li:eq("+it_index+")").fadeIn();
	$('.banner-circle li a').eq(it_index).addClass('noli').siblings("a").removeClass('noli');
	it_index++;
    it_timer = window.setTimeout(slideImage, it_offset);
}

$(function(){    
    //change opacity
    //
	it_length = $(".banner-img li").length;
    //$('.banner').css({opacity: 0.85});
	$(".banner-btn .prevBtn,.banner-btn .nextBtn").hide();
	$(".banner").hover(function(){
		$(".banner-btn .prevBtn,.banner-btn .nextBtn").show();
	},function(){
		$(".banner-btn .prevBtn,.banner-btn .nextBtn").hide();
	});
	$(".banner-img li").hover(function(){
		clearTimeout(it_timer);
	},function(){
		it_timer = window.setTimeout(slideImage, it_offset);
	});
    slideImage();  
	bighookBtn();
	chaker();
});