jQuery.noConflict();
var namefinder = function($){
  var settings = {
    id: 'namefinder-widget',
    width: 300,
    height: 250
  },
  form_html = '<form action="http://www.babynamewizard.com/namipedia/advanced-name-finder/results" method="get" id="namefinder"><div class="fieldset gender"><div class="legend">Gender</div><div class="form-item namefinder-boy"><label>Boy</label><input type="checkbox" name="gender[m]" value="1" checked="checked" class="form-checkbox" /></div><div class="form-item namefinder-girl"><label>Girl</label><input type="checkbox" name="gender[f]" value="1" checked="checked" class="form-checkbox" /></div></div><div class="fieldset letters"><div class="legend">Letters</div><div class="form-item"><label>Must Start With</label><input type="text" name="start" size="2" maxlength="4" value="" class="form-text" /></div><div class="form-item"><label>Can\'t Start With</label><input type="text" name="not_start" size="2" maxlength="4" value="" class="form-text" /></div></div><div class="fieldset popularity"><div class="legend">Popularity</div><div class="form-item"><label class="option"><input type="checkbox" name="popularity[popular]" value="popular" class="form-checkbox" /> Popular</label></div><div class="form-item"><label class="option"><input type="checkbox" name="popularity[somewhat]" value="somewhat" class="form-checkbox" /> Somewhat Popular</label></div><div class="form-item"><label class="option"><input type="checkbox" name="popularity[uncommon]" value="uncommon" class="form-checkbox" /> Uncommon</label></div><input type="submit" name="op" value="Find"class="form-submit" /></div><div class="fieldset styles"><div class="legend">Styles</div><div class="form-item"><label class="option"><input type="checkbox" name="style[traditional]" value="traditional" class="form-checkbox" /> Traditional</label></div><div class="form-item"><label class="option"><input type="checkbox" name="style[contemporary]" value="contemporary" class="form-checkbox" /> Contemporary</label></div><div class="form-item"><label class="option"><input type="checkbox" name="style[biblical]" value="biblical" class="form-checkbox" /> Biblical</label></div><div class="form-item"><label class="option"><input type="checkbox" name="style[meaning]" value="meaning" class="form-checkbox" /> Place/Surname</label></div><a href="http://www.babynamewizard.com/namipedia/advanced-name-finder" class="more-options" target="namefinder">More Options...</a></div></form>',
  widget,
  inner,
  search_setup = function() {
    inner.html(form_html);
    var form = inner.find('form');
    form.submit(function(){
      $.get('http://www.babynamewizard.com/namefinder/widget/json?callback=?', form.serializeArray(), function(response, status, xhr) {
        if (response.status == 'success') {
          var ul = $('<ul>');
          for (var i in response.names) {
            var name = response.names[i];
            var link = $('<a>').attr({href: name.path, target: 'namefinder'})
            if (name.sex == 'M') {
              link.addClass('boy').text(name.title+' (boy)');
            }
            else {
              link.addClass('girl').text(name.title+' (girl)');
            }
            ul.append($('<li>').append(link));
          }
          ul.append($('<li>').addClass('reset').append($('<a>').addClass('reset-link').attr({href: '#'}).text('Search Again?')));
          ul.append($('<li>').addClass('see-more').append($('<a>').attr({href: response.more, target: 'namefinder'}).text('See more results...')));
          inner.html(ul);
          $('a.reset-link').click(function(){
            search_setup();
            return false;
          });
        }
        }, "jsonp");
        return false;
      });
    },
    init = function(options) {
      jQuery.extend(settings, options);
      widget = $('#'+settings.id);
      var inner_height = settings.height - 55;
      widget.css({height: settings.height+'px', width: settings.width+'px'}).addClass('namefinder-widget');
      widget.append('<div id="'+settings.id+'-inner"></div><h2>Baby Name Finder</h2><h3><a href="http://www.babynamewizard.com" target="namefinder">From BabyNameWizard.com</a></h3>');
      inner = $('#'+settings.id+'-inner');
      inner.css({height: inner_height+'px'}).addClass('namefinder-widget-inner');
      search_setup();
    };
    return {
      init:init
    };
    }(jQuery);