https://badmonkee.de/en/js/custom.js

1$(document).ready(function(){
2	"use strict";
3	
4	if($(window).width() > 650){
5		$('.header-image img').attr('src',$('.header-image img').attr('data-desktop'));	
6	}
7	else{
8		$('.header-image img').attr('src',$('.header-image img').attr('data-mobile'));	
9	}
10   
11	$('.employees-mobile .element').first().fadeIn('fast');
12	var emp = $('.employees-mobile .element').length;	
13	
14	if(emp > 0){
15		for(var i = 1; i <= emp; i++){
16			$('.slider-buttons').append('<img data-slide="' + i + '" src="img/home/slider_point2_hd.png" alt=""/>');
17		}
18	}
19	
20	
21	$('.screenshots-mobile .element').first().fadeIn('fast');
22	var scr = $('.screenshots-mobile .element').length;	
23
24	if(scr > 0){
25		for(var i = 1; i <= scr; i++){
26			$('.slider-buttons').append('<img data-slide="' + i + '" src="img/home/slider_point2_hd.png" alt=""/>');
27		}
28	}
29	
30	$('.slider-buttons img').first().attr('src','img/home/slider_point1_hd.png');	
31	
32	$('[data-slide]').on('click',function(){
33		var num = $(this).attr('data-slide');	
34		
35		$('.slider-buttons > img').each(function(){
36			if($(this).attr('src') === "img/home/slider_point1_hd.png"){
37				$(this).attr('src','img/home/slider_point2_hd.png');
38			}			
39		});
40		
41		$('.slider-buttons img:nth-child(' + num + ')').attr('src','img/home/slider_point1_hd.png');
42		
43		if(emp > 0){
44			$('.employees-mobile .element:visible').fadeOut('fast',function(){
45				$('.employees-mobile .element:nth-child(' + num + ')').fadeIn('fast');
46			});	
47		}
48		else if(scr > 0){
49			$('.screenshots-mobile .element:visible').fadeOut('fast',function(){
50				$('.screenshots-mobile .element:nth-child(' + num + ')').fadeIn('fast');
51			});
52		}
53	});
54		
55	$(".employees-mobile").swipe( { swipeLeft:swipeIt, swipeRight:swipeIt} );	
56	$(".screenshots-mobile").swipe( { swipeLeft:swipeItScr, swipeRight:swipeItScr} );	
57			
58	$(window).on('resize',function(){
59		if($(window).width() > 768){
60			$('#mobile-dropdown').slideUp('fast');	
61		}
62		
63		if($(window).width() > 650){
64			$('.header-image img').attr('src',$('.header-image img').attr('data-desktop'));	
65		}
66		else{
67			$('.header-image img').attr('src',$('.header-image img').attr('data-mobile'));	
68		}
69	});
70	
71	$('[data-to]').on('click',function(){
72		$('#mobile-dropdown').slideUp('fast');	
73		$('html, body').animate({
74			scrollTop: $("#" + $(this).attr('data-to')).offset().top
75		}, 500);	
76	});
77	
78	$('#toggle-mobile').on('click',function(){
79		$('#mobile-dropdown').slideToggle('fast');	
80	});	
81	
82	$('[data-hover]').on('mouseover',function(){
83		$(this).attr('src',$(this).attr('data-hover'));	
84	});
85	
86	$('[data-hover]').on('mouseout',function(){
87		$(this).attr('src',$(this).attr('data-no-hover'));	
88	});
89	
90	$('.backbutton img').on('mouseover',function(){
91		$(this).attr('src','img/btn_back_h_hd.png');
92	});
93	
94	$('.backbutton img').on('mouseout',function(){
95		$(this).attr('src','img/btn_back_hd.png');
96	});
97});
98
99function swipeIt(event, direction, distance, duration, fingerCount) {
100	"use strict";
101	
102	if(direction == "left"){
103		var next = $('.employees-mobile .element:visible').next();
104		
105		if(!next.hasClass('element'))
106			next = $('.employees-mobile .element:first');
107		
108		$('.employees-mobile .element:visible').fadeOut('fast',function(){
109			next.fadeIn('fast');	
110		});
111		
112		var num = next.prevAll().length;
113		num++;
114		
115		$('.slider-buttons > img').each(function(){
116			if($(this).attr('src') === "img/home/slider_point1_hd.png"){
117				$(this).attr('src','img/home/slider_point2_hd.png');
118			}			
119		});
120		
121		$('.slider-buttons img:nth-child(' + num + ')').attr('src','img/home/slider_point1_hd.png');
122		
123	}
124	else if(direction == "right"){
125		var prev = $('.employees-mobile .element:visible').prev();
126		
127		if(!prev.hasClass('element'))
128			prev = $('.employees-mobile .element:last');
129		
130		$('.employees-mobile .element:visible').fadeOut('fast',function(){
131			prev.fadeIn('fast');	
132		});
133		
134		var num = prev.prevAll().length;
135		num++;
136		
137		$('.slider-buttons > img').each(function(){
138			if($(this).attr('src') === "img/home/slider_point1_hd.png"){
139				$(this).attr('src','img/home/slider_point2_hd.png');
140			}			
141		});
142		
143		$('.slider-buttons img:nth-child(' + num + ')').attr('src','img/home/slider_point1_hd.png');
144	}
145}
146
147function swipeItScr(event, direction, distance, duration, fingerCount) {
148	"use strict";
149	
150	if(direction == "left"){
151		var next = $('.screenshots-mobile .element:visible').next();
152		
153		if(!next.hasClass('element'))
154			next = $('.screenshots-mobile .element:first');
155		
156		$('.screenshots-mobile .element:visible').fadeOut('fast',function(){
157			next.fadeIn('fast');	
158		});
159		
160		var num = next.prevAll().length;
161		num++;
162		
163		$('.slider-buttons > img').each(function(){
164			if($(this).attr('src') === "img/home/slider_point1_hd.png"){
165				$(this).attr('src','img/home/slider_point2_hd.png');
166			}			
167		});
168		
169		$('.slider-buttons img:nth-child(' + num + ')').attr('src','img/home/slider_point1_hd.png');
170		
171	}
172	else if(direction == "right"){
173		var prev = $('.screenshots-mobile .element:visible').prev();
174		
175		if(!prev.hasClass('element'))
176			prev = $('.screenshots-mobile .element:last');
177		
178		$('.screenshots-mobile .element:visible').fadeOut('fast',function(){
179			prev.fadeIn('fast');	
180		});
181		
182		var num = prev.prevAll().length;
183		num++;
184		
185		$('.slider-buttons > img').each(function(){
186			if($(this).attr('src') === "img/home/slider_point1_hd.png"){
187				$(this).attr('src','img/home/slider_point2_hd.png');
188			}			
189		});
190		
191		$('.slider-buttons img:nth-child(' + num + ')').attr('src','img/home/slider_point1_hd.png');
192	}
193}