jQuery(document).ready(function() {
	if( jQuery(window).width() > 767) {
	   jQuery('.nav li.dropdown').hover(function() {
		   jQuery(this).addClass('open');
	   }, function() {
		   jQuery(this).removeClass('open');
	   }); 
	   jQuery('.nav li.dropdown-menu').hover(function() {
		   jQuery(this).addClass('open');
	   }, function() {
		   jQuery(this).removeClass('open');
	   }); 
	}
	
	jQuery('.nav li.dropdown').find('.caret').each(function(){
		jQuery(this).on('click', function(){
			if( jQuery(window).width() < 768) {
				jQuery(this).parent().next().slideToggle();
			}
			return false;
		});
	});
	
/* Slider 1 */
	var swiper = new Swiper('.acura_slider', {
		nextButton: '.swiper-button-next5',
        prevButton: '.swiper-button-prev5',
        slidesPerView: '1',
        paginationClickable: true,
        spaceBetween: 10,
		autoplay:3000,
		loop:false		
    });
/* Slider 1 */

/* Portfolio 1 */
	var swiper = new Swiper('.port-slider', {
		//nextButton: '.swiper-button-next5',
       // prevButton: '.swiper-button-prev5',
        slidesPerView: 4,
        paginationClickable: true,
        spaceBetween: 10,
		autoplay:3000,
		loop:false		
    });
/* Portfolio 1 */
	
	/* for scroll arrow */
	 var amountScrolled = 300;

	jQuery(window).scroll(function() {
		if ( jQuery(window).scrollTop() > amountScrolled ) {
			jQuery('a.back-to-top').fadeIn('slow');
		} else {
			jQuery('a.back-to-top').fadeOut('slow');
		}
	});
	
	jQuery('a.back-to-top').click(function() {
		jQuery('html, body').animate({
			scrollTop: 100
		}, 700);
		return false;
	});	
});

/* for menu in responsive */
jQuery(document).ready(function() {
	jQuery(window).scroll(function () {
	if( jQuery(window).width() > 768) {
		if (jQuery(this).scrollTop() > 100) {
		jQuery('header').addClass('sticky-head');
		}
		else {
	jQuery('header').removeClass('sticky-head');
	}
	}
		else {
		if (jQuery(this).scrollTop() > 100) {
			jQuery('header').addClass('sticky-head');
		}else {
	jQuery('header').removeClass('sticky-head');
	}
		}				
	});
	
	/* photobox */
	jQuery('.blog_gallery').photobox('.photobox_a');
	jQuery('.blog_gallery').photobox('.photobox_a:first', { thumbs:false, time:0 }, imageLoaded);
	function imageLoaded(){
		console.log('image has been loaded...');
	}
});