https://www.afaindia.com/js/views/view.home.js

1/*
2Name: 			View - Home
3Written by: 	Okler Themes - (http://www.okler.net)
4Version: 		3.1.0
5*/
6
7(function() {
8
9	"use strict";
10
11	var Home = {
12
13		initialized: false,
14
15		initialize: function() {
16
17			if (this.initialized) return;
18			this.initialized = true;
19
20			this.build();
21			this.events();
22
23		},
24
25		build: function(options) {
26
27			// Circle Slider
28			if(typeof($.fn.flipshow()) != "undefined") {
29				var circleContainer = $("#fcSlideshow");
30				
31				if(circleContainer.get(0)) {
32					circleContainer.flipshow();
33
34					setInterval( function() {
35						circleContainer.data().flipshow._navigate(circleContainer.find("div.fc-right span:first"), "right");
36					}, 3000);				
37				}
38			}
39
40			// Revolution Slider Initialize
41			$("#revolutionSlider").each(function() {
42
43				var slider = $(this);
44
45				var defaults = {
46					delay: 6000,
47					startheight: 450,
48					startwidth: 1920,
49					hideTimerBar:"off",
50					autoHeight:"on",
51					hideThumbs: 10,
52
53					thumbWidth: 100,
54					thumbHeight: 50,
55					thumbAmount: 5,
56
57					navigationType: "both",
58					navigationArrows: "verticalcentered",
59					navigationStyle: "round",
60
61					touchenabled: "on",
62					onHoverStop: "off",
63
64					navOffsetHorizontal: 0,
65					navOffsetVertical: 20,
66
67					stopAtSlide:-1,
68         stopAfterLoops:-1,
69
70					shadow:1,
71					fullWidth: "on",
72					videoJsPath: "vendor/rs-plugin/videojs/"
73				}
74
75				var config = $.extend({}, defaults, options, slider.data("plugin-options"));
76
77				// Initialize Slider
78				var sliderApi = slider.revolution(config).addClass("slider-init");
79
80				// Set Play Button to Visible
81				sliderApi.bind("revolution.slide.onloaded ",function (e,data) {
82					$(".home-player").addClass("visible");
83				});
84
85			});
86
87			// Revolution Slider One Page
88			if($("#revolutionSliderFullScreen").get(0)) {
89				var rev = $("#revolutionSliderFullScreen").revolution({
90					delay: 9000,
91					startwidth: 1920,
92					startheight: 450,
93
94					hideThumbs: 200,
95
96					thumbWidth: 100,
97					thumbHeight: 50,
98					thumbAmount: 5,
99
100					navigationType: "both",
101					navigationArrows: "verticalcentered",
102					navigationStyle: "round",
103
104					touchenabled: "on",
105					onHoverStop: "on",
106
107					navOffsetHorizontal: 0,
108					navOffsetVertical: 20,
109
110					stopAtSlide: -1,
111					stopAfterLoops: -1,
112
113					shadow: 0,
114					fullWidth: "on",
115					fullScreen: "on",
116					fullScreenOffsetContainer: ".header",
117					videoJsPath: "vendor/rs-plugin/videojs/"
118				});
119
120			}
121
122			// Nivo Slider
123			if($("#nivoSlider").get(0)) {
124				$("#nivoSlider").nivoSlider({
125					effect: 'random',               // Specify sets like: 'fold,fade,sliceDown'
126					slices: 15,                     // For slice animations
127					boxCols: 8,                     // For box animations
128					boxRows: 4,                     // For box animations
129					animSpeed: 500,                 // Slide transition speed
130					pauseTime: 6000,                // How long each slide will show
131					startSlide: 0,                  // Set starting Slide (0 index)
132					directionNav: true,             // Next & Prev navigation
133					controlNav: true,               // 1,2,3... navigation
134					controlNavThumbs: false,        // Use thumbnails for Control Nav
135					pauseOnHover: true,             // Stop animation while hovering
136					manualAdvance: false,           // Force manual transitions
137					prevText: 'Prev',               // Prev directionNav text
138					nextText: 'Next',               // Next directionNav text
139					randomStart: false,             // Start on a random slide
140					beforeChange: function(){},     // Triggers before a slide transition
141					afterChange: function(){},      // Triggers after a slide transition
142					slideshowEnd: function(){},     // Triggers after all slides have been shown
143					lastSlide: function(){},        // Triggers when last slide is shown
144					afterLoad: function(){}         // Triggers when slider has loaded
145				});
146			}
147
148		},
149
150		events: function() {
151
152			this.moveCloud();
153
154		},
155
156		moveCloud: function() {
157
158			var $this = this;
159
160			$(".cloud").animate( {"top": "+=20px"}, 3000, "linear", function() {
161				$(".cloud").animate( {"top": "-=20px"}, 3000, "linear", function() {
162					$this.moveCloud();
163				});
164			});
165
166		}
167
168	};
169
170	Home.initialize();
171

172})();