https://www.21ccc.de/js/start/OnePage.js

1function fbshare(url){ 
2    if(!url){
3	url = location.href;
4    }
5    var sharer = "https://www.facebook.com/sharer/sharer.php?u="; 
6    window.open(sharer + url,'sharer', 'width=626,height=436'); 
7}
8
9function tweet(url) {
10    if(!url){
11	url = location.href;
12    }
13    var sharer = 'http://twitter.com/share?url=';
14    window.open(sharer + url,'sharer', 'width=626,height=436'); 
15}
16    
17(function($) {
18    
19    $(document).ready(function(){
20	    if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
21		var msViewportStyle = document.createElement("style");
22		msViewportStyle.appendChild(
23		    document.createTextNode(
24			"@-ms-viewport{width:auto!important}"
25			)
26		    );
27		document.getElementsByTagName("head")[0].
28		appendChild(msViewportStyle);
29	    }
30	
31	    $(".iframe").colorbox({
32		onComplete: function() {
33		    $('#cboxWrapper').css({backgroundColor: 'rgba(255,255,255,0.9)'});
34		},
35		onCleanup: function() {
36		    $('#cboxWrapper').css({backgroundColor: 'rgba(255,255,255,0.0)'});
37		},
38		fastIframe:true, trapFocus:false, retinaUrl:false, returnFocus:false, iframe:true, fixed:true, width:"800px", height:"600px", maxWidth:"80%", maxHeight:"80%"});
39	    //$('a.gallery.galHover').colorbox({opacity:0.5, transition:'fade', rel:'group1', maxWidth:"90%", maxHeight:"80%"});
40
41	    $(".swipebox").swipebox();
42
43	    $('body').scrollspy({ 
44		target: '#navbar',
45		offset: jQuery('nav').height()
46	    });
47	    
48	    $('#nav-down .dropdown-menu').css({
49		bottom: '100%',
50		top: 'auto'
51	    });
52	    $(window).on( "scroll", function() {
53		var s = $(this).scrollTop();
54		var down = $('#nav-down .dropdown-menu').height();
55		if(down > 0) {
56		    if( ($('#teaser').height()-down) > s) {
57			$('#nav-down .dropdown-menu').css({
58			    bottom: '100%',
59			    top: 'auto'
60			});
61		    }else {
62			$('#nav-down .dropdown-menu').css({
63			    top: '100%',
64			    bottom: 'auto'
65			});
66		    }
67		}
68	    });
69	    
70	    $(window).on('resize', function() {
71		    $('.carousel').carousel();
72		    /*var height = $(window).height();
73		    if($(window).height() > 500) {
74			    height = 500;
75		    }
76		    $('.parallax').height(height);*/
77		    if( ($(window).height()-jQuery('nav').height()) < 415) {
78			$('#teaser').height(415);
79		    }else {
80			$('#teaser').height($(window).height()-jQuery('nav').height());
81		    }
82		    
83		    $('.opwidth').width($(window).width());
84		    $(".iframe").colorbox.resize({
85			width:"80%", height:"80%"
86		    });
87		    /*
88		    $('a.gallery.galHover').colorbox.resize({
89			
90			rel:'group1',
91			width: "90%",
92			height: "80%"
93		    });	*/
94
95		    jQuery('body').scrollspy('refresh');
96
97		    jQuery(".navbar-nav li a, .bdown .akt").unbind();
98		    jQuery(".navbar-nav li a, .bdown .akt").bind('click',function(event){
99			var headerHight = jQuery('nav').height();
100			var _this = this;
101			//jQuery("#navbar a").removeClass('active');
102			//jQuery(this).addClass('active');
103			jQuery("html, body").animate({
104			    scrollTop: jQuery(jQuery(this).attr("href")).offset().top - (headerHight) + "px"
105			}, {
106			    duration: 1200,
107			    easing: "easeInOutExpo",
108			    complete: function() {
109				jQuery("#navbar li").removeClass('active');
110				var className = jQuery(_this).attr('class');
111				jQuery('.'+className).parent().addClass('active');
112			    }
113			});
114			return false;
115			event.preventDefault();
116		    });	 
117		    jQuery(".nav-tabs li a").unbind();
118		    jQuery(".nav-tabs li a").bind('click',function(event){
119			var headerHight = jQuery('nav').height();
120			var _this = this;
121			//jQuery("#navbar a").removeClass('active');
122			//jQuery(this).addClass('active');
123			jQuery("html, body").animate({
124			    scrollTop: jQuery(jQuery(this).attr("href")).offset().top - (headerHight) + "px"
125			}, {
126			    duration: 1200,
127			    easing: "easeInOutExpo",
128			    complete: function() {
129				jQuery("#navbar li").removeClass('active');
130				var className = jQuery(_this).attr('class');
131				jQuery('.'+className).parent().addClass('active');
132			    }
133			});
134			return false;
135			event.preventDefault();
136		    });	
137	    });
138	    
139	    
140	    $(window).trigger('resize');
141	    setTimeout(function() {
142		jQuery('body').scrollspy('refresh');
143	    },1000);
144    });

145
146})(jQuery);