$.fn.jForms = 
function(options)
{
	var lastKeypress = 0;
    var keyBuffer = '';
    var self = this;
    var defaults = {
	imagePath : '/niceforms/default/',
	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"]
	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()
	{
		$(this).addClass('textinput').before('<img src = "'+imagePath+'input_left.gif" class="inputCorner" />').after('<img src="'+imagePath+'input_right.gif" class="inputCorner" />').focus(function()
		{
			$(this).css('background-position','bottom').prev().attr('src',imagePath+'input_left_xon.gif')
			$(this).next().attr('src',imagePath+'input_right_xon.gif');

		}).blur(function()
		{
			$(this).css('background-position','top').prev().attr('src',imagePath+'input_left.gif')
			$(this).next().attr('src',imagePath+'input_right.gif');
		});	
	});
	
			//select boxes
$('select',self).each(function ()
{
	$('body').append('<ul id = "'+this.id+'_fake_list" class="fake_list"></ul>');
	$(this).children().each(function()
	{
		$('#'+$(this).parent().attr('id')+'_fake_list').append('<li>'+$(this).text()+'</li>');
	});
	$('#'+this.id+'_fake_list').css('height',($('#'+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',$(this).width()+18).toggle();
	
	$('#'+this.id+'_fake_list > li').hover(function(){$(this).addClass('selected')},function(){$(this).removeClass('selected');}).each(function(i)
	{
		$(this).click(function(){
		var id = $(this).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:'+($(this).width()+43)+'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:'+($(this).width())+'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()-4);
		}
		else
		{
			$('#'+this.id+'_list').css('top',$(this).offset().top+$(this).height()+4);
		}
		$('#'+this.id+'_list > li').removeClass('selected');
		$('#'+this.id+'_list > 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','2px 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 > 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="/niceforms/default/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;
}