EngineGP/template/megp/js/custom.js

$(window).load(function() { 
	$("#status").fadeOut(); // will first fade out the loading animation
	$("#preloader").delay(100).fadeOut("slow"); // will fade out the white DIV that covers the website.
});


$( document ).ready(function() {
    
	$('.header-menu').click(function(){
		$('.navigation').toggleClass('show-menu');
		$(this).find('.fa').toggleClass('rotate-star');
		return false;
	});
    
    $('.close-header-menu').click(function(){
		$('.navigation').toggleClass('show-menu');
		$(this).parent().parent().find('.fa').removeClass('rotate-star');
		return false;
	});
        
    
    /*Cookie Notification*/
    
    if (typeof window.sessionStorage != undefined) {
        if (!sessionStorage.getItem('enabled_cookie')) {
            $('.tutorial').show();
            sessionStorage.setItem('enabled_cookie', true);
            sessionStorage.setItem('storedWhen', (new Date()).getTime());
        }
    }
    
    $('.tutorial').click(function(){
       $(this).fadeOut(500); 
    });

    
    
    
    /*Image Sliders*/

    //Note. Every image slider must be placed within the timeout function.//
    //Image sliders put a lot of load on mobile devices and slow the performance of other animations//
    //But adding a timeout event, even for a microsecond gives a great boost in performance (41% boost to be exact)
    
    setTimeout(function() {
        //Simple Slider
        
        var owl = $('.simple-slider');
        owl.owlCarousel({
            animateOut: 'fadeOut',
            animateIn: 'fadeIn',
            items:1,
            loop:true,
            margin:5,
            autoplay:true,
            autoplayTimeout:3000,
            autoplayHoverPause:true
        });
        
        //Coverpage Slider

        $('.coverpage-slider').owlCarousel({
            loop:true,
            margin:-2,
            nav:false,
            dots:true,
            items:1
        });

        //Demo Slider inside Quotes

        $('.demo-slider').owlCarousel({
            loop:true,
            margin:200,
            nav:false,
            autoHeight:true,
            responsive:{
                0:{
                    items:1
                },
                600:{
                    items:2
                }
            }
        });

        $('.next-demo').click(function() {$('.demo-slider').trigger('next.owl.carousel');	return false;}); 
        $('.prev-demo').click(function() {$('.demo-slider').trigger('prev.owl.carousel');	return false;});


        //Homepage Slider No Transitions
        $('.homepage-slider-no-transition').owlCarousel({
            autoplay:true,
            autoplayTimeout:5000,
            autoplayHoverPause:true,
            loop:true,
            margin:10,
            nav:false,
            dots:false,
            items:1
        });
        
        //Homepage Slider With Transition
        $('.homepage-slider-transition').owlCarousel({
            autoplay:true,
            autoplayTimeout:5000,
            autoplayHoverPause:true,
            animateOut: 'fadeOut',
            animateIn: 'fadein',
            loop:true,
            margin:10,
            nav:false,
            dots:false,
            items:1
        });
                
        
        //Homepage Slider With Transition 2
        $('.homepage-slider-transition-2').owlCarousel({
            autoplay:true,
            autoplayTimeout:5000,
            autoplayHoverPause:true,
            animateOut: 'slideOutDown',
            animateIn: 'slideInUp',
            loop:true,
            margin:10,
            nav:false,
            dots:false,
            items:1
        });
                
        
        //Homepage Slider With Transition 2
        $('.homepage-slider-transition-3').owlCarousel({
            autoplay:true,
            autoplayTimeout:5000,
            autoplayHoverPause:true,
            animateOut: 'rollOut',
            animateIn: 'rollIn',
            loop:true,
            margin:10,
            nav:false,
            dots:false,
            items:1
        });        
        
        $('.homepage-cover-slider').owlCarousel({
            autoplay:true,
            autoplayTimeout:5000,
            autoplayHoverPause:true,
            animateOut: 'fadeOut',
            animateIn: 'fadeIn',
            loop:true,
            margin:10,
            nav:false,
            dots:false,
            items:1
        });
        
        $('.next-home-slider').click(function() {$('.homepage-slider-transition, .homepage-slider-transition-2, .homepage-slider-transition-3, .homepage-slider-no-transition').trigger('next.owl.carousel');	return false;}); 
        $('.prev-home-slider').click(function() {$('.homepage-slider-transition, .homepage-slider-transition-2, .homepage-slider-transition-3, .homepage-slider-no-transition').trigger('prev.owl.carousel');	return false;});
        
        
        //Staff Slider No Transition
        $('.staff-slider-no-transition').owlCarousel({
            autoplay:true,
            autoplayTimeout:5000,
            autoplayHoverPause:true,
            lazyLoad:true,
            loop:true,
            margin:10,
            nav:false,
            dots:false,
            responsive:{
                0:{
                    items:1
                },
                600:{
                    items:2
                },
                1000:{
                    items:3
                }
            }
        });
        
        //Staff Slider With Transition
        $('.staff-slider-transition').owlCarousel({
            autoplay:true,
            autoplayTimeout:5000,
            autoplayHoverPause:true,
            animateOut: 'fadeOut',
            animateIn: 'fadeIn',
            lazyLoad:true,
            loop:true,
            margin:10,
            nav:false,
            dots:false,
            responsive:{
                0:{
                    items:1
                },
                600:{
                    items:2
                },
                1000:{
                    items:3
                }
            }
        });
        
        $('.next-staff-slider').click(function() {$('.staff-slider-no-transition, .staff-slider-transition').trigger('next.owl.carousel');	return false;}); 
        $('.prev-staff-slider').click(function() {$('.staff-slider-no-transition, .staff-slider-transition').trigger('prev.owl.carousel');	return false;});
        
        
        //Quote Slider No Transition
        $('.quote-slider-no-transition').owlCarousel({
            autoHeight:true,
            autoplay:true,
            autoplayTimeout:5000,
            autoplayHoverPause:true,
            lazyLoad:true,
            loop:true,
            margin:10,
            nav:false,
            dots:false,
            responsive:{
                0:{
                    items:1
                },
                600:{
                    items:1
                },
                1000:{
                    items:1
                }
            }
        });        
        
        //Quote Slider No Transition
        $('.quote-slider-transition').owlCarousel({
            autoHeight:true,
            autoplay:true,
            autoplayTimeout:5000,
            autoplayHoverPause:true,
            animateOut: 'fadeOut',
            animateIn: 'fadeIn',
            lazyLoad:true,
            loop:true,
            margin:10,
            nav:false,
            dots:false,
            responsive:{
                0:{
                    items:1
                },
                600:{
                    items:1
                },
                1000:{
                    items:1
                }
            }
        });
        
        $('.next-quote-slider').click(function() {$('.quote-slider-no-transition, .quote-slider-transition').trigger('next.owl.carousel');	return false;}); 
        $('.prev-quote-slider').click(function() {$('.quote-slider-no-transition, .quote-slider-transition').trigger('prev.owl.carousel');	return false;});
        
        //Placing the Dots if Needed
        function slider_dots(){
            var dots_width = (-($('.owl-dots').width()/2));
            $('.owl-dots').css('position', 'absolute');
            $('.owl-dots').css('left', '50%');
            $('.owl-dots').css('margin-left', dots_width);   
        }      
        slider_dots();

    }, 1);

	//Detect if iOS WebApp Engaged and permit navigation without deploying Safari
	(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")
    
    //Fast Click - Removing 300ms delay when clicking for instant response time
    
    $(function() {
        FastClick.attach(document.body);
    });
        
    //Lazy Load | Preloading Image

    $(function() {
        $(".preload-image").lazyload({
            threshold : 200,
            effect : "fadeIn"
        });
        $("img.lazy").show().lazyload();
    });
    
    //Page Chapters Activation
    
    $('.show-page-chapters, .hide-chapters').click(function(){
       $('.page-chapters').toggleClass('page-chapters-active'); 
    });
    
    $('.page-chapters a').click(function(){
        $('.page-chapters a').removeClass('active-chapter');
        $(this).addClass('active-chapter');
    });
    
    //Countdown timer

	var endDate = "June 7, 2015 15:03:25";
    $(function() {
        $('.countdown-class').countdown({
            date: "June 7, 2087 15:03:26"
        });
    });
    
    //Pie Charts 
    
    if ($('body').hasClass('has-charts')){
        var pieData = [
            {	value: 25,	color: "#c0392b", highlight: "#c0392b", label: "Red"			},
            {	value: 20,	color: "#27ae60", highlight: "#27ae60",	label: "Green"			},
            {	value: 15,	color: "#f39c12", highlight: "#f39c12",	label: "Yellow"			},
            {	value: 30,	color: "#2980b9", highlight: "#34495e",	label: "Dark Blue"		}
        ];
        var barChartData = {
            labels : ["One","Two","Three","Four","Five", "Six"],
            datasets : [{
                fillColor : "rgba(0,0,0,0.1)",
                strokeColor : "rgba(0,0,0,0.2)",
                highlightFill: "rgba(0,0,0,0.25)",
                highlightStroke: "rgba(0,0,0,0.25)",
                data : [20,10,40,30,10, 80]
            }]
        }
        window.onload = function(){
            var pie_chart_1 = document.getElementById("generate-pie-chart").getContext("2d");
            window.pie_chart_1 = new Chart(pie_chart_1).Pie(pieData);

            var bar_chart_1 = document.getElementById("generate-bar-chart").getContext("2d");
            window.bar_chart_1 = new Chart(bar_chart_1).Bar(barChartData);
        };
    }
	    
    //Tabs
    
	$('ul.tabs li').click(function(){
		var tab_id = $(this).attr('data-tab');

		$('ul.tabs li').removeClass('active-tab');
		$('.tab-content').slideUp(200);

		$(this).addClass('active-tab');
		$("#"+tab_id).slideToggle(200);
	})
    
    //Accordion
    
    $('.accordion').find('.accordion-toggle').click(function(){
        //Expand or collapse this panel
        $(this).next().slideDown(250);
        $('.accordion').find('i').removeClass('rotate-180');
        $(this).find('i').addClass('rotate-180');

        //Hide the other panels
        $(".accordion-content").not($(this).next()).slideUp(200);
    });
        
    //Classic Toggles
    
    $('.toggle-title').click(function(){
        $(this).parent().find('.toggle-content').slideToggle(200); 
        $(this).find('i').toggleClass('rotate-toggle');
        return false;
    });
    
    //Notifications
    
    $('.static-notification-close').click(function(){
       $(this).parent().slideUp(200); 
        return false;
    });    
    
    $('.tap-dismiss').click(function(){
       $(this).slideUp(200); 
        return false;
    });
    
    //Modal Launchers
    
    $('.modal-close').click(function(){return false;});
    
	$('.simple-modal').click(function() {
		$('.simple-modal-content').modal();
	});	
    
    $('.social-login-modal').click(function() {
		$('.social-login-modal-content').modal();
	});    
    
    $('.simple-login-modal').click(function() {
		$('.simple-login-modal-content').modal();
	});    
    
    $('.social-profile-modal').click(function() {
		$('.social-profile-modal-content').modal();
	});
    
    //Sharebox Settings
        
    $('.show-share-bottom, .show-share-box').click(function(){
        $('.share-bottom').toggleClass('active-share-bottom'); 
        $.modal.close()
        return false;
    });    
    
    $('.close-share-bottom').click(function(){
       $('.share-bottom').removeClass('active-share-bottom'); 
        return false;
    });
    
    //Fixed Notifications

    //top
    $('.close-top-notification').click(function(){
       $('.top-notification').slideUp(200);
        return false;
    });
    
    $('.show-top-notification-1').click(function(){
        $('.top-notification, .bottom-notification, .timeout-notification').slideUp(200);
        $('.top-notification-1').slideDown(200);
    });    
    
    $('.show-top-notification-2').click(function(){
        $('.top-notification, .bottom-notification, .timeout-notification').slideUp(200);
        $('.top-notification-2').slideDown(200);
    });    
    
    $('.show-top-notification-3').click(function(){
        $('.top-notification, .bottom-notification, .timeout-notification').slideUp(200);
        $('.top-notification-3').slideDown(200);
    });    
    
    //bottom
    $('.close-bottom-notification').click(function(){
       $('.bottom-notification').slideUp(200);
        clearTimeout(notification_timer);
        return false;
    });
    
    $('.show-bottom-notification-1').click(function(){
        $('.top-notification, .bottom-notification, .timeout-notification').slideUp(200);
        $('.bottom-notification-1').slideDown(200);
        return false;
    });    
    
    $('.show-bottom-notification-2').click(function(){
        $('.top-notification, .bottom-notification, .timeout-notification').slideUp(200);
        $('.bottom-notification-2').slideDown(200);
        return false;
    });    
    
    $('.show-bottom-notification-3').click(function(){
        $('.top-notification, .bottom-notification, .timeout-notification').slideUp(200);
        $('.bottom-notification-3').slideDown(200);
        return false;
    });
    
    //Timeout
    
    $('.timer-notification').click(function(){
        var notification_timer;
        notification_timer = setTimeout(function(){ $('.timeout-notification').slideUp(250); },5000);
    });
    
    //Switches
    
    $('.switch-1').click(function(){
       $(this).toggleClass('switch-1-on'); 
        return false;
    });
    
    $('.switch-2').click(function(){
       $(this).toggleClass('switch-2-on'); 
        return false;
    });
    
    $('.switch-3').click(function(){
       $(this).toggleClass('switch-3-on'); 
        return false;
    });
    
    $('.switch, .switch-icon').click(function(){
        $(this).parent().find('.switch-box-content').slideToggle(200); 
        $(this).parent().find('.switch-box-subtitle').slideToggle(200);
        return false;
    });
    
    //Reminders & Checklists & Tasklists
    
    $('.reminder-check-square').click(function(){
       $(this).toggleClass('reminder-check-square-selected'); 
        return false;
    });    
    
    $('.reminder-check-round').click(function(){
       $(this).toggleClass('reminder-check-round-selected'); 
        return false;
    });
    
    $('.checklist-square').click(function(){
       $(this).toggleClass('checklist-square-selected');
        return false;
    });    
    
    $('.checklist-round').click(function(){
       $(this).toggleClass('checklist-round-selected');
        return false;
    });
    
    $('.tasklist-incomplete').click(function(){
       $(this).removeClass('tasklist-incomplete'); 
       $(this).addClass('tasklist-completed'); 
    });    
    
    $('.tasklist-item').click(function(){
       $(this).toggleClass('tasklist-completed'); 
    });
    
    //Activity Item Toggle
    
    $('.activity-item').click(function(){
       $(this).find('.activity-item-detail').slideToggle(200); 
    });
    
    //Detecting Mobiles//
    
    var isMobile = {
        Android: function() {
            return navigator.userAgent.match(/Android/i);
        },
        BlackBerry: function() {
            return navigator.userAgent.match(/BlackBerry/i);
        },
        iOS: function() {
            return navigator.userAgent.match(/iPhone|iPad|iPod/i);
        },
        Opera: function() {
            return navigator.userAgent.match(/Opera Mini/i);
        },
        Windows: function() {
            return navigator.userAgent.match(/IEMobile/i);
        },
        any: function() {
            return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
        }
    };
    
    if(isMobile.any()) {
        //Settings for all mobiles
        $('head').append('<link />');
    } 
    
    if( !isMobile.any() ){
        $('.show-blackberry, .show-ios, .show-windows, .show-android').hide(0);
        $('show-no-detection').show(0);
        
        $('#content').bind('mousewheel', function(event) {
          event.preventDefault();
          var scrollTop = this.scrollTop;
          this.scrollTop = (scrollTop + ((event.deltaY * event.deltaFactor) * -2));
          //console.log(event.deltaY, event.deltaFactor, event.originalEvent.deltaMode, event.originalEvent.wheelDelta);
        });
        $("#content").css("overflow-y","hidden");
    }
    
    if(isMobile.Android()) {
        $('.show-android').show(0);
        $('.show-blackberry, .show-ios, .show-windows').hide(0);
    }
        
    if(isMobile.BlackBerry()) {
        $('.show-blackberry').show(0);
        $('.show-android, .show-ios, .show-windows').hide(0);
    }
        
    if(isMobile.iOS()) {
        $('.show-ios').show(0);
        $('.show-blackberry, .show-android, .show-windows').hide(0);
    }
        
    if(isMobile.Windows()) {
        $('.show-windows').show(0);
        $('.show-blackberry, .show-ios, .show-android').hide(0);
    }
    
    $('.back-to-top-badge, .back-to-top').click(function() {
		$('#content').animate({
			scrollTop:0
		}, 500, 'easeInOutQuad');
		return false;
	});
    
    //Show Back To Home When Scrolling
        
    $('#content').on('scroll', function () {
        var total_scroll_height = $('#content')[0].scrollHeight
        var inside_header = ($(this).scrollTop() <= 150);
        var passed_header = ($(this).scrollTop() >= 0); //250
        var footer_reached = ($(this).scrollTop() >= (total_scroll_height - ($(window).height() +100 )));
        
        if (inside_header == true) {
            $('.back-to-top-badge').removeClass('back-to-top-badge-visible');
        } else if (passed_header == true)  {
            $('.back-to-top-badge').addClass('back-to-top-badge-visible');
        } 
        if (footer_reached == true){            
            $('.back-to-top-badge').removeClass('back-to-top-badge-visible');
        }
    });
    
    //Make contianer fullscreen//    
         
    function create_paddings(){
        var no_padding = $(window).width();
        function mobile_paddings(){
            $('.content').css('padding-left', '20px');   
            $('.content').css('padding-right', '20px');   
            $('.container-fullscreen, .image-fullscreen').css('margin-left', '-20px');
            $('.container-fullscreen, .image-fullscreen').css('width', no_padding +2);    
        }
        
        function tablet_paddings(){
            $('.content').css('padding-left', '50px');   
            $('.content').css('padding-right', '50px');  
            $('.container-fullscreen, .image-fullscreen').css('margin-left', '-50px');
            $('.container-fullscreen, .image-fullscreen').css('width', no_padding +2);              
        }
        
        if($(window).width() < 766){
            mobile_paddings()
        }        
        if($(window).width() > 766){
            tablet_paddings()
        }
    }

    $(window).resize(function() {  
        create_paddings();
    });
    
    create_paddings();
    
    //Morph Headings
    
    $(".infinite-text").Morphext({
        // The [in] animation type. Refer to Animate.css for a list of available animations.
        animation: "flipInX",
        // An array of phrases to rotate are created based on this separator. Change it if you wish to separate the phrases differently (e.g. So Simple | Very Doge | Much Wow | Such Cool).
        separator: "|",
        // The delay between the changing of each phrase in milliseconds.
        speed: 2000,
        complete: function () {
            // Called after the entrance animation is executed.
        }
    });
    
    //Set inputs to today's date by adding class set-day
    
    var set_input_now = new Date();
    var set_input_month = (set_input_now.getMonth() + 1);               
    var set_input_day = set_input_now.getDate();
    if(set_input_month < 10) 
        set_input_month = "0" + set_input_month;
    if(set_input_day < 10) 
        set_input_day = "0" + set_input_day;
    var set_input_today = set_input_now.getFullYear() + '-' + set_input_month + '-' + set_input_day;
    $('.set-today').val(set_input_today);
        
    
    //Portfolios and Gallerties
    
    $('.adaptive-one').click(function(){
        $('.portfolio-switch').removeClass('active-adaptive');
        $(this).addClass('active-adaptive');
        $('.portfolio-adaptive').removeClass('portfolio-adaptive-two portfolio-adaptive-three');
        $('.portfolio-adaptive').addClass('portfolio-adaptive-one');
        return false;
    });    
    
    $('.adaptive-two').click(function(){
        $('.portfolio-switch').removeClass('active-adaptive');
        $(this).addClass('active-adaptive');
        $('.portfolio-adaptive').removeClass('portfolio-adaptive-one portfolio-adaptive-three');
        $('.portfolio-adaptive').addClass('portfolio-adaptive-two'); 
        return false;
    });    
    
    $('.adaptive-three').click(function(){
        $('.portfolio-switch').removeClass('active-adaptive');
        $(this).addClass('active-adaptive');
        $('.portfolio-adaptive').removeClass('portfolio-adaptive-two portfolio-adaptive-one');
        $('.portfolio-adaptive').addClass('portfolio-adaptive-three'); 
        return false;
    });
    
    //Wide Portfolio
    
    $('.show-wide-text').click(function(){
        $(this).parent().find('.wide-text').slideToggle(200); 
        return false;
    });
    
    $('.portfolio-close').click(function(){
       $(this).parent().parent().find('.wide-text').slideToggle(200);
        return false;
    });
    
    $('.show-gallery, .show-gallery-1, .show-gallery-2, .show-gallery-3, .show-gallery-4, .show-gallery-5, .add-gallery a').swipebox();
    
    function apply_gallery_justification(){
        var screen_widths = $(window).width();
        if( screen_widths < 768){ 
            $('.gallery-justified').justifiedGallery({
                rowHeight : 70,
                maxRowHeight : 370,
                margins : 5,
                fixedHeight:false
            });
        };

        if( screen_widths > 768){
            $('.gallery-justified').justifiedGallery({
                rowHeight : 150,
                maxRowHeight : 370,
                margins : 5,
                fixedHeight:false
            });
        };
    };
    apply_gallery_justification();
    
    //Filterable Gallery
    
    var selectedClass = "";
    $(".filter-category").click(function(){
        $('.portfolio-filter-categories a').removeClass('selected-filter');
        $(this).addClass('selected-filter');
        selectedClass = $(this).attr("data-rel");
        $(".portfolio-filter-wrapper").show(250);
        $(".portfolio-filter-wrapper div").not("."+selectedClass).delay(100).hide(250);
        setTimeout(function() {
            $("."+selectedClass).show(250);
            $(".portfolio-filter-wrapper").show(250);
        }, 0);
    });
    
    if($('body').hasClass('dual-sidebar')){   dual_sidebar();   }
    if($('body').hasClass('left-sidebar')){   left_sidebar();   }
    if($('body').hasClass('right-sidebar')){  right_sidebar();  }
    if($('body').hasClass('no-sidebar')){     no_sidebar();     }
        
    function dual_sidebar(){
        var $div = $('<div />').appendTo('body');
        $div.attr('id', 'footer-fixed');
        $div.attr('class', 'not-active');
        var snapper = new Snap({
            element: document.getElementById('content'),
            elementMirror: document.getElementById('header'),
            elementMirror2: document.getElementById('footer-fixed'),
            disable: 'none',
            tapToClose: true,
            touchToDrag: true,
            maxPosition: 266,
            minPosition: -266
        });
        $('.close-sidebar').click(function(){snapper.close(); return false;});
        $('.open-left-sidebar').click(function() {
            //$(this).toggleClass('remove-sidebar');
            if( snapper.state().state=="left" ){
                snapper.close();
            } else {
                snapper.open('left');
            }
            return false;
        });	
        $('.open-right-sidebar').click(function() {
            //$(this).toggleClass('remove-sidebar');
            if( snapper.state().state=="right" ){
                snapper.close();
            } else {
                snapper.open('right');
            }
            return false;
        });
        snapper.on('open', function(){$('.back-to-top-badge').removeClass('back-to-top-badge-visible');});
    };    
    
    function left_sidebar(){
        var $div = $('<div />').appendTo('body');
        $div.attr('id', 'footer-fixed');
        $div.attr('class', 'not-active');
        var snapper = new Snap({
            element: document.getElementById('content'),
            elementMirror: document.getElementById('header'),
            elementMirror2: document.getElementById('footer-fixed'),
            disable: 'right',
            tapToClose: true,
            touchToDrag: true,
            maxPosition: 266,
            minPosition: -266
        });  
        $('.close-sidebar').click(function(){snapper.close(); return false;});
        $('.open-left-sidebar').click(function() {
            //$(this).toggleClass('remove-sidebar');
            if( snapper.state().state=="left" ){
                snapper.close();
            } else {
                snapper.open('left');
            }
            return false;
        });	
        snapper.on('open', function(){$('.back-to-top-badge').removeClass('back-to-top-badge-visible');});
    };    
    
    function right_sidebar(){
        var $div = $('<div />').appendTo('body');
        $div.attr('id', 'footer-fixed');
        $div.attr('class', 'not-active');
        var snapper = new Snap({
            element: document.getElementById('content'),
            elementMirror: document.getElementById('header'),
            elementMirror2: document.getElementById('footer-fixed'),
            disable: 'left',
            tapToClose: true,
            touchToDrag: true,
            maxPosition: 266,
            minPosition: -266
        });     
        $('.close-sidebar').click(function(){snapper.close(); return false;});
        $('.open-right-sidebar').click(function() {
            //$(this).toggleClass('remove-sidebar');
            if( snapper.state().state=="right" ){
                snapper.close();
            } else {
                snapper.open('right');
            }
            return false;
        });
        snapper.on('open', function(){$('.back-to-top-badge').removeClass('back-to-top-badge-visible');});
    };     
        
    function no_sidebar(){
        var snapper = new Snap({
            element: document.getElementById('content'),
            elementMirror: document.getElementById('header'),
            elementMirror2: document.getElementById('footer-fixed'),
            disable: 'none',
            tapToClose: false,
            touchToDrag: false
        });        
    }; 
    
    //Fullscreen Map
    
    $('.map-text, .map-overlay').click(function(){
       $('.map-text, .map-overlay').fadeOut(200); 
       $('.deactivate-map').fadeIn(200); 
    });    
    
    $('.deactivate-map').click(function(){
       $('.map-text, .map-overlay').fadeIn(200); 
       $('.deactivate-map').fadeOut(200); 
    });
    
    function generate_map(){
        var map_width = $(window).width();
        var map_height = $(window).height();
        
        $('.map-fullscreen iframe').css('width', map_width);
        $('.map-fullscreen iframe').css('height', map_height);
    };
    generate_map();
    
    //-------------------Generate Cover Screen Elements--------------------//
    //Global Settings for Fullscreen Pages, PageApps and Coverscreen Slider//
    
    function align_cover_elements(){
        var cover_width = $(window).width();
        var cover_height = $(window).height();
        var cover_vertical = -($('.cover-center').height())/2;
        var cover_horizontal = -($('.cover-center').width())/2;
        
        $('.cover-screen').css('width', cover_width);
        $('.cover-screen').css('height', cover_height);
        $('.cover-screen .overlay').css('width', cover_width);
        $('.cover-screen .overlay').css('height', cover_height);
        
        $('.cover-center').css('margin-left', cover_horizontal);      
        $('.cover-center').css('margin-top', cover_vertical + 30);     
        $('.cover-left').css('margin-top', cover_vertical);   
        $('.cover-right').css('margin-top', cover_vertical);   
        
        $('.homepage-cover, .homepage-cover-slider').css('height', cover_height);
        $('.homepage-cover, .homepage-cover-slider').css('width', cover_width);
        
    };
    align_cover_elements();        
    
    //Resize Functions//
    
    $(window).resize(function(){
        apply_gallery_justification();  
        align_cover_elements();
        generate_map();
    });
    
    //Swipebox Image Gallery//
    //SVG Usage is not recommended due to poor compatibility with older Android / Windows Mobile Devices//
    
	$(".swipebox").swipebox({
		useCSS : true, 
		hideBarsDelay : 3000 // 0 to always show caption and action bar
	});
    

        
});