// JavaScript Document

// Superfish menu
$(document).ready(function(){
	
	// Clone applications to get a second collection
	var $data = $(".portfolio-content-1, .portfolio-content-3").clone();
	
	//NOTE: Only filter on the main portfolio page, not on the subcategory pages
	$('.portfolio-main-1 li, .portfolio-main-3 li').click(function(e) {
		$(".filter li").removeClass("active");	
		// Use the last category class as the category to filter by. This means that multiple categories are not supported (yet)
		var filterClass=$(this).attr('class').split(' ').slice(-1)[0];
		
		if (filterClass == 'all-projects') {
			var $filteredData = $data.find('.project');
		} else {
			var $filteredData = $data.find('.project[data-type=' + filterClass + ']');
		}
		$(".portfolio-content-1, .portfolio-content-3").quicksand($filteredData, {
			duration: 800,
			easing: 'swing',
		}, function() {
			$("#content a img, ul#slide-pager li").hover(function() {
   	 		$(this).stop().animate({ backgroundColor: "#000000"}, 400);
    		},function() {
			$(this).stop().animate({ backgroundColor: "#888888" }, 400);
			});
			
			$(".tag-list li a, .page-list li a").hover(function() {
   	 		$(this).stop().animate({ backgroundColor: "#000000"}, 400);
    		},function() {
			$(this).stop().animate({ backgroundColor: "#888888" }, 400);
			});
			
			
			$("a.btn").hover(function() {
   	 		$(this).stop().animate({ backgroundColor: "#aaaaaa"}, 400);
    		},function() {
			$(this).stop().animate({ backgroundColor: "#f2f2f2" }, 400);
			});
			
			$("a[rel='colorbox']").colorbox({transition:"elastic"});
			$("a[rel='1']").colorbox({transition:"elastic"});
			$("a[rel='2']").colorbox({transition:"elastic"});
			$("a[rel='3']").colorbox({transition:"elastic"});
			$("a[rel='4']").colorbox({transition:"elastic"});
			$("a[rel='5']").colorbox({transition:"elastic"});
			$("a[rel='6']").colorbox({transition:"elastic"});
			$("a[rel='7']").colorbox({transition:"elastic"});
			$("a[rel='8']").colorbox({transition:"elastic"});
			$("a[rel='9']").colorbox({transition:"elastic"});
			$("a[rel='10']").colorbox({transition:"elastic"});
			$("a[rel='11']").colorbox({transition:"elastic"});
			$("a[rel='12']").colorbox({transition:"elastic"});
			$("a[rel='13']").colorbox({transition:"elastic"});
			$("a[rel='14']").colorbox({transition:"elastic"});
			$("a[rel='15']").colorbox({transition:"elastic"});
			$("a[rel='16']").colorbox({transition:"elastic"});
			$("a[rel='17']").colorbox({transition:"elastic"});
			$("a[rel='18']").colorbox({transition:"elastic"});
			$("a[rel='19']").colorbox({transition:"elastic"});
			$("a[rel='20']").colorbox({transition:"elastic"});
			$("a[rel='21']").colorbox({transition:"elastic"});
			$("a[rel='22']").colorbox({transition:"elastic"});
			$("a[rel='23']").colorbox({transition:"elastic"});
			$("a[rel='24']").colorbox({transition:"elastic"});
			$("a[rel='25']").colorbox({transition:"elastic"});
			$("a[rel='26']").colorbox({transition:"elastic"});
			$("a[rel='27']").colorbox({transition:"elastic"});
			$("a[rel='28']").colorbox({transition:"elastic"});
			$("a[rel='29']").colorbox({transition:"elastic"});
			$("a[rel='30']").colorbox({transition:"elastic"});
			$("a[rel='31']").colorbox({transition:"elastic"});
			$("a[rel='32']").colorbox({transition:"elastic"});
			$("a[rel='33']").colorbox({transition:"elastic"});
			$("a[rel='34']").colorbox({transition:"elastic"});
			$("a[rel='35']").colorbox({transition:"elastic"});
			$("a[rel='36']").colorbox({transition:"elastic"});
			$("a[rel='37']").colorbox({transition:"elastic"});
			$("a[rel='38']").colorbox({transition:"elastic"});
			$("a[rel='39']").colorbox({transition:"elastic"});
			$("a[rel='40']").colorbox({transition:"elastic"});
			
		});
		$(this).addClass("active"); 			
		return false;
	});
	
    $('ul.sf-menu').superfish({ 
            delay:       800,                            // one second delay on mouseout 
            animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
            speed:       'fast',                          // faster animation speed 
            autoArrows:  false,                           // disable generation of arrow mark-up 
			dropShadows:   true   						// turn on drop shadows
    }); 
	
	// Back to top
	$('a[href=#top]').click(function(){
        $('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });
	
	// background hover
	$("#content a img, ul#slide-pager li").hover(function() {
   	 	$(this).stop().animate({ backgroundColor: "#000000"}, 400);
    	},function() {
		$(this).stop().animate({ backgroundColor: "#888888" }, 400);
	});
	
	$(".tag-list li a, .page-list li a").hover(function() {
   	 	$(this).stop().animate({ backgroundColor: "#000000"}, 400);
    	},function() {
		$(this).stop().animate({ backgroundColor: "#888888" }, 400);
	});
	
	$("a.btn").hover(function() {
   	 		$(this).stop().animate({ backgroundColor: "#aaaaaa"}, 400);
    		},function() {
			$(this).stop().animate({ backgroundColor: "#f2f2f2" }, 400);
			});
		
});