
var interest_type = "";
var product_type = "";

$(document).ready(function(){


	// check for a product_type passed in the querystring
	product_type= $.query.get("product_type");
	
	if (product_type != ""){
		$("li#" + product_type).addClass("selected");
	}
	
	// check for a interest_type passed in the querystring
	interest_type= $.query.get("interest_type");
		
	if (interest_type != ""){
		$("li#" + interest_type).addClass("selected");
	}
	
	preloadCssImages();


	$("#search-criteria li").hover(
	  function () {
	  	    $(this).addClass("on");
	  	  },
	  	  function () {
	  	    $(this).removeClass("on");
	  }
	);
	
	$('#step-1 li').click(function(){
		$("#step-1 li").removeClass("selected");
		$(this).addClass("selected");
		interest_type = this.id
	})
	
	$('#step-2 li').click(function(){
		$("#step-2 li").removeClass("selected");
		$(this).addClass("selected");
		product_type = this.id
	})
	
	$('#search-btn').click(function(){
		if (interest_type === "")
			alert('select an interest type');
		else if (product_type === "")
			alert('select an product type');
		else {
			getResults(interest_type, product_type)
		}
	})
	
	$('#search-again-btn').click(function(){
		interest_type = "";
		product_type = "";
		clearForm()
		
	})
	
});

function getResults(interest_type, product_type){

	$("#search-criteria").hide();
	$("#" + interest_type + "-result").show();
	$("#" + interest_type + "-result ." + product_type).show();
	$("#search-results").fadeIn();
	
	var noResults = ($("#" + interest_type + "-result ." + product_type ).find("span.no-results").length > 0) ? true : false;
	if (noResults)
		$("#" + interest_type + "-result p").hide();
	else 
		$("#" + interest_type + "-result p").show();
}

function clearForm(){

	$("#step-1 li").removeClass("selected");
	$("#step-2 li").removeClass("selected");
	$("#search-results").hide();
	$("#search-results div.tier-1").hide();
	$("#search-results div.tier-1 div").hide();
	$("#search-criteria").fadeIn();
}










