// JavaScript Document
$(document).ready(function() {
	if($("#frmSearchNow #Species").val() != ''){
		var strSpecies = $("#frmSearchNow #Species").val();
		var MethodVal = 'fnRetrieveSpeciesXML';
		if (strSpecies == '') {
		  $("#frmSearchNow select#Breed").html('');
		  $("#frmSearchNow select#Breed").append('<option value="">Select a Breed</option>');
		  return false;
		}
		$.ajax({
		  type: "GET",
		  url: "/components/SearchNow.cfc",
		  dataType: "xml",
		  data: "method="+MethodVal+"&strSpecies="+strSpecies,
		  success: function(xml){
			$("#frmSearchNow select#Breed").html('');
			$("#frmSearchNow select#Breed").append('<option value="">Select a Breed</option>');
			$(xml).find('breed').each(function(){
			  if($(this).text() == $("#frmSearchNow #selectedModel").val()){
				$("#frmSearchNow select#Breed").append('<option value="' + $(this).text() + '" selected="selected">' + $(this).text() + '</option>');  
			  } else {
			  	$("#frmSearchNow select#Breed").append('<option value="' + $(this).text() + '">' + $(this).text() + '</option>');
			  }
			});
		  }
		});
	}
});

$(function() {
  $("#tabs").tabs();
});

$(function(){
  $("#frmSearchNow #Species").change(function() {
	var strSpecies = $(this).val();
	var MethodVal = 'fnRetrieveSpeciesXML';
	if (strSpecies == '') {
	  $("#frmSearchNow select#Breed").html('');
	  $("#frmSearchNow select#Breed").append('<option value="">Select a Breed</option>');
	  return false;
	}
	$.ajax({
	  type: "GET",
	  url: "/components/SearchNow.cfc",
	  dataType: "xml",
	  data: "method="+MethodVal+"&strSpecies="+strSpecies,
	  success: function(xml){
		$("#frmSearchNow select#Breed").html('');
		$("#frmSearchNow select#Breed").append('<option value="">Select a Breed</option>');
		$(xml).find('breed').each(function(){
		  $("#frmSearchNow select#Breed").append('<option value="' + $(this).text() + '">' + $(this).text() + '</option>');
		});
	  }
	});   
  });
});

$(function(){
  $("#frmSearchNow #Breed").change(function() {
      $("#frmSearchNow #selectedModel").val($(this).val());
  });
});
