// Categories filter
(function($){
	$("document").ready(function(){
		var ulCategories = '<ul id="categories"> <li><a href="#" class="all">Everything</a> <span class="navDivider">//</span></li> <li><a href="#" class="villains">Villains</a> <span class="navDivider">//</span></li> <li><a href="#" class="zombies">Zombies</a> <span class="navDivider">//</span></li> <li><a href="#" class="sunday">Sunday Morning Series 1 & 2</a> <span class="navDivider">//</span></li> <li><a href="#" class="movies">80s Movies</a></li>  </ul>';
		var $items = $('#items');
		var $location = $('#search');
		var inputValue = $('input#searchBox').val();

		$location.before(ulCategories)
		$items.children('div')
				.addClass('all');
		
		$('#categories li a').click(function() {
			var $this = $(this),
				type = $this.attr('class');

			$('input#searchBox').val(inputValue);
			$('.titleItems').empty();
			
			var numItems = $("#items > div." + type).size();
			$('#pagePanelTop span.numItems, #pagePanelBottom span.numItems').html('<span class="titleItems">' + type + '</span> (' + numItems + ')'); 
			
			$('.titleItems').css("text-transform","capitalize");

			$items.children('div')
				.hide()
				.filter('.' + type)
				.show();

			return false;
		});
	});
})(jQuery);

// Zoom Icon
(function($){
	$("document").ready(function(){
		$('#home img.itemImage').before('<img src="img/zoom-icon.png" width="190" height="190" alt="Click to zoom image" class="zoomImage" />');
		$('#home img.zoomImage').hover(function(){
			$(this).stop().animate({opacity:0.8},400);
			},function(){
			$(this).stop().animate({opacity:0},400);
			});
	});
})(jQuery);

// Counts number of .item divs
(function($){
	$("document").ready(function(){
		var numItems = $("#items > div").size();
		$('#pagePanelTop span.numItems, #pagePanelBottom span.numItems').html('(' + numItems + ')'); 
	});
})(jQuery);

// "Lightbox"
(function($){
	$("document").ready(function(){
		$("a.single_image").fancybox({
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic'
		});
		$("a.multi_image").attr('rel', 'gallery').fancybox({
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic'
		});
	});
})(jQuery);

// Page Scroller
(function($){
	$("document").ready(function(){
		$('.scrollPage').click(function() {
			var elementClicked = $(this).attr("href");
			var destination = $(elementClicked).offset().top;
			$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-20}, 500 );
			return false;
		});
	});
})(jQuery);

// Slideshow
(function($){
	$("document").ready(function(){
		$('#slideshow').cycle({ 
			speed:	'500', 
			timeout: 0, 
			pager:	'#nav', 
			pagerAnchorBuilder: function(idx, slide) { 
				// return selector string for existing anchor 
				return '#nav li:eq(' + idx + ') a'; 
			} 
		});
	});
})(jQuery);