/*
$(document).ready(function() {
	$('ul#filter a').click(function() {
		$(this).css('outline','none');
		$('ul#filter .current').removeClass('current');
		$(this).parent().addClass('current');
		
		var filterVal = $(this).text().toLowerCase().replace(' ','-');
				
		if(filterVal == 'all') {
			$('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');
		} else {
			
			$('ul#portfolio li').each(function() {
				if(!$(this).hasClass(filterVal)) {
					$(this).fadeOut('normal').addClass('hidden');
				} else {
					$(this).fadeIn('slow').removeClass('hidden');
				}
			});
		}	
		return false;
	});
});

*/

$(document).ready(function() {
		
						   
						   
	$('ul#filter a').click(function() {
		$(this).css('outline','none');
		$('ul#filter .current').removeClass('current');
		$(this).parent().addClass('current');
		var option = $(this).html();
		$(this).parent().parent().parent().find(".filter_heading span").html(option);
		var filterval1 = ($("#filter_val1").html());
		var filterval2 = ($("#filter_val2").html());
		var filterval3 = ($("#filter_val3").html());
		if ((filterval1 == "Please select") || (filterval1 == "All")) filterval1 = "all";
		if ((filterval2 == "Please select") || (filterval2 == "All")) filterval2 = "all";
		if ((filterval3 == "Please select") || (filterval3 == "All")) filterval3 = "all";
		
	//	alert(filterval1 + filterval2 + filterval3 );
		var filterVal1 = filterval1.toLowerCase().replace(/ /g,'-');
		var filterVal2 = filterval2.toLowerCase().replace(/ /g,'-');
		var filterVal3 = filterval3.toLowerCase().replace(/ /g,'-');

		if(filterVal1 == '' && filterVal2 == '' && filterVal3 == '') {
			$('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');
		} else {
			//alert(filterval1 + filterval2 + filterval3 );
			$('ul#portfolio li').each(function() {
				if($(this).hasClass(filterVal1) && $(this).hasClass(filterVal2) && $(this).hasClass(filterVal3)) {
					$(this).fadeIn('slow').removeClass('hidden');
				}
				else {
					$(this).fadeOut(0).addClass('hidden');
				}
			});
			if ( ($("ul#portfolio li.hidden").length) == ($("ul#portfolio li").length)) {
				$("ul#portfolio > p.exhibitionslist").html("Your selection has no results.");
				$("ul#portfolio > p.eventslist").html("Your selection has no results.");
				
			} else {
			var str1 = "", str2 = "", str3 = "";
			if ( filterval1 == "all") str1 = " <span>ALL</span> "; else str1 = "<span>"+filterval1 + "</span> ";
			if ( filterval2 == "ALL") str2 = " in <span>ALL</span> locations "; else str2 = " in <span>"+filterval2+"</span>";
			if ( filterval3 == "ALL") str3 = " at <span>ALL</span> galleries "; else str3 = " at the <span>"+filterval3+"</span>";
			$("ul#portfolio > p.exhibitionslist").html("Showing " + str1 + "exhibitions"+ str2 + str3);
			$("ul#portfolio > p.eventslist").html("Showing events <span>"+ str2 + "</span>");
			}
		}	
		return false;
	});
	
	$('ul#filter1 a').click(function() {
		$(this).css('outline','none');
		$('ul#filter1 .current').removeClass('current');
		$(this).parent().addClass('current');
		var option = $(this).html();
		$(this).parent().parent().parent().find(".filter_heading span").html(option);
		
		var filterval2 = ($("#filter_val2").html());
		if ((filterval2 == "Please select") || (filterval2 == "All")) filterval2 = "all";
	
	//	alert(filterval1 + filterval2 + filterval3 );
	
		var filterVal2 = filterval2.toLowerCase().replace(/ /g,'-');
	

		if(filterVal2 == '') {
			$('ul#portfolio1 >li.hidden').fadeIn('slow').removeClass('hidden');
		} else {
			
			$('ul#portfolio1 >li').each(function() {
				if( $(this).hasClass(filterVal2)) {
					$(this).fadeIn('slow').removeClass('hidden');
				}
				else {
					$(this).fadeOut(0).addClass('hidden');
				}
			});
			
		}	
		return false;
	});
	
	
	
	
			
				
});