// JavaScript Document

/*$(window).load(function() {
$("wrapper").masonry("reload");
});*/

$(function() {
$.fn.showdelay = (function() {
	var delay = 0;
	return this.each(function() {
		$(this).delay(delay).fadeIn(200);
      				delay += 80;
    			});
			});
			});

$(window).load(function() {
	$(".box").showdelay();
})

$(document).ready(function() {
	$('p.theend').fadeTo("fast", 0);
	$('#wrapper').imagesLoaded(function() {
		$("#wrapper").masonry({
			columnWidth: 10,
			itemSelector: '.box',
			isAnimated: true
		});
	})


	$(".box").hover(
		function(){
			if ($(this).hasClass('dimmed')) {
				$(this).stop().fadeTo("fast", 1);
			} else {
				$(this).find("img").stop().fadeTo("fast", 0.4);
			}
			$(this).find("span").stop().animate({
				bottom: "0px"
			}, 500);
		},
		function () {
			var height = $(this).find("span").outerHeight() * -1;
			if($(this).hasClass('dimmed')){
  				$(this).stop().fadeTo("fast", 0.1);
			} else {
				$(this).find("img").stop().fadeTo("fast", 1);
			}
			$(this).find("span").stop().animate({
				bottom: height + "px"
			}, 500);
		});
  
		$(".filternews").click(function(){
		if ($(this).hasClass('active')) {
			return false;
		}
		else {
			$('#filters a').removeClass('active');
			$(this).addClass('active');
			$('div.parent3').fadeTo("medium", 0.1).addClass('dimmed');
			$('div.parent2').fadeTo("medium", 0.1).addClass('dimmed');
			$("div.parent510").fadeTo("medium", 1).removeClass('dimmed');
			return false;
		}
	});

	$(".filtershop").click(function(){
		if ($(this).hasClass('active')) {
			return false;
		}
		else {
			$('#filters a').removeClass('active');
			$(this).addClass('active');
			$('div.parent3').fadeTo("medium", 0.1).addClass('dimmed');
			$("div.parent510").fadeTo("medium", 0.1).addClass('dimmed');
			$("div.parent2").fadeTo("medium", 1).removeClass('dimmed');
			return false;
		}
	});	
	$(".filterblog").click(function(){
		if ($(this).hasClass('active')) {
			return false;
		}
		else {
			$('#filters a').removeClass('active');
			$(this).addClass('active');
			$('div.parent2').fadeTo("medium", 0.1).addClass('dimmed');
			$("div.parent3").fadeTo("medium", 1).removeClass('dimmed');
			$("div.parent510").fadeTo("medium", 0.1).addClass('dimmed');
			return false;
		}
	});
  	
	$(".filterall").click(function(){
		$('#filters a').removeClass('active');
		$(this).addClass('active');
		$(".box").fadeTo("fast", 1).removeClass('dimmed');
		return false;
	});
  
	$('#wrapper').infinitescroll({
		navSelector  : '#ditto_pages',  // selector for the paged navigation 
		nextSelector : 'a.ditto_next_link',  // selector for the NEXT link (to page 2)
		itemSelector : '.boxScroll',     // selector for all items you'll retrieve
		loadingImg : '/assets/js/x.gif',
		donetext  : '',
		debug: true,
		errorCallback: function() { 
			// fade out the error message after 2 seconds
			$('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');   
		}
	},
	// call masonry as a callback
		function(newElements) {
			$(this).imagesLoaded(function() {
			$("#wrapper").masonry('appended', $(newElements), true);	
			$(newElements).delay(400).showdelay();	
			});
			$(".box").hover(
				function(){
					if ($(this).hasClass('dimmed')) {
						$(this).stop().fadeTo("fast", 1);
					} else {
						$(this).find("img").stop().fadeTo("fast", 0.4);
					}
					$(this).find("span").stop().animate({
						bottom: "0px"
					}, 500);
				},function () {
					var height = $(this).find("span").outerHeight() * -1;
					if ($(this).hasClass('dimmed')) {
						$(this).stop().fadeTo("fast", 0.1);
					} else {
						$(this).find("img").stop().fadeTo("fast", 1);
					}
					$(this).find("span").stop().animate({
						bottom: height + "px"
					}, 500);
				}
			);
			if ($(".filterblog").hasClass('active')) {
				$('div.parent2').fadeTo("fast", 0.1).addClass('dimmed');
				$('div.parent510').fadeTo("fast", 0.1).addClass('dimmed');
			}
			if ($(".filtershop").hasClass('active')) {
				$('div.parent3').fadeTo("fast", 0.1).addClass('dimmed');
				$('div.parent510').fadeTo("fast", 0.1).addClass('dimmed');
			}
			if ($(".filternews").hasClass('active')) {
				$('div.parent3').fadeTo("fast", 0.1).addClass('dimmed');
				$('div.parent2').fadeTo("fast", 0.1).addClass('dimmed');
			}
		}
	);

	//window.onunload = function(){}; 

});