daw/js/studio.js

new WOW().init();

jQuery(document).ready(function($) {
	
	$(window).bind('load', function() {
		$('#loader').fadeOut(100);
	});

	$('.nav-toggle').on('touchstart click', function(e) {
		e.preventDefault();
		$( this ).toggleClass( 'active' );
	});

	$(function dw_hidenav() {
		var headerHeight = $('.navbar').height();
		$(window).on('scroll', { previousTop: 0 },
			function() {
			var currentTop = $(window).scrollTop();
			if (currentTop < this.previousTop) {
				if (currentTop > 0 && $('.navbar').hasClass('fixed')) {
						$('.navbar').addClass('visible');
						$('.site-title a').removeClass('light');
					} else {
						$('.navbar').removeClass('visible fixed');
						$('.site-title a').addClass('light');
					}
			} 
			else {
				$('.navbar').removeClass('visible');
				if (currentTop > headerHeight && !$('.navbar').hasClass('fixed')) $('.navbar').addClass('fixed');
			}
			this.previousTop = currentTop;
			}  
		);
	});
	$("#studio-caro").wallpaper({source: "../wp-content/themes/dw/img/desk2.jpg"});
	$('.caro-grad').appear();
	$('.caro-grad').one('appear', dw_appear);
	function dw_appear() {
		$('#caro').carousel({
			interval: false,
			wrap: true,
		});
		$('#svg-imac').addClass('bg');
		
		var anima = new DrawFillSVG({elementId: 'svg-imac'});
		anima.replay();
	};

	$(document).bind('keyup', function(e) {
	    if(e.which === 39){
			$('#caro').carousel('next');
	    }
	    else if(e.which === 37){
			$('#caro').carousel('prev');
	    }
	});

	$('#caro').on('slid.bs.carousel', function(event) {
		var consta = $(event.target);
		setTimeout(function() {
			if (consta.find('.item.active').data('id') === 0) {
				$('#studio-caro').addClass('caro-grad5').removeClass('caro-grad caro-grad3 caro-grad2 caro-grad5');
				$('.site-title a').addClass('light');
				$('.carousel-indicators li').removeClass('darken-carousel-indicators');
				$("#studio-caro").wallpaper("destroy");
				$("#studio-caro").wallpaper({source: "../wp-content/themes/dw/img/desk2.jpg"});
			}
			if (consta.find('.item.active').data('id') === 1) {
				$('#studio-caro').addClass('caro-grad').removeClass('caro-grad3 caro-grad2 caro-grad5');
				$('.site-title a').addClass('light');
				$('.carousel-indicators li').removeClass('darken-carousel-indicators');
				$("#studio-caro").wallpaper("destroy");
			}
			if (consta.find('.item.active').data('id') === 2) {
				$('#studio-caro').addClass('caro-grad2').removeClass('caro-grad caro-grad3 caro-grad5');
				$('.site-title a').addClass('light');
				$('.carousel-indicators li').removeClass('darken-carousel-indicators');
				$("#studio-caro").wallpaper("destroy");
			}
			if (consta.find('.item.active').data('id') === 3) {	
				$( '#studio-caro' ).addClass('caro-grad3').removeClass('caro-grad2 caro-grad caro-grad5');
				$('.site-title a').removeClass('light');
				$('.carousel-indicators li').addClass('darken-carousel-indicators');
				$("#studio-caro").wallpaper("destroy");
			}
			if (consta.find('.item.active').data('id') === 4) {	
				$('#studio-caro').removeClass('caro-grad caro-grad3').addClass('caro-grad5');
				$('.site-title a').addClass('light');
				$('.carousel-indicators li').removeClass('darken-carousel-indicators');
				$("#studio-caro").wallpaper("destroy");
				$("#studio-caro").wallpaper({source: {poster:"../wp-content/themes/dw/img/camera.jpg",mp4:"../wp-content/themes/dw/img/camera.mp4"}});
			}
			if (consta.find('.item.active').data('id') === 5) {	
				$( '#studio-caro' ).addClass('caro-grad5').removeClass('caro-grad2 caro-grad caro-grad3');
				$('.site-title a').addClass('light');
				$('.carousel-indicators li').addClass('darken-carousel-indicators');
				$("#studio-caro").wallpaper("destroy");
				$("#studio-caro").wallpaper({source: "../wp-content/themes/dw/img/paints2.jpg"});
			}
		}, 10);
	});

	$('#caro').on('slid.bs.carousel', function() {
		$('.active .animac').removeClass('hide-svg fade-svg');
		var animac = new DrawFillSVG({elementId: 'svg-imac'});
		var animac1 = new DrawFillSVG({elementId: 'sv'});
		var animac2 = new DrawFillSVG({elementId: 'svg-mac'});
		var animac3 = new DrawFillSVG({elementId: 'svg-device'});
		animac.replay();
		animac1.replay();
		animac2.replay();
		animac3.replay();
	});

	$('#caro').on('slide.bs.carousel', function() {
		$('.active #svg-imac.bg').attr('class', 'svg screen');
		$('.active .animac').addClass('fade-svg').delay(1000).queue(function(hideit){
		    $(this).addClass('hide-svg');
		    hideit();
		});
	});

	$('#caro').on('slid.bs.carousel', function() {
		$('.active #svg-imac.screen').delay(2500).queue(function(screenit){
		    $(this).attr('class', 'bg');
		    screenit();
		});
	});
			
});