https://kannurtourism.com/wp-content/themes/ePhoto2/js/custom.js

1jQuery(document).ready(function($){
2								
3			var $sections_overlay = $('#sections li div.sections-overlay');
4			var $sections_overlay_single = $('.thumbnail-single div.sections-overlay');
5			var $featured_button_prev = $("#featured-button div.prev-hover");
6			var $featured_button_next = $("#featured-button div.next-hover");
7			
8		$('ul.superfish').superfish({ 
9            delay:       150,                            // one second delay on mouseout 
10            animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
11            speed:       'fast',                          // faster animation speed 
12            autoArrows:  true,                           // disable generation of arrow mark-up 
13            dropShadows: false                            // disable drop shadows 
14        }); 
15		
16	$('#animate a')
17		.css( {backgroundPosition: "0px 0px"} )
18		.mouseover(function(){
19			$(this).stop().animate({backgroundPosition:"(-80px -190px)"}, {duration:1000})
20		})
21		.mouseout(function(){
22			$(this).stop().animate({backgroundPosition:"(-130px 0px)"}, {duration:700, complete:function(){
23				$(this).css({backgroundPosition: "0px 0px"})
24			}})
25		})
26	$('#sidebar div.sidebar-box ul li a')
27		.css( {backgroundPosition: "0px 0px"} )
28		.mouseover(function(){
29			$(this).stop().animate({backgroundPosition:"(0px -50px)"}, {duration:200})
30		})
31		.mouseout(function(){
32			$(this).stop().animate({backgroundPosition:"(0px 0px)"}, {duration:200, complete:function(){
33				$(this).css({backgroundPosition: "0px 0px"})
34			}})
35		})		
36	$('#animate li li a')
37		.css( {backgroundPosition: "-640px 0px"} )
38		.mouseover(function(){
39			$(this).stop().animate({backgroundPosition:"(0px 0px)"}, {duration:500})
40		})
41		.mouseout(function(){
42			$(this).stop().animate({backgroundPosition:"(-640px 0px)"}, {duration:400, complete:function(){
43				$(this).css({backgroundPosition: "-640px 0px"})
44			}})
45		})
46		$featured_button_prev.css("opacity","0");
47		$featured_button_prev.hover(function () {
48			$(this).stop().animate({
49				opacity: 1
50			}, "slow");
51		},
52		function () {
53			$(this).stop().animate({
54				opacity: 0
55			}, "fast");
56		});
57		$featured_button_next.css("opacity","0");
58		$featured_button_next.hover(function () {
59			$(this).stop().animate({
60				opacity: 1
61			}, "slow");
62		},
63		function () {
64			$(this).stop().animate({
65				opacity: 0
66			}, "fast");
67		});
68
69	$("#categories-button").click(function(){
70		$("#categories-dropdown").slideToggle("slow");
71		$(this).toggleClass("active"); return false;
72	});
73	
74		$("#home-wrapper div.sections-overlay").css({opacity: "0", backgroundPosition: "-40px -167px"});
75		$("#home-wrapper div.thumbnail-div").hover(function () {
76		$(this).stop().animate({marginTop: "-10px"}, 450);
77		$(this).find("div.sections-overlay").stop().animate({opacity: "1", backgroundPosition:"(-40px 0px)"}, {duration:1000});
78		},
79		function () {
80			$(this).stop().animate({marginTop: "0px"}, 450);
81			$(this).find("div.sections-overlay").stop().animate({opacity: "0", backgroundPosition:"(0px -167px)"}, {duration:1000});
82		});
83		
84		$sections_overlay.css("opacity","0");
85		$sections_overlay.hover(function () {
86			$(this).stop().animate({
87				opacity: 1
88			}, "slow");
89		},
90		function () {
91			$(this).stop().animate({
92				opacity: 0
93			}, "slow");
94		});
95		
96		$sections_overlay_single.css("opacity","0");
97		$sections_overlay_single.hover(function () {
98			$(this).stop().animate({
99				opacity: 1
100			}, "slow");
101		},
102		function () {
103			$(this).stop().animate({
104				opacity: 0
105			}, "slow");
106		});
107	});