var h, h2, h3, sh = true, hs;

$(function(){
		
	//search_types
	$('#search-bar input[name="types"]').attr('autocomplete', 'off');
	$('input.search_types').click(function(){
		if ($(this).val() == 'All Types') {
			$(this).val('');
		};
		sh = true;
		clearTimeout(hs);
		$('.search-panel_types').fadeIn('fast');
	}).focus(function(){
		if ($(this).val() == 'All Types') {
			$(this).val('');
		};
		sh = true;
		clearTimeout(hs);
		$('.search-panel_types').fadeIn('fast');
	}).blur(function(){
		if (sh){
			$('.search-panel_types').fadeOut('fast');
		}
	});
	$('.search-panel_types').hover(function() {
		sh = false;
		clearTimeout(hs);
	}, function(){
		hs = setTimeout(function(){
			$('.search-panel_types').fadeOut('fast');
		}, 300);
	});
	$('#all_types_check').change(function(){
		$('input[name="type[]"]').attr('checked', $(this).attr('checked'));
	});
	$('input[name="type[]"]').change(function(){
		if ($('input[name="type[]"]:checked').size() == $('input[name="type[]"]:checkbox').size()){
			$('#all_types_check').attr('checked', true);
		}else{
			$('#all_types_check').attr('checked', false);
		}
	});
	
	//search_cats
	$('#search-bar input[name="cats"]').attr('autocomplete', 'off');
	$('input.search_cats').click(function(){
		if ($(this).val() == 'All Categories') {
			$(this).val('');
		};
		sh = true;
		clearTimeout(hs);
		$('.search-panel_cats').fadeIn('fast');
	}).focus(function(){
		if ($(this).val() == 'All Categories') {
			$(this).val('');
		};
		sh = true;
		clearTimeout(hs);
		$('.search-panel_cats').fadeIn('fast');
	}).blur(function(){
		if (sh){
			$('.search-panel_cats').fadeOut('fast');
		}
	});
	$('.search-panel_cats').hover(function() {
		sh = false;
		clearTimeout(hs);
	}, function(){
		hs = setTimeout(function(){
			$('.search-panel_cats').fadeOut('fast');
		}, 300);
	});
	$('#all_cats_check').change(function(){
		$('input[name="cats[]"]').attr('checked', $(this).attr('checked'));
	});
	$('input[name="cats[]"]').change(function(){
		if ($('input[name="cats[]"]:checked').size() == $('input[name="cats[]"]:checkbox').size()){
			$('#all_cats_check').attr('checked', true);
		}else{
			$('#all_cats_check').attr('checked', false);
		}
	});
	
	
});