|
1 jQuery(document).ready(function($) { |
|
2 |
|
3 // get the action filter option item on page load |
|
4 var $filterType = $('#filterOptions li.active a').attr('class'); |
|
5 |
|
6 // get and assign the ourHolder element to the |
|
7 // $holder varible for use later |
|
8 var $holder = $('ul.portfolio-circles'); |
|
9 |
|
10 // clone all items within the pre-assigned $holder element |
|
11 var $data = $holder.clone(); |
|
12 |
|
13 // attempt to call Quicksand when a filter option |
|
14 // item is clicked |
|
15 $('#filterOptions li a').click(function(e) { |
|
16 // reset the active class on all the buttons |
|
17 $('#filterOptions li').removeClass('active'); |
|
18 |
|
19 // assign the class of the clicked filter option |
|
20 // element to our $filterType variable |
|
21 var $filterType = $(this).attr('class'); |
|
22 $(this).parent().addClass('active'); |
|
23 |
|
24 if ($filterType == 'all') { |
|
25 // assign all li items to the $filteredData var when |
|
26 // the 'All' filter option is clicked |
|
27 var $filteredData = $data.find('li'); |
|
28 } |
|
29 else { |
|
30 // find all li elements that have our required $filterType |
|
31 // values for the data-type element |
|
32 var $filteredData = $data.find('li[data-type~=' + $filterType + ']'); |
|
33 } |
|
34 |
|
35 // call quicksand and assign transition parameters |
|
36 $holder.quicksand($filteredData, { |
|
37 duration: 800, |
|
38 easing: 'easeInOutQuad', |
|
39 enhancement: function() { |
|
40 $(function(){ |
|
41 $("#portfolio-filter a").bind("mouseenter",function(){ |
|
42 name = $(this).data("name"); |
|
43 $('#portfolio-content ul.portfolio-circles').find('.'+name).stop().animate({backgroundPosition: '-170px 0px'},300); |
|
44 |
|
45 }).bind("mouseleave",function(){ |
|
46 name = $(this).data("name"); |
|
47 $('#portfolio-content ul.portfolio-circles').find('.'+name).stop().animate({backgroundPosition: '0px 0px'},300); |
|
48 |
|
49 }); |
|
50 |
|
51 $('#portfolio-content ul.portfolio-circles li').bind("mouseenter",function(){ |
|
52 $(this).find('.circle-p').stop().animate({backgroundPosition: '-170px 0px'},300); |
|
53 |
|
54 }).bind("mouseleave",function(){ |
|
55 $(this).find('.circle-p').stop().animate({backgroundPosition: '0px 0px'},300); |
|
56 |
|
57 }); |
|
58 |
|
59 |
|
60 |
|
61 }); |
|
62 |
|
63 jQuery(document).ready(function($){ |
|
64 $("li.all").show(); |
|
65 |
|
66 $("#thumbs a.view, ul.paginate a.view").click(function(){ |
|
67 var section_id = "#" + $(this).closest(".content-wrapper").attr("id"); |
|
68 if ($("#portfolio-item-wrapper-container").length > 0){ |
|
69 slide_empty_portfolio_item(); |
|
70 } |
|
71 $("ul#thumbs li, ul.paginate li").removeClass("active_item"); |
|
72 $(this).closest("li").addClass("active_item"); |
|
73 if ($("#portfolio-item-wrapper-container").length < 1){ |
|
74 if ($(section_id + " .divider-heading").length < 1) { |
|
75 $(section_id).prepend("<div id='portfolio-item-wrapper-container' style='display:none'></div>"); |
|
76 } else { |
|
77 $(section_id).find(".divider-heading").after("<div id='portfolio-item-wrapper-container' style='display:none'></div>"); |
|
78 } |
|
79 } |
|
80 var url = $(this).attr("href") + " #portfolio-item-wrapper"; |
|
81 show_item_inline(url, "#portfolio-item-wrapper-container", section_id, 600, ""); |
|
82 return false |
|
83 }) |
|
84 }); |
|
85 } |
|
86 }); |
|
87 return false; |
|
88 }); |
|
89 }); |
|
90 |