$(document).ready(function(e) { 

//navigation
 	$(".show_li_bg").mouseenter(function(){
		$("#navbg").css('display','block');		
		}).mouseleave(function()
		{$("#navbg").css('display','none');
		}); 
	 
		
	vproduct();
	banner();
	
});



function banner(){
	var counter = 0;
	$('.banner').flexslider({
		directionnav: false,animation: "slide",slideshowspeed: 4000,  
		controlnav: true
	});
	/*$('.scroll-nav a').click(function(e) {
		$('html,body').scrollto(this.hash, this.hash, {
			animation: {
				duration: 900
			}
		});
		e.preventdefault();
	});
	*/
}


function vproduct () {
	
	var pro = $('.index-product');
	var btn = pro.children('.btn').children('a');
	var hd = pro.find('.hd');
	var len = hd.length;
	var bd = pro.next().children();
	var page = 0;

	hd.filter(':gt(0)').hide();

	btn.click(function(e){
		e.preventdefault();

		var tar = $(e.target);
		if(tar.hasclass('prev')){
			page = page-1<0?len-1:page-1;
		}else if(tar.hasclass('next')){
			page = page+1>=len?0:page+1;
		}

		hd.eq(page).fadein(300).siblings('.hd').fadeout(300);
		bd.eq(page).fadein(300).siblings().fadeout(300)


	})

	$('.scroll-nav li a').hover(function(){ $(this).siblings().show() },function(){ $(this).siblings().hide() })


}




  $(window).on("scroll", function (e) {
            var $scrolltop = $(window).scrolltop();
            if ($scrolltop > 100 && $('#right_iconbox').is(":hidden")) {
                $('#right_iconbox').fadein(500);
            }

            if ($scrolltop >= 500) {

                $('.js-goto-top').stop().animate({
                    opacity: 1
                }, 500);
            } else {

                $('.js-goto-top').stop().animate({
                    opacity: 0
                }, 500);
            }
        }).trigger("scroll");
		
		
		
	 
        $(document).on("click", '.js-goto-top', function () {
            $('body,html').animate({
                'scrolltop': 0
            });
        });