$.fn.jForms = 
function(options)
{
  var lastKeypress = 0;
    var keyBuffer = '';
    var self = this;
    var defaults = {
  imagePath : basicImageFormPath,
  listSize:20
  }  
  if($.browser.safari){return false;}

  var opts = $.extend(defaults, options);
  var imagePath = opts.imagePath  
  
  //preload images
  var images = [
  imagePath + "button_left_xon.gif",
  imagePath + "button_right_xon.gif", 
  imagePath + "input_left_xon.gif",
  imagePath + "input_right_xon.gif",
  imagePath + "txtarea_bl_xon.gif",
  imagePath + "txtarea_br_xon.gif", 
  imagePath + "txtarea_cntr_xon.gif",
  imagePath + "txtarea_l_xon.gif",
  imagePath + "txtarea_tl_xon.gif",
  imagePath + "txtarea_tr_xon.gif",
  imagePath + "input_right_search.png",
  imagePath + "input_right_search_xon.png"]
  var imgs = new Array();
  for(var i = 0; i<images.length; i++)
  {
    imgs[i] = $("<img>").attr("src", images[i]);
  }

  $(self).attr('autocomplete','off').addClass('niceforms');
  
  //text and passwords
  $(':text,:password',self).each(function()
  {
    var rightImageUrl = imagePath + "input_right.png";
    var rightXonImageUrl = imagePath + "input_right_xon.png";
    var rightActiveImageUrl = imagePath + "input_right_search-a.png";
    var addInputCss = "";
    if(this.id == "contentSearchValue"){
      rightImageUrl = imagePath + "input_right_search.png";
      rightXonImageUrl = imagePath + "input_right_search_xon.png";
      addInputCss = " searchInput";
    }
    $(this).addClass('textinput').before('<img src = "'+imagePath+'input_left.png" class="inputCorner" />').after('<img src="' + rightImageUrl + '" class="inputCorner' + addInputCss + '" /><img src="' + rightActiveImageUrl + '" id="searchButton" class="inputCorner hidden" />').focus(function()
    {
      if(this.id != "contentSearchValue"){
        $(this).css('background-position','bottom').prev().attr('src',imagePath+'input_left_xon.png')
        $(this).next().attr('src', rightXonImageUrl);
      }

    }).blur(function()
    {
      $(this).css('background-position','top').prev().attr('src',imagePath+'input_left.png')
      $(this).next().attr('src', rightImageUrl);
    });  
  });
  
      //select boxes
$('select',self).each(function ()
{
  var classNameBgTop = "bgSelectTop";
  var classNameBgBottom = "bgSelectBottom";
  var selectWidth = 180;
  if(this.id == "subject"){
    classNameBgTop = "bgSelectWideTop";
    classNameBgBottom = "bgSelectWideBottom";
    selectWidth = 320;
  }
  $('body').append('<div id = "'+this.id+'_fake_list" class="fake_list"><div class="' + classNameBgTop + '"></div><ul></ul><div class="' + classNameBgBottom + '"></div></div>');
  $(this).children().each(function()
  {
    $('#'+$(this).parent().attr('id')+'_fake_list ul').append('<li>'+$(this).text()+'</li>');
  });
  $('#'+this.id+'_fake_list').css('height',12+(($('#'+this.id+'_fake_list li:first').height()+4)*($('#'+this.id+'_fake_list li').size()<opts.listSize?$('#'+this.id+'_fake_list li').size():opts.listSize))).css('width',selectWidth).toggle();
  
  $('#'+this.id+'_fake_list ul > li').hover(function(){$(this).addClass('active')},function(){$(this).removeClass('active');}).each(function(i)
  {
    $(this).click(function(){
    var id = $(this).parent().parent().attr('id');
    $('#'+id).toggle();
    $('#'+id.replace('_list','')).attr('value',$(this).text());
    $('#'+id.replace('_fake_list','')).attr('selectedIndex',i).change();
    $('#'+id+' li').removeClass('selected');
    $(this).addClass('selected');  
  })
  });

$(this).before('<div class="selectArea" style="width:' + selectWidth + 'px"><div class="left"></div><div class="right"><a class="selectButton" href="javascript:;" onclick="$(\'#'+this.id+'_fake\').focus().click()"></a></div><input type="text" class="center" style="width:'+(selectWidth-43)+'px;cursor:default" id="'+this.id+'_fake"  value="'+this[this.selectedIndex].text+'"  /></div>').css('position','absolute').css('left','-6000px');

  $('#'+this.id+'_fake').click(function(){
    $('#'+this.id+'_list').focus();
    $('#'+this.id+'_list').css('left',$(this).offset().left-8);
    
    if(($('#'+this.id+'_list').height()+$(this).offset().top -document.documentElement.scrollTop) > $(window).height())
    {
      $('#'+this.id+'_list').css('top',$(this).offset().top-$('#'+this.id+'_list').height()-1);
    }
    else
    {
      $('#'+this.id+'_list').css('top',$(this).offset().top+$(this).height()+13);
    }
    $('#'+this.id+'_list > li').removeClass('selected');
    $('#'+this.id+'_list ul > li').get($('#'+this.id.replace('_fake','')).attr('selectedIndex')).className='selected';

    
    $('.fake_list:visible:not(#'+this.id+'_list)').toggle();
    $list = $('#'+this.id+'_list');  
    $list.toggle();    
    var offSet = (($('.selected', $list).length>0? $('.selected', $list).offset().top:0)- $list.offset().top);
    $list.animate({scrollTop: offSet});
    }).css('font-size',$(this).css('font-size')).css('padding','7px 0px 2px 2px').keyup(function(e)
    {
      var pressedKey = e.charCode || e.keyCode || -1;
      var $dd = $('#'+this.id.replace('_fake',''));
      $('#'+this.id+'_list > li').removeClass('selected');
      switch(pressedKey)
      {
        //down
        case 40:            
          var curr = ($dd.attr('selectedIndex')+1>=$('option',$dd).length?0:$dd.attr('selectedIndex')+1);
        break;
        case 38:            
          var curr = ($dd.attr('selectedIndex')-1<0?$('option',$dd).length-1:$dd.attr('selectedIndex')-1);            
        break;
        case 13:
          $('#'+this.id+'_list').toggle();
          return false;
        break;
        default:
        var t = new Date();
        if(t.getTime()-lastKeypress>1000)
        {
          lastKeypress=t.getTime();
          keyBuffer ='';
        }
          keyBuffer +=String.fromCharCode(pressedKey).toLowerCase();
          curr=-1;
          $('#'+this.id+'_list > li').each(function(i)
          {
            if($(this).text().toLowerCase().indexOf(keyBuffer)==0&&curr==-1)
            {
              curr = i;
              return;
            }
          });
          break;
      }
      if(curr==-1)
      {
        curr=0;
      }
      $($('#'+this.id+'_list > li').get(curr)).addClass('selected').focus();
      $list = $('#'+this.id+'_list');
      var offSet = (($('.selected', $list).length>0? $('.selected', $list).offset().top:0)- $list.offset().top);
      $list.attr('scrollTop',offSet);
      $dd.attr('selectedIndex',curr).change();
      $(this).attr('value', $($('#'+this.id+'_list ul > li').get(curr)).text());
      return false;
            
    }).focus(function()
    {
      $(document).keypress(function(e)
      {
        var pressedKey = e.charCode || e.keyCode || -1;
        if(pressedKey==13)
        {
          return false;
        }
      });
    }).blur(function()
    {
      $(document).unbind('keypress').unbind('click');
    });

});

  //checkboxes
  $(':checkbox',self).each(function()
  {
    $(this).before('<div style="margin: 1px;" id="'+this.id+'_fake"></div>');
    $(this).addClass('outtaHere');
    this.checked?$('label[for='+this.id+']').addClass('chosen'):'';
    $('#'+this.id+'_fake').addClass(this.checked?'checkboxAreaChecked':'checkboxArea').click(function()
    {
      $('label[for='+this.id.replace('_fake','')+']').click();  
      $('#'+this.id.replace('_fake','')).attr('checked')?$('#'+this.id.replace('_fake','')).attr('checked',''):$('#'+this.id.replace('_fake','')).attr('checked','checked');
    });
    $('label[for='+this.id+']').click(function()
    {
      //these are backwards on purpose -click functions are called before the checkbox is selected
      $('#'+$(this).attr('for')).attr('checked')?$(this).removeClass('chosen'):$(this).addClass('chosen');
      $('#'+$(this).attr('for')+'_fake').addClass($('#'+$(this).attr('for')).attr('checked')?'checkboxArea':'checkboxAreaChecked').removeClass($('#'+$(this).attr('for')).attr('checked')?'checkboxAreaChecked':'checkboxArea');
    });
    
  });
  //radios
  /*
  $(':radio',self).each(function()
  {
    $(this).after('<div style="margin: 1px;" id="'+this.id+'_fake"></div>').addClass('outtaHere');
    this.checked?$('label[for='+this.id+']').addClass('chosen'):'';
    $('#'+this.id+'_fake').addClass(this.checked?'radioAreaChecked':'radioArea').click(function()
    {
      $(':radio[name='+$('#'+this.id.replace('_fake','')).attr('name')+']').each(function()
      {
        this.checked=false;  
      });
      $('#'+this.id.replace('_fake','')).attr('checked','checked');
      $('label[for='+this.id.replace('_fake','')+']').click();
    });  
    $('label[for='+this.id+']').click(function()
    {          
      $(':radio[name='+$('#'+$(this).attr('for')).attr('name')+']').each(function()
      {
        $('label[for='+this.id+']').removeClass('chosen');
        $('#'+this.id+'_fake').addClass('radioArea').removeClass('radioAreaChecked');
        $('label[for='+this.id.replace('_fake','')+']').removeClass('chosen');
      });
      $(this).addClass('chosen');  
      $('#'+$(this).attr('for')+'_fake').addClass('radioAreaChecked');  

    })
  });
  */
  //text areas
  $('textarea',self).each(function()
  {
    $(this).replaceWith('<div style="width: '+($(this).width()+20)+'px; height: '+($(this).height()+20)+'px;" class="txtarea" id = "'+this.id+'_fake"><div class="tr"><img src="' + imagePath + 'txtarea_tl.gif" class="txt_corner"></div><div class="cntr"><div style="height: '+($(this).height()+10)+'px;" class="cntr_l"></div></div><div class="br"><img src="'+imagePath+'txtarea_bl.gif" class="txt_corner"></div></div>');
    $('#'+this.id+'_fake .cntr').append($(this));
    
  }).focus(function()
  {
    $('#'+this.id+'_fake .tr').removeClass('tr').addClass('tr_xon');
    $('#'+this.id+'_fake .br').removeClass('br').addClass('br_xon');
    $('#'+this.id+'_fake .cntr').removeClass('cntr').addClass('cntr_xon');
    $('#'+this.id+'_fake .cntr_l').removeClass('cntr_').addClass('cntr_l_xon');
    $('#'+this.id+'_fake img:first').attr('src',imagePath+'txtarea_tl_xon.gif');
    $('#'+this.id+'_fake img:last').attr('src',imagePath+'txtarea_bl_xon.gif');
  }).blur(function()
  {
    $('#'+this.id+'_fake .tr_xon').addClass('tr').removeClass('tr_xon');
    $('#'+this.id+'_fake .br_xon').addClass('br').removeClass('br_xon');
    $('#'+this.id+'_fake .cntr_xon').addClass('cntr').removeClass('cntr_xon');
    $('#'+this.id+'_fake .cntr_l_xon').addClass('cntr_').removeClass('cntr_l_xon');
    $('#'+this.id+'_fake img:first').attr('src',imagePath+'txtarea_tl.gif');
    $('#'+this.id+'_fake img:last').attr('src',imagePath+'txtarea_bl.gif');
  });
  
  $(':button,:submit',self).each(function()
  {
    $(this).before('<img class="buttonImg" src="'+imagePath+'button_left.gif">').after('<img class="buttonImg" src="'+imagePath+'button_right.gif">').addClass('buttonSubmit').hover(function()
    {
      $(this).prev().attr('src',imagePath+'button_left_xon.gif');
      $(this).next().attr('src',imagePath+'button_right_xon.gif');
      $(this).addClass('buttonSubmitHovered').removeClass('buttonSubmit');
    },
   function()
   {
      $(this).prev().attr('src',imagePath+'button_left.gif');
      $(this).next().attr('src',imagePath+'button_right.gif');
      $(this).removeClass('buttonSubmitHovered').addClass('buttonSubmit');
  });
  });
  return self;
}