https://www.kreka.gr/wp-content/themes/nextcom/js/page-elements.js

1jQuery(window).bind("load", function() {
2	jQuery('.preload-image:hidden').fadeIn(800);
3	jQuery('.portfolio-ajax').css('opacity','1');
4	jQuery('.portfolio-columns').css('opacity','1');
5	jQuery('ul.portfolio-four li,ul.portfolio-three li,ul.portfolio-two li,ul.portfolio-one li').css('background','none');
6});
7jQuery(function($){
8	//Detect Orientaiton change
9	window.onload = orientationchange;
10	window.onorientationchange = orientationchange;
11	function orientationchange() {
12		jQuery('ul.portfolio-list').css('height','auto');
13	}
14	
15	
16	function QuickSandInit() {
17		// Clone portfolio items to get a second collection for Quicksand plugin
18		var $portfolioClone = jQuery(".portfolio-list").clone();
19
20		// Attempt to call Quicksand on every click event handler
21		jQuery(".portfolio-filter a").click(function(e){
22		
23			// Change filtered text upon click. This is displayed on top of the filterable choices.
24			var SelectedFilterText = jQuery(this).text();
25			jQuery('#filter-selected').text(SelectedFilterText);
26		
27			// Set index to zero and disable prev
28			jQuery('.ajax-gallery-navigation').attr('id', '-1');
29			jQuery('.ajax-prev').css('opacity','0.8');
30			jQuery('.ajax-prev').css('cursor','default');
31		
32			jQuery(".portfolio-filter li").removeClass("current");	
33		
34			// Get the class attribute value of the clicked link
35			var $filterClass = jQuery(this).parent().attr("class");
36
37		
38			if ( $filterClass == "all" ) {
39				var $filteredPortfolio = $portfolioClone.find("li");
40			} else {
41				var $filteredPortfolio = $portfolioClone.find("li[data-type~=" + $filterClass + "]");
42			}
43		
44			// Call quicksand
45			jQuery(".portfolio-list").quicksand( $filteredPortfolio, { 
46				duration: 800,
47				adjustHeight: 'dynamic',
48          	    easing: 'easeInOutQuad',
49				enhancement: function() {
50					//get stored value to highlight
51					var portfolioID = jQuery('.ajax-gallery-navigation').attr("rel");
52					jQuery( '[data-portfolio=portfolio-'+portfolioID+']').addClass('portfolio-displayed');
53					jQuery('.portfolio-ajax').css('opacity','1');
54					jQuery('a.portfolio-columns').css('opacity','1');
55					jQuery('.preload-image:hidden').show();
56					PrettyPhotoLightbox();
57				}
58			}, function(){
59				HoverEffect();
60				
61			});
62	
63
64			jQuery(this).parent().addClass("current");
65
66			// Prevent the browser jump to the link anchor
67			e.preventDefault();
68		});
69	}
70	
71	function PrettyPhotoLightbox() {
72		jQuery("a[rel^='prettyPhoto']").prettyPhoto({
73			opacity: 0.9,
74			theme: 'dark_square',
75			deeplinking: false,
76			default_width: 700,
77			default_height: 444,
78			overlay_gallery: false,
79			show_title: false,
80			social_tools: false
81		});
82	}
83	
84	function HoverEffect() {
85		jQuery("a.portfolio-image-link").hover(
86		function () {
87			jQuery(this).find("span.column-portfolio-icon").stop().animate({"top": "20px", "opacity" : "1"}, 500);
88		},
89		function () {
90			jQuery(this).find("span.column-portfolio-icon").stop().animate({"top": "-30px", "opacity" : "0"}, 300);
91		});
92	}
93	
94	QuickSandInit();
95	HoverEffect();
96	PrettyPhotoLightbox();
97	
98});
99
100jQuery(window).bind("load", function() {
101	jQuery('.portfolio-ajax').eq(0).trigger('click');
102});