|
1 jQuery(function($) { |
|
2 var open = false; |
|
3 jQuery('#footerSlideButton').click(function () { |
|
4 if(open === false) { |
|
5 jQuery('#footerSlideContent').animate({ height: '250px' }); |
|
6 jQuery(this).css('backgroundPosition', 'bottom left'); |
|
7 open = true; |
|
8 } else { |
|
9 jQuery('#footerSlideContent').animate({ height: '0px' }); |
|
10 jQuery(this).css('backgroundPosition', 'top left'); |
|
11 open = false; |
|
12 } |
|
13 }); |
|
14 }); |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 /* container sliding start */ |
|
21 jQuery(function() { |
|
22 jQuery('ul.menu a').bind('click',function(event){ |
|
23 var $anchor = jQuery(this); |
|
24 |
|
25 jQuery('html, body').stop().animate({ |
|
26 scrollTop: jQuery($anchor.attr('href')).offset().top |
|
27 }, 1500,'easeInOutExpo'); |
|
28 /* |
|
29 if you don't want to use the easing effects: |
|
30 $('html, body').stop().animate({ |
|
31 scrollTop: $($anchor.attr('href')).offset().top |
|
32 }, 1000); |
|
33 */ |
|
34 event.preventDefault(); |
|
35 }); |
|
36 }); |
|
37 /* container sliding end */ |
|
38 |
|
39 /* start for slider */ |
|
40 jQuery(function(){ |
|
41 |
|
42 /* for hover effekt on images */ |
|
43 jQuery('.lightbox-image').prepend('<span></span>').hover(function(){jQuery(this).find('img').stop().animate({opacity:.5})},function(){jQuery(this).find('img').stop().animate({opacity:1})}) |
|
44 |
|
45 /* for list */ |
|
46 jQuery('.list-1 li a').prepend('<span><span></span></span>') |
|
47 |
|
48 /* for slider */ |
|
49 jQuery('#slides').slides({ |
|
50 effect: 'fade', |
|
51 fadeSpeed:1000, |
|
52 preload: true, |
|
53 play: 6000, |
|
54 pause: 6000, |
|
55 generateNextPrev: true, |
|
56 generatePagination: false, |
|
57 crossfade: true, |
|
58 hoverPause: true, |
|
59 animationStart: function(current){ |
|
60 jQuery('.caption').animate({opacity:0}).css({display:'none'}); |
|
61 if (window.console && console.log) { |
|
62 console.log('animationStart on slide: ', current); |
|
63 }; |
|
64 }, |
|
65 animationComplete: function(current){ |
|
66 jQuery('.caption').animate({opacity:1}).css({display:'block'}); |
|
67 if (window.console && console.log) { |
|
68 console.log('animationComplete on slide: ', current); |
|
69 }; |
|
70 }, |
|
71 slidesLoaded: function() { |
|
72 jQuery('.caption').animate({opacity:1}).css({display:'block'}); |
|
73 } |
|
74 }); |
|
75 |
|
76 |
|
77 |
|
78 /* for portfolio */ |
|
79 |
|
80 jQuery("#portfolio-filter a").bind("mouseenter",function(){ |
|
81 name = jQuery(this).data("name"); |
|
82 jQuery('#portfolio-content ul.portfolio-circles').find('.'+name).stop().animate({backgroundPosition: '-170px 0px'},300); |
|
83 |
|
84 }).bind("mouseleave",function(){ |
|
85 name = jQuery(this).data("name"); |
|
86 jQuery('#portfolio-content ul.portfolio-circles').find('.'+name).stop().animate({backgroundPosition: '0px 0px'},300); |
|
87 |
|
88 }); |
|
89 |
|
90 jQuery('#portfolio-content ul.portfolio-circles li').bind("mouseenter",function(){ |
|
91 jQuery(this).find('.circle-p').stop().animate({backgroundPosition: '-170px 0px'},300); |
|
92 |
|
93 }).bind("mouseleave",function(){ |
|
94 jQuery(this).find('.circle-p').stop().animate({backgroundPosition: '0px 0px'},300); |
|
95 |
|
96 }); |
|
97 }); |
|
98 |
|
99 /* start function for big circles under the slider */ |
|
100 jQuery(function() { |
|
101 jQuery('#sti-menu').iconmenu({ |
|
102 animMouseenter : { |
|
103 'mText' : {speed : 400, easing : 'easeOutBack', delay : 200, dir : -1}, |
|
104 'sText' : {speed : 400, easing : 'easeOutBack', delay : 400, dir : -1}, |
|
105 'icon' : {speed : 400, easing : 'easeOutBack', delay : 0, dir : -1} |
|
106 }, |
|
107 animMouseleave : { |
|
108 'mText' : {speed : 200, easing : 'easeInExpo', delay : 150, dir : 1}, |
|
109 'sText' : {speed : 200, easing : 'easeInExpo', delay : 300, dir : 1}, |
|
110 'icon' : {speed : 200, easing : 'easeInExpo', delay : 0, dir : 1} |
|
111 } |
|
112 }); |
|
113 }); |
|
114 /* end function for big circles under the slider */ |
|
115 |
|
116 jQuery(function() { |
|
117 /* if is small window, then the container is NOT going under the menu and logo */ |
|
118 jQuery(window).scroll(function(){ |
|
119 //box one |
|
120 var $win = jQuery(window); |
|
121 jQuery('#left-sidebar').css('left', 0 -$win.scrollLeft()); |
|
122 }); |
|
123 |
|
124 |
|
125 |
|
126 jQuery(document).ready(function(){ |
|
127 jQuery("a#example1").fancybox(); |
|
128 jQuery("#contactform").validate(); /* contact form validate */ |
|
129 }); |
|
130 |
|
131 |
|
132 /* start scripts for menu when user scrolls then will menu changing color on current section */ |
|
133 jQuery(document).ready(function() { |
|
134 jQuery('#main-menu').onePageNav({ |
|
135 begin: function() { |
|
136 console.log('start') |
|
137 }, |
|
138 end: function() { |
|
139 console.log('stop') |
|
140 } |
|
141 }); |
|
142 }); |
|
143 |
|
144 |
|
145 |
|
146 |
|
147 jQuery(document).ready(function() { |
|
148 jQuery('#main-menu2').onePageNav({ |
|
149 begin: function() { |
|
150 console.log('start') |
|
151 }, |
|
152 end: function() { |
|
153 console.log('stop') |
|
154 } |
|
155 }); |
|
156 }); |
|
157 /* end scripts for menu when user scrolls then will menu changing color on current section */ |
|
158 }); |
|
159 |
|
160 /* start stuff for portfolio - ajax showing portfolio items with some FADE */ |
|
161 function refreshContent(a) { |
|
162 jQuery("#neke").fadeOut("slow", function(){ |
|
163 jQuery("#contentt").load(a,false, function() { |
|
164 jQuery("#contentt").fadeIn("slow"); |
|
165 }); |
|
166 }) |
|
167 return false; |
|
168 } |
|
169 |
|
170 function back() { |
|
171 jQuery("#contentt").fadeOut("slow"); |
|
172 jQuery("#neke").fadeIn("slow"); |
|
173 return false; |
|
174 } |
|
175 /* |
|
176 function showPortfolioItem(a) { |
|
177 $("#vsi").fadeOut("slow", function(){ |
|
178 $("#eden").load(a,false, function() { |
|
179 $("#eden").fadeIn("slow"); |
|
180 }); |
|
181 }) |
|
182 return false; |
|
183 } |
|
184 */ |
|
185 |
|
186 function showPortfolioItem(a, b) { |
|
187 jQuery("#vsi").fadeOut("slow", function(){ |
|
188 |
|
189 jQuery("#eden").load(a,false, function() { |
|
190 jQuery("#eden").fadeIn("slow"); |
|
191 }); |
|
192 |
|
193 jQuery('html, body').stop().animate({ |
|
194 |
|
195 scrollTop: jQuery('#'+b).offset().top |
|
196 }, 1500,'easeInOutExpo', function(){ |
|
197 |
|
198 jQuery("#eden").load(a,false, function() { |
|
199 jQuery("#eden").fadeIn("slow"); |
|
200 }); |
|
201 }); |
|
202 |
|
203 }) |
|
204 return false; |
|
205 } |
|
206 |
|
207 function backToPorfolios() { |
|
208 jQuery("#eden").fadeOut("slow"); |
|
209 jQuery('#vsi').delay(1000).fadeIn("slow"); |
|
210 return false; |
|
211 } |
|
212 /* end stuff for portfolio - ajax showing portfolio items with some FADE */ |
|
213 |