$(document).ready(function(){
					   

	//------------------------------------------------------------------------------------ FORM SETUP------------------------------


	// create the select list for additional features
	

	additionalControl = '<h3 class="filterHeading" id="additionalFeaturesClick">Additional Features</h3>';
	additionalControl += '<div id="additionalFeatures">';
	additionalControl += '<p><label for="add_1">City/Town Centre</label><input type="checkbox" id="add_1" name="add_1" /><span class="clearb"></span></p>';
	additionalControl += '<p><label for="add_2">Countryside</label><input type="checkbox" id="add_2" name="add_2" /><span class="clearb"></span></p>';
	additionalControl += '<p><label for="add_3">Near Town Centre</label><input type="checkbox" id="add_3" name="add_3" /><span class="clearb"></span></p>';
	additionalControl += '<p><label for="add_4">Near Train Station</label><input type="checkbox" id="add_4" name="add_4" /><span class="clearb"></span></p>';
	additionalControl += '<p><label for="add_6">Near Motorway</label><input type="checkbox" id="add_6" name="add_6" /><span class="clearb"></span></p>';
	additionalControl += '</div>';	
	

	
	$('#filterControls').append(additionalControl);
	
	var lowValue = 'Nan';						   
	var highValue = 'Nan';

	$('div.category_item input.delegates').each(function(){
	
		if (lowValue == 'Nan' && highValue == 'Nan'){
			lowValue = parseFloat($(this).val());
			highValue = parseFloat($(this).val());
		}
		
		if (parseFloat($(this).val()) < lowValue){
			lowValue = parseFloat($(this).val());	
		}
		
		if (parseFloat($(this).val()) > highValue){
			highValue = parseFloat($(this).val());	
		}		
		
				
	});
	
	//------------------------------------------------------------------------------------ controls SETUP ------------------------
	
	// main variables
	
	var delegatesValue 			= lowValue;
	var residentialValue 		= 0;
	var additionalValue 		= 'x';	
	var allVenues				= $('div.category_items').html();


	
	$('#additionalFeatures input').click(function() {
		filterControl();		
	});



	var testDelegatesValue;



	
	//------------------------------------------------------------------------------------ END controls SETUP ------------------------
	function filterControlDel(){
		$("div.category_item").css('display','block');
		$('div.category_item input.delegates').each(function(){
			currentNumber = $(this).val();
			if (parseFloat(currentNumber) < parseFloat(delegatesValue) && parseFloat(currentNumber) != parseFloat(delegatesValue)){
				$(this).parent().css('display','none')	
			}
		});			
	}
	
	function filterControl(){

		$('div.category_items').html('');
		$('div.category_items').append(allVenues);
		
		

		
		// hide additional features
		$('div.category_item').each(function(){
			
			var hideTest = true;
			$(this).find('#additionalFeaturesGroup input').each(function(){
				testId = $(this).attr('class');				
				if ($('#'+testId).is(':checked') && $(this).val() == 1)
				{
					hideTest = false;	
				}

			});
			// here determine if it is visible, then hide if no checkbooxes available
			if (hideTest == true)
			{
				$(this).parent().remove();
			}
			
		});
		filterControlDel();
		$('div.category_item a').each(function(){
			$(this).mouseover(function(){
				$(this).append('<img src="images/catalog_click_2_view.gif" id="catalogImageHover" style="position:absolute; bottom:0px; left:0px;" />');
			});
			
			$(this).parent().mouseout(function(){
				$('#catalogImageHover').remove();	
			});
		});		
	}

	filterControl();		


});