$(document).ready(function() {
    'use strict';       
    /*-----------------------------------------------------------------------------------*/
    /*	STICKY HEADER
	/*-----------------------------------------------------------------------------------*/
    $(window).on('scroll touchmove', function() {
        var header = $(".navbar");
        var scroll = $(window).scrollTop();

        if (scroll >= 200) {
            header.removeClass('top').addClass("fixed");
        } else {
            header.removeClass("fixed").addClass('top');
        }
    }).scroll();

	// jQuery for page scrolling feature - requires jQuery Easing plugin

    /*-----------------------------------------------------------------------------------*/
    /*	SCROLLING NAV
    /*-----------------------------------------------------------------------------------*/	
    var header_height = $('.navbar').outerHeight();
    var shrinked_header_height = 85;
    var firstStyle = {
        'padding-top': '' + shrinked_header_height + 'px',
        'margin-top': '-' + shrinked_header_height + 'px'
    };
    $('.onepage section').css(firstStyle);
    var secondStyle = {
        'padding-top': '' + header_height + 'px',
        'margin-top': '-' + header_height + 'px'
    };
    $('.onepage section:first-of-type').css(secondStyle);
	
	$(function() {
	    $(document).on('click', '.onepage .navbar ul.navbar-nav a[href*=#]:not([href="#"])', function(event) {
	        var $anchor = $(this);
	        $('html, body').stop().animate({
	            scrollTop: $($anchor.attr('href')).offset().top
	        }, 1500, 'easeInOutExpo');
	        event.preventDefault();
	    });
	});	
	var empty_a = $('.onepage .navbar ul.navbar-nav a[href="#"]');	
	empty_a.on('click', function(e) {
	    e.preventDefault();
	});
	$('.onepage .navbar .nav li a:not(.has-submenu)').on('click', function() {
        $('.navbar .navbar-collapse.in').collapse('hide');
        $('.nav-bars').removeClass('is-active');
    });


	/*-----------------------------------------------------------------------------------*/
    /*	CENTER DROPDOWN
    /*-----------------------------------------------------------------------------------*/
    $(function() {
		$('.navbar-nav').on('show.smapi', function(e, menu) {
			var $menu = $(menu);
			// check just first-level subs
			if ($menu.dataSM('level') == 2) {
				var obj = $(this).data('smartmenus'),
					$item = $menu.dataSM('parent-a'),
					itemW = obj.getWidth($item),
					menuW = obj.getWidth($menu),
					menuX = (itemW - menuW) / 2;
				// keep supporting keepInViewport
				if (obj.opts.keepInViewport) {
					var $win = $(window),
						winX = $win.scrollLeft(),
						winW = obj.getViewportWidth(),
						itemX = $item.offset().left,
						absX = itemX + menuX;
					if (absX < winX) {
						menuX += winX - absX;
					} else if (absX + menuW > winX + winW) {
						menuX += winX + winW - menuW - absX;
					}
				}
				$menu.css('margin-left', menuX);
				if ($menu.dataSM('ie-shim')) {
					$menu.dataSM('ie-shim').css('margin-left', menuX);
				}
			}
		});
	});
    /*-----------------------------------------------------------------------------------*/
    /*	HAMBURGER MENU ICON
    /*-----------------------------------------------------------------------------------*/
    $(".nav-bars").on("click", function() {
        $(".nav-bars").toggleClass("is-active");
    });
    /*-----------------------------------------------------------------------------------*/
    /*	REVOLUTION
    /*-----------------------------------------------------------------------------------*/
    $("#slider").revolution({
        sliderType: "standard",
        sliderLayout: "fullscreen",
        spinner: "spinner",
        delay: 9000,
        shadow: 0,
        gridwidth: [1240, 1024, 778, 480],
        responsiveLevels: [1240, 1024, 778, 480],
        navigation: {
            arrows: {
                enable: true,
                hide_onleave: true
            },
            touch: { 
		        touchenabled: 'on',
		        swipe_threshold: 75,
		        swipe_min_touches: 1,
		        swipe_direction: 'horizontal',
		        drag_block_vertical: true		 
		    },
            bullets: {
                enable: true,
                hide_onleave: true,
                h_align: "center",
                v_align: "bottom",
                space: 8,
                h_offset: 0,
                v_offset: 20,
                tmp: ''
            }
        }
    });
    /*-----------------------------------------------------------------------------------*/
    /*	LIGHTGALLERY
    /*-----------------------------------------------------------------------------------*/
    var $lg = $('.light-gallery');
        $lg.lightGallery({
            thumbnail: false,
            selector: '.lgitem',
            animateThumb: true,
            showThumbByDefault: false,
            download: false,
            autoplayControls: false,
            zoom: false,
            fullScreen: false,
            thumbWidth: 100,
            thumbContHeight: 80,
            videoMaxWidth: '1000px',
            loop: false,
            mousewheel: true
        });
    /*-----------------------------------------------------------------------------------*/
    /*	CUBE
    /*-----------------------------------------------------------------------------------*/
    var $cubesingle = $('#js-grid-single');
    $cubesingle.cubeportfolio({
        filters: '#js-single-filter',
        loadMore: '#js-single-more',
        loadMoreAction: 'click',
        layoutMode: 'grid',
        mediaQueries: [{
            width: 1500,
            cols: 4
        }, {
            width: 1100,
            cols: 3
        }, {
            width: 800,
            cols: 3
        }, {
            width: 670,
            cols: 2
        }, {
            width: 320,
            cols: 1
        }],
        defaultFilter: '*',
        animationType: 'quicksand',
        gapHorizontal: 15,
        gapVertical: 15,
        gridAdjustment: 'responsive',
        caption: 'fadeIn',
        displayType: 'sequentially',
        displayTypeSpeed: 100,

        // singlePage popup
        singlePageDelegate: '.cbp-singlePage',
        singlePageDeeplinking: true,
        singlePageStickyNavigation: true,
        singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
        singlePageCallback: function(url, element) {
            // to update singlePage content use the following method: this.updateSinglePage(yourContent)
            var t = this;

            $.ajax({
                    url: url,
                    type: 'GET',
                    dataType: 'html',
                    timeout: 30000
                })
                .done(function(result) {
                    t.updateSinglePage(result);
                })
                .fail(function() {
                    t.updateSinglePage('AJAX Error! Please refresh the page!');
                });
        },

    });
    $cubesingle.on('updateSinglePageStart.cbp', function() {
        $('.image-slider').lightSlider({
            item: 1,
            slideMargin: 0,
            adaptiveHeight: true,
            auto: true,
            pause: 5000,
            loop: false,
            controls: true,
            prevHtml: '<i class="fa fa-angle-left"></i>',
            nextHtml: '<i class="fa fa-angle-right"></i>'
        }); 
        var $lg = $('.light-gallery');       
        $lg.lightGallery({
            thumbnail: false,
            selector: '.lgitem',
            animateThumb: true,
            showThumbByDefault: false,
            download: false,
            autoplayControls: false,
            zoom: false,
            fullScreen: false,
            thumbWidth: 100,
            thumbContHeight: 80,
            videoMaxWidth: '1000px',
            loop: false,
            mousewheel: true
        });
		$lg.on('onAfterOpen.lg',function(event){
			$('#js-grid-single').data('cubeportfolio').singlePage.stopEvents = true;
		});
		$lg.on('onCloseAfter.lg',function(event){
			$('#js-grid-single').data('cubeportfolio').singlePage.stopEvents = false;
		});
    });   
    var $cubelightbox = $('#js-grid-lightbox');
    $cubelightbox.cubeportfolio({
        filters: '#js-lightbox-filter',
        loadMore: '#js-lightbox-more',
        loadMoreAction: 'click',
        layoutMode: 'grid',
        mediaQueries: [{
            width: 1500,
            cols: 4
        }, {
            width: 1100,
            cols: 3
        }, {
            width: 800,
            cols: 3
        }, {
            width: 670,
            cols: 2
        }, {
            width: 320,
            cols: 1
        }],
        defaultFilter: '*',
        animationType: 'quicksand',
        gapHorizontal: 15,
        gapVertical: 15,
        gridAdjustment: 'responsive',
        caption: 'fadeIn',
        displayType: 'fadeIn',
        displayTypeSpeed: 100,

    });
    $cubelightbox.on('onAfterLoadMore.cbp', function(event, newItemsAddedToGrid) {
        // first destroy the gallery
        $lg.data('lightGallery').destroy(true);
        // reinit the gallery
	    $lg.lightGallery({
            thumbnail: false,
            selector: '.lgitem',
            animateThumb: true,
            showThumbByDefault: false,
            download: false,
            autoplayControls: false,
            zoom: false,
            fullScreen: false,
            thumbWidth: 100,
            thumbContHeight: 80,
            videoMaxWidth: '1000px',
            loop: false,
            mousewheel: true
        });
	});
    /*-----------------------------------------------------------------------------------*/
    /*	LIGHTSLIDER
    /*-----------------------------------------------------------------------------------*/
    $('.text-slider').lightSlider({
        item: 1,
        slideMargin: 0,
        adaptiveHeight: true,
        auto: false,
        loop: false,
        pager: true,
        controls: false,
        onSliderLoad: function(el) {
            $(el).removeClass('cs-hidden');
        }
    });
    var textcarousel = $(".text-carousel").lightSlider({
        item: 3,
        autoWidth: false,
        slideMove: 1,
        slideMargin: 20,
        pager: false,
        controls: false,
        responsive : [
            {
                breakpoint:992,
                settings: {
                    item:2
                  }
            }
        ],
        onSliderLoad: function(el) {
            $(el).removeClass('cs-hidden');
        }
    });
    $('.text-carousel-controls .prev').on('click', function() {
        textcarousel.goToPrevSlide();
    });

    $('.text-carousel-controls .next').on('click', function() {
        textcarousel.goToNextSlide();
    });
    /*-----------------------------------------------------------------------------------*/
    /*	TOGGLE
    /*-----------------------------------------------------------------------------------*/
    var $panelgroup = $('.panel-group');
    $panelgroup.find('.panel-default:has(".in")').addClass('panel-active');
    $panelgroup.on('shown.bs.collapse', function(e) {
        $(e.target).closest('.panel-default').addClass(' panel-active');
    }).on('hidden.bs.collapse', function(e) {
        $(e.target).closest('.panel-default').removeClass(' panel-active');
    });
    /*-----------------------------------------------------------------------------------*/
    /*	LAZY LOAD GOOGLE MAPS
    /*-----------------------------------------------------------------------------------*/
    ;
    (function($, window, document, undefined) {
        var $window = $(window),
            mapInstances = [],
            $pluginInstance = $('.google-map').lazyLoadGoogleMaps({
                callback: function(container, map) {
                    var $container = $(container),
                        center = new google.maps.LatLng($container.attr('data-lat'), $container.attr('data-lng'));

                    map.setOptions({
                        center: center,
                        zoom: 15,
                        zoomControl: true,
                        zoomControlOptions: {
                            style: google.maps.ZoomControlStyle.DEFAULT,
                        },
                        disableDoubleClickZoom: false,
                        mapTypeControl: true,
                        mapTypeControlOptions: {
                            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
                        },
                        scaleControl: true,
                        scrollwheel: false,
                        streetViewControl: true,
                        draggable: true,
                        overviewMapControl: false,
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    });



                    var mapicon = new google.maps.MarkerImage("/bizdemo39032/img/images/marker@2x.png", null, null, null, new google.maps.Size(40, 40));

                    var marker = new google.maps.Marker({
                        position: center,
                        map: map,
                        icon: mapicon
                    });

                    var contentString = '<div class="map-info">' +
                        '<h5>CUBE 6</h5>' +
                        '<div class="map-info-body">' +
                        '<p>Creative Design Group - www.cube6.co.kr.</p>' +
                        '</div>' +
                        '</div>';

                    var infowindow = new google.maps.InfoWindow({
                        content: contentString,
                        maxWidth: 200
                    });
                    marker.addListener('click', function() {
                        infowindow.open(map, marker);
                    });

                    $.data(map, 'center', center);
                    mapInstances.push(map);

                    var updateCenter = function() {
                        $.data(map, 'center', map.getCenter());
                    };
                    google.maps.event.addListener(map, 'dragend', updateCenter);
                    google.maps.event.addListener(map, 'zoom_changed', updateCenter);
                    google.maps.event.addListenerOnce(map, 'idle', function() {
                        $container.addClass('is-loaded');
                    });
                }
            });

        $window.on('resize', $pluginInstance.debounce(1000, function() {
            $.each(mapInstances, function() {
                this.setCenter($.data(this, 'center'));
            });
        }));

    })(jQuery, window, document);    
    /*-----------------------------------------------------------------------------------*/
    /*	GO TO TOP
    /*-----------------------------------------------------------------------------------*/
    $.scrollUp({
        scrollName: 'scrollUp',
        // Element ID
        scrollDistance: 300,
        // Distance from top/bottom before showing element (px)
        scrollFrom: 'top',
        // 'top' or 'bottom'
        scrollSpeed: 300,
        // Speed back to top (ms)
        easingType: 'linear',
        // Scroll to top easing (see http://easings.net/)
        animation: 'fade',
        // Fade, slide, none
        animationInSpeed: 200,
        // Animation in speed (ms)
        animationOutSpeed: 200,
        // Animation out speed (ms)
        scrollText: '<span class="btn btn-square"><i class="fa fa-angle-up"></i></span>',
        // Text for element, can contain HTML
        scrollTitle: false,
        // Set a custom <a> title if required. Defaults to scrollText
        scrollImg: false,
        // Set true to use image
        activeOverlay: false,
        // Set CSS color to display scrollUp active point, e.g '#00FFFF'
        zIndex: 1001 // Z-Index for the overlay
    });
    /*-----------------------------------------------------------------------------------*/
    /*	COUNTER UP
    /*-----------------------------------------------------------------------------------*/
    $('.fcounter').counterUp({
        delay: 50,
        time: 1000
    });
    /*-----------------------------------------------------------------------------------*/
    /*	DATA REL
    /*-----------------------------------------------------------------------------------*/
    $('a[data-rel]').each(function() {
        $(this).attr('rel', $(this).data('rel'));
    });
    /*-----------------------------------------------------------------------------------*/
    /*	TOOLTIP
    /*-----------------------------------------------------------------------------------*/
    if ($("[rel=tooltip]").length) {
        $("[rel=tooltip]").tooltip();
    }
    /*-----------------------------------------------------------------------------------*/
    /*	VANILLA
    /*-----------------------------------------------------------------------------------*/
    var myForm;
    myForm = new VanillaForm($("form.vanilla-form"));
    /*-----------------------------------------------------------------------------------*/
    /*	PROGRESSBAR
	/*-----------------------------------------------------------------------------------*/
    var $pcircle = $('.circle');
    var $pbar = $('.bar');
    $pcircle.each(function(i) {
        var circle = new ProgressBar.Circle(this, {
            color: 'rgba(255,255,255,0.9)',
            trailColor: 'rgba(255,255,255,0.1)',
            strokeWidth: 2,
            trailWidth: 2,
            duration: 2000,
            easing: 'easeInOut'
        });
        var cvalue = ($(this).attr('data-value') / 100);
        $pcircle.waypoint(function() {
            circle.animate(cvalue);
        }, {
            offset: "100%"
        })
    });
    $pbar.each(function(i) {
        var bar = new ProgressBar.Line(this, {
            color: 'rgba(30,30,30,0.7)',
            trailColor: 'rgba(30,30,30,0.1)',
            strokeWidth: 2,
            trailWidth: 2,
            duration: 3000,
            easing: 'easeInOut',
            text: {
                style: {
                    color: '#808080',
                    position: 'absolute',
                    right: '0',
                    top: '-30px',
                    padding: 0,
                    margin: 0,
                    transform: null
                },
                autoStyleContainer: false
            },
            step: function(state, bar, attachment) {
                bar.setText(Math.round(bar.value() * 100) + ' %');
            }
        });
        var bvalue = ($(this).attr('data-value') / 100);
        $pbar.waypoint(function() {
            bar.animate(bvalue);
        }, {
            offset: "100%"
        })
    });
    /*-----------------------------------------------------------------------------------*/
    /*	PARALLAX MOBILE
    /*-----------------------------------------------------------------------------------*/
    if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i)) {
        $('.parallax').addClass('mobile');
    }
    /*-----------------------------------------------------------------------------------*/
    /*	IMAGE ICON HOVER
    /*-----------------------------------------------------------------------------------*/
    $('.overlay.icon-overlay a').prepend('<span class="over"><span></span></span>');
    /*-----------------------------------------------------------------------------------*/
    /*	INSTAGRAM
    /*-----------------------------------------------------------------------------------*/
    var instagramFeed = new Instafeed({
        target: 'instafeed',
        get: 'user',
        limit: 12,
        userId: 2303807874,
        accessToken: '2303807874.69a503a.7451e3aef402458fb62d77c858ca21a3',
        resolution: 'low_resolution',
        template: '<div class="item col-xs-6 col-sm-3 col-md-2"><figure class="overlay icon-overlay instagram"><a href="{{link}}" target="_blank"><img src="{{image}}" /></a></figure></div>',
        after: function() {
            $('#instafeed figure.overlay a').prepend('<span class="over"><span></span></span>');
        }
    });
    $('#instafeed').each(function() {
        instagramFeed.run();
    });
    var instagramFeed2 = new Instafeed({
        target: 'instafeed-widget',
        get: 'user',
        limit: 6,
        userId: 2303807874,
        accessToken: '2303807874.69a503a.7451e3aef402458fb62d77c858ca21a3',
        resolution: 'low_resolution',
        template: '<div class="item col-xs-4 col-sm-6 col-md-4"><figure class="overlay icon-overlay instagram"><a href="{{link}}" target="_blank"><img src="{{image}}" /></a></figure></div>',
        after: function() {
            $('#instafeed-widget figure.overlay a').prepend('<span class="over"><span></span></span>');
        }
    });
    $('#instafeed-widget').each(function() {
        instagramFeed2.run();
    });
     
});