(function($) {

    // variables
    var $window = $(window),
        $body = $('body'),
        $banner = $('#banner'),
        $stickBar = $('#navigation'),
        $stickOffset = $stickBar.offset().top,
        $bannerSlider = $("#banner-slider"),
        $bannerTableWrap = $('#banner-table-wrap'),
        formPlaceholder = $('.wsite-form-label'),


        // top banner images url
        banner_image_1 = "/files/theme/img/carslides/slider01.jpg",
        banner_image_2 = "/files/theme/img/carslides/slider02.jpg",


        // second banner images url
        banner_image_1b = "/files/theme/img/carslides/second_slider_1.png",
        banner_image_2b = "/files/theme/img/carslides/slider2_image03.jpg",

        // fixed navigation
        fixNavigationScroll = function(theWindow, offsetEl, fixClass) {
            theWindow.scroll(function() {
                console.log(offsetEl);
                if (theWindow.scrollTop() > offsetEl) {
                    $body.addClass(fixClass);
                } else {
                    $body.removeClass(fixClass);
                }
            });
        },

        // top banner slider
        bannerSlider = function(sliderElement) {
            if ($window.width() > 875) {
                sliderElement.vegas({
                    slides: [
                        // links to slides in your img folder under assets
                        {
                            src: banner_image_1
                        }, {
                            src: banner_image_2
                        }
                    ],
                    timer: false,
                    animation: 'kenburnsDownRight'
                });
            }
        },

        // top banner slider
        secondBannerSlider = function(sliderElement) {
            if ($window.width() > 875) {
                sliderElement.vegas({
                    slides: [
                        // links to slides in your img folder under assets
                        {
                            src: banner_image_1b
                        }, {
                            src: banner_image_2b
                        }
                    ],
                    timer: false,
                    animation: 'kenburnsDownRight'
                });
            }
        },


        // navigation scrollspy
        lastId,
        topMenu = $("#menu"),
        topMenuHeight = topMenu.outerHeight(),
        // All list items
        menuItems = topMenu.find("a.scrollIt"),
        // Anchors corresponding to menu items
        scrollItems = menuItems.map(function() {
            var item = $($(this).attr("href"));
            if (item.length) {
                return item;
            }
        }),


        contactFormPlaceholder = function(element) {

            element.each(function() {
                var _this = $(this),
                    labelText = _this.text(),
                    inputWrap = _this.next('.wsite-form-input-container'),
                    inputField = inputWrap.find('input,textarea');

                _this.hide();

                inputField.attr('placeholder', labelText);


            });

        };

				scrollFunction = function(e){
						var href = $(this).attr("href"),
								offsetTop = href === "#" ? 0 : $(href).offset().top - topMenuHeight + 5;

						if ($(window).width() < 875) {
								topMenu.slideUp();
						}
						$('html, body').stop().animate({
								scrollTop: offsetTop
						}, 850);

						//$('#b-iframe').hide();
						$('body').removeClass('iframe-active');

						e.preventDefault();

				};

				scrollHandler = function(element){
					if (location.pathname == '/') {
	            element.on('click', scrollFunction);
	        } else {
	            element.on('click', function(e) {
	                var tmp = $(this).attr('href');
	                tmp = '/' + tmp;
	                $(this).attr('href', tmp);
	            });
	        }
				};




    $(function() {

        // call banner image slider
        bannerSlider($bannerSlider);
        secondBannerSlider($('#marken'));

        // call fixed nav
        fixNavigationScroll($window, $stickOffset, 'fixed-nav');

        // placeholder form
        contactFormPlaceholder(formPlaceholder);



        // animate to section 1
        $('.scroll_down').on('click', function(e) {
            var $stickBar = $('#navigation');
            var barHeight = $stickBar.outerHeight() - 5;
            e.preventDefault();
            $('html,body').animate({
                scrollTop: $(this.hash).offset().top - barHeight
            }, 700);
        });

        // navigation items on click
        scrollHandler(menuItems);
				scrollHandler($("#sitemap a"));

        // navigation scroll spy
        $window.scroll(function() {

            // Get container scroll position
            var fromTop = $(this).scrollTop() + topMenuHeight;

            // Get id of current scroll item
            var cur = scrollItems.map(function() {
                if ($(this).offset().top < fromTop)
                    return this;
            });

            // Get the id of the current element
            cur = cur[cur.length - 1];
            var id = cur && cur.length ? cur[0].id : "";

            if (lastId !== id) {
                lastId = id;
                // Set/remove active class
                menuItems.parent().removeClass("active").end().filter("[href=#" + id + "]").parent().addClass("active");
            }

            if ($(this).scrollTop() > 200) {
                $('.scrollToTop').fadeIn();
            } else {
                $('.scrollToTop').fadeOut();
            }

        }); // end on scroll event


        $('.scrollToTop').click(function() {
            $('html, body').animate({
                scrollTop: 0
            }, 800);
            return false;
        });

        $('#menu-trigger').on('click', function() {
            topMenu.slideDown();
        });
        
        $('.close-mobile-menu').on('click', function(e) {
            e.preventDefault();
            $('#menu').slideUp();
        });

        $('#iframe_trigger, #close_frame').on('click', function(e) {
            e.preventDefault();
            //$('#b-iframe').toggle();
            $('body').addClass('iframe-active');
            if ($(window).width() < 875) {
                topMenu.slideUp();
            }
        });


        //menu-actions
        if ($(window).width() < 875) {
            $('#menu-actions a[class^="phone"]').attr("href", "tel:+49540146891");
            $('#menu-actions a[class^="email"]').attr("href", "mailto:info@buhrtz-automobile.de");
            $('#menu-actions a[class^="maps"]').attr("href", "https://goo.gl/maps/XPQVPRvD4j62");
        } else {
            $("#menu-actions").children().each(function(){
                $(this).on('click',scrollFunction);
            });
        }
				//sitemap



        // when page is loaded
        $(window).on('load', function() {
            $('#page-loader').fadeOut();
	            // added for automatic scrolling
						if(location.hash!=""){
	            offsetTop = $(location.hash).offset().top - topMenuHeight + 5;
	            if ($(window).width() < 875) {
	                topMenu.slideUp();
	            }
	            $('html, body').stop().animate({
	                scrollTop: offsetTop
	            }, 850);
	            //for a "clean" URL
	            window.location.hash = '';
						}
        });


    }); // document ready
}(jQuery));