(function($) {
	$.fn.Fancyform = function() {	
		var args = arguments[0] || {};  
		images = '/img'; //path to images
		if(!images){
			images = 'images';
		}
		
		var form_id = $(this).attr('id');
		
		
		//go through each form element and replace
		
		var text_input_ids = '0';
				
		//text and pass inputs, leave file inputs
		/*$('[type="text"], [type="password"]',this).each(function(){	
			text_input_ids++;
			var this_id = text_input_ids;
			if($(this).attr('type') == 'password'){
				var settype = 'type="password"';
			}else{
				var settype = 'type="text"';
			}
			
			if(1==1){				
				//enabled				
				var c_width = $(this).width() - 18; //width of input element				
				
				$(this).replaceWith('<div id="input-text-'+this_id+'"><div class="i-left"></div><div class="i-middle"><input '+settype+' name="'+$(this).attr('name')+'" value="'+$(this).val()+'" class="input-text-hidden" /></div><div class="i-right"></div></div>');
				$('#input-text-'+this_id+' .i-left').css({ 'background-image': 'url(\''+images+'/input-text-left.png\')'});
				$('#input-text-'+this_id+' .i-middle').css({ 'background-image': 'url(\''+images+'/input-text-middle.png\')', 'background-repeat': 'repeat-x', 'width': c_width+'px' });
				$('#input-text-'+this_id+' .i-right').css({ 'background-image': 'url(\''+images+'/input-text-right.png\')'});
				$('#input-text-'+this_id+' .input-text-hidden').css('width',c_width+'px');
				
				$('#input-text-'+this_id+' .input-text-hidden').focus(function(){
					$('#input-text-'+this_id+' .i-left').css({ 'background-image': 'url(\''+images+'/input-text-left-focus.png\')' });
					$('#input-text-'+this_id+' .i-right').css({ 'background-image': 'url(\''+images+'/input-text-right-focus.png\')' });
					$('#input-text-'+this_id+' .i-middle').css({ 'background-image': 'url(\''+images+'/input-text-middle-focus.png\')' });					
				});
				
				$('#input-text-'+this_id+' .input-text-hidden').focusout(function(){
					$('#input-text-'+this_id+' .i-left').css({ 'background-image': 'url(\''+images+'/input-text-left.png\')' });
					$('#input-text-'+this_id+' .i-right').css({ 'background-image': 'url(\''+images+'/input-text-right.png\')' });
					$('#input-text-'+this_id+' .i-middle').css({ 'background-image': 'url(\''+images+'/input-text-middle.png\')' });					
				});
				
			}
			else{
				//disabled
				var c_width = $(this).width() - 18; //width of input element				
				
				$(this).replaceWith('<div id="input-text-'+this_id+'"><div class="i-left"></div><div class="i-middle"><input disabled="disabled" type="text" name="'+$(this).attr('name')+'" value="'+$(this).val()+'" class="input-text-hidden" /></div><div class="i-right"></div></div>');
				$('#input-text-'+this_id+' .i-left').css({ 'background-image': 'url(\''+images+'/input-text-disabled-left.png\')'});
				$('#input-text-'+this_id+' .i-middle').css({ 'background-image': 'url(\''+images+'/input-text-disabled-middle.png\')', 'background-repeat': 'repeat-x', 'width': c_width+'px' });
				$('#input-text-'+this_id+' .i-right').css({ 'background-image': 'url(\''+images+'/input-text-disabled-right.png\')'});
				$('#input-text-'+this_id+' .input-text-hidden').css('width',c_width+'px');
			}
		});*/
		
		//textareas
		/*$('textarea',this).each(function(){
			text_input_ids++;
			var this_id = text_input_ids;
			
			if($(this).attr('disabled') == false){				
				//enabled				
				var c_width = $(this).width() - 18; //width of input element				
				var c_height = $(this).height() - 16; //height of input element				
				
				$(this).replaceWith('<table id="textarea-'+this_id+'" cellspacing="0" cellpadding="0" border="0" padding="0" margin="0">'+
				'<tr><td class="ta-tl"></td> <td class="ta-tm"></td> <td class="ta-tr"></td></tr>'+
				'<tr><td class="ta-ml"></td> <td class="ta-mm"><textarea class="textarea-hidden" name="'+$(this).attr('name')+'">'+$(this).val()+'</textarea></td> <td class="ta-mr"></td></tr>'+
				'<tr><td class="ta-bl"></td> <td class="ta-bm"></td> <td class="ta-br"></td></tr>'+
				'</table>');
				
				$('#textarea-'+this_id+' .ta-tl').css({ 'background-image': 'url(\''+images+'/textarea-top-left.png\')'});
				$('#textarea-'+this_id+' .ta-tm').css({ 'background-image': 'url(\''+images+'/textarea-top-middle.png\')', 'width': c_width+'px'});
				$('#textarea-'+this_id+' .ta-tr').css({ 'background-image': 'url(\''+images+'/textarea-top-right.png\')'});
				
				$('#textarea-'+this_id+' .ta-ml').css({ 'background-image': 'url(\''+images+'/textarea-middle-left.png\')'});
				$('#textarea-'+this_id+' .ta-mm').css({ 'background-image': 'url(\''+images+'/textarea-middle-middle.png\')', 'width': c_width+'px', 'height' : c_height+'px'});
				$('#textarea-'+this_id+' .ta-mr').css({ 'background-image': 'url(\''+images+'/textarea-middle-right.png\')'});
				
				$('#textarea-'+this_id+' .ta-bl').css({ 'background-image': 'url(\''+images+'/textarea-bottom-left.png\')'});
				$('#textarea-'+this_id+' .ta-bm').css({ 'background-image': 'url(\''+images+'/textarea-bottom-middle.png\')', 'width': c_width+'px'});
				$('#textarea-'+this_id+' .ta-br').css({ 'background-image': 'url(\''+images+'/textarea-bottom-right.png\')'});
								
				$('#textarea-'+this_id+' .textarea-hidden').css('width',c_width+'px');
				$('#textarea-'+this_id+' .textarea-hidden').css('height',c_height+'px');
				
				
				$('#textarea-'+this_id+' .textarea-hidden').focus(function(){			
					$('#textarea-'+this_id+' .ta-tl').css({ 'background-image': 'url(\''+images+'/textarea-top-left-focus.png\')'});
					$('#textarea-'+this_id+' .ta-tm').css({ 'background-image': 'url(\''+images+'/textarea-top-middle-focus.png\')'});
					$('#textarea-'+this_id+' .ta-tr').css({ 'background-image': 'url(\''+images+'/textarea-top-right-focus.png\')'});
					
					$('#textarea-'+this_id+' .ta-ml').css({ 'background-image': 'url(\''+images+'/textarea-middle-left-focus.png\')'});
					$('#textarea-'+this_id+' .ta-mm').css({ 'background-image': 'url(\''+images+'/textarea-middle-middle-focus.png\')'});
					$('#textarea-'+this_id+' .ta-mr').css({ 'background-image': 'url(\''+images+'/textarea-middle-right-focus.png\')'});
					
					$('#textarea-'+this_id+' .ta-bl').css({ 'background-image': 'url(\''+images+'/textarea-bottom-left-focus.png\')'});
					$('#textarea-'+this_id+' .ta-bm').css({ 'background-image': 'url(\''+images+'/textarea-bottom-middle-focus.png\')'});
					$('#textarea-'+this_id+' .ta-br').css({ 'background-image': 'url(\''+images+'/textarea-bottom-right-focus.png\')'});
				});
				
				$('#textarea-'+this_id+' .textarea-hidden').focusout(function(){
					$('#textarea-'+this_id+' .ta-tl').css({ 'background-image': 'url(\''+images+'/textarea-top-left.png\')'});
					$('#textarea-'+this_id+' .ta-tm').css({ 'background-image': 'url(\''+images+'/textarea-top-middle.png\')'});
					$('#textarea-'+this_id+' .ta-tr').css({ 'background-image': 'url(\''+images+'/textarea-top-right.png\')'});
					
					$('#textarea-'+this_id+' .ta-ml').css({ 'background-image': 'url(\''+images+'/textarea-middle-left.png\')'});
					$('#textarea-'+this_id+' .ta-mm').css({ 'background-image': 'url(\''+images+'/textarea-middle-middle.png\')'});
					$('#textarea-'+this_id+' .ta-mr').css({ 'background-image': 'url(\''+images+'/textarea-middle-right.png\')'});
					
					$('#textarea-'+this_id+' .ta-bl').css({ 'background-image': 'url(\''+images+'/textarea-bottom-left.png\')'});
					$('#textarea-'+this_id+' .ta-bm').css({ 'background-image': 'url(\''+images+'/textarea-bottom-middle.png\')'});
					$('#textarea-'+this_id+' .ta-br').css({ 'background-image': 'url(\''+images+'/textarea-bottom-right.png\')'});
				});
				
			}
			else{
				//disabled
				var c_width = $(this).width() - 18; //width of input element				
				var c_height = $(this).height() - 16; //height of input element				
				
				$(this).replaceWith('<table id="textarea-'+this_id+'" cellspacing="0" cellpadding="0" border="0" padding="0" margin="0">'+
				'<tr><td class="ta-tl"></td> <td class="ta-tm"></td> <td class="ta-tr"></td></tr>'+
				'<tr><td class="ta-ml"></td> <td class="ta-mm"><textarea disabled="disabled" class="textarea-hidden" name="'+$(this).attr('name')+'">'+$(this).val()+'</textarea></td> <td class="ta-mr"></td></tr>'+
				'<tr><td class="ta-bl"></td> <td class="ta-bm"></td> <td class="ta-br"></td></tr>'+
				'</table>');
				
				$('#textarea-'+this_id+' .ta-tl').css({ 'background-image': 'url(\''+images+'/textarea-disabled-top-left.png\')'});
				$('#textarea-'+this_id+' .ta-tm').css({ 'background-image': 'url(\''+images+'/textarea-disabled-top-middle.png\')', 'width': c_width+'px'});
				$('#textarea-'+this_id+' .ta-tr').css({ 'background-image': 'url(\''+images+'/textarea-disabled-top-right.png\')'});
				
				$('#textarea-'+this_id+' .ta-ml').css({ 'background-image': 'url(\''+images+'/textarea-disabled-middle-left.png\')'});
				$('#textarea-'+this_id+' .ta-mm').css({ 'background-image': 'url(\''+images+'/textarea-disabled-middle-middle.png\')', 'width': c_width+'px', 'height' : c_height+'px'});
				$('#textarea-'+this_id+' .ta-mr').css({ 'background-image': 'url(\''+images+'/textarea-disabled-middle-right.png\')'});
				
				$('#textarea-'+this_id+' .ta-bl').css({ 'background-image': 'url(\''+images+'/textarea-disabled-bottom-left.png\')'});
				$('#textarea-'+this_id+' .ta-bm').css({ 'background-image': 'url(\''+images+'/textarea-disabled-bottom-middle.png\')', 'width': c_width+'px'});
				$('#textarea-'+this_id+' .ta-br').css({ 'background-image': 'url(\''+images+'/textarea-disabled-bottom-right.png\')'});
								
				$('#textarea-'+this_id+' .textarea-hidden').css('width',c_width+'px');
				$('#textarea-'+this_id+' .textarea-hidden').css('height',c_height+'px');
			}
			
		});*/
	
		//radiobox
		$('[type="radio"]',this).each(function(){
			text_input_ids++;						
			var this_id = text_input_ids;
			
					
			
			if(1==1){				
				//enabled		
				
				//is it checked?				
				var checked = $(this).attr('checked');
				var this_name = $(this).attr('name');				
				var this_val = $(this).val();
				
				
				
				if(checked == true){
					//append a hidden field with this name
					$(this).before('<input type="hidden" name="'+this_name+'" value="'+this_val+'" />');
				
					$(this).replaceWith('<div id="i-radio-'+this_id+'" class="i-radio '+this_name+'"></div>');
					$('#i-radio-'+this_id).css({ 'background-image': 'url(\''+images+'/radio-filled.png\')'});						
					
				}else{					
					$(this).replaceWith('<div id="i-radio-'+this_id+'" class="i-radio '+this_name+'"></div>');
					$('#i-radio-'+this_id).css({ 'background-image': 'url(\''+images+'/radio-empty.png\')'});						
				}
				
				
				
				
				$('#i-radio-'+this_id).click(function(){										
					//set all other radio with this name to empty
					$('.'+this_name).css({'background-image': 'url(\''+images+'/radio-empty.png\')'});
					
					//set this background to filled
					$(this).css({'background-image': 'url(\''+images+'/radio-filled.png\')'});
					
					//remove all hidden field
					$('input[name="'+this_name+'"]').remove();
					
					//append a new hidden field to this value if selected	
					$(this).before('<input type="hidden" name="'+this_name+'" value="'+this_val+'" />');
									
					
				});
				
				
			}
			else{
				//disabled
				
				//is it checked?				
				var checked = $(this).attr('checked');
				var this_name = $(this).attr('name');				
				var this_val = $(this).val();
							
				if(checked == true){
					//append a hidden field with this name
					$(this).before('<input type="hidden" name="'+this_name+'" value="'+this_val+'" />');
				
					$(this).replaceWith('<div id="i-radio-'+this_id+'" class="i-radio '+this_name+'"></div>');
					$('#i-radio-'+this_id).css({ 'background-image': 'url(\''+images+'/radio-disabled-filled.png\')'});						
					
				}else{					
					$(this).replaceWith('<div id="i-radio-'+this_id+'" class="i-radio '+this_name+'"></div>');
					$('#i-radio-'+this_id).css({ 'background-image': 'url(\''+images+'/radio-disabled-empty.png\')'});						
				}
				
			}
			
		});
	
		//checkbox
		$('[type="checkbox"]',this).each(function(){
			text_input_ids++;						
			var this_id = text_input_ids;
			
					
			
			if(/*$(this).attr('disabled') == false*/ 1==1){				
				//enabled		
				
				//is it checked?				
				var checked = $(this).attr('checked');
				var this_name = $(this).attr('name');				
				var this_val = $(this).val();
								
				if(checked == true){				
					$(this).before('<input type="hidden" name="'+this_name+'" value="'+this_val+'" />');
				
					$(this).replaceWith('<div id="i-checkbox-'+this_id+'" class="i-checkbox"></div>');
					$('#i-checkbox-'+this_id).css({ 'background-image': 'url(\''+images+'/checkbox-filled.png\')'});						
				}else{
					$(this).before('<input type="hidden" name="'+this_name+'" value="" />');
				
					$(this).replaceWith('<div id="i-checkbox-'+this_id+'" class="i-checkbox"></div>');
					$('#i-checkbox-'+this_id).css({ 'background-image': 'url(\''+images+'/checkbox-empty.png\')'});						
				}
				
				$('#i-checkbox-'+this_id).click(function(){			
					if($('[name="'+this_name+'"]').val() != ''){
						//if filled, make it empty
						$('#i-checkbox-'+this_id).css({ 'background-image': 'url(\''+images+'/checkbox-empty.png\')'});
						$('input[name="'+this_name+'"]').val('');
					}else{
						//if empty, make it filled
						$('#i-checkbox-'+this_id).css({ 'background-image': 'url(\''+images+'/checkbox-filled.png\')'});
						$('input[name="'+this_name+'"]').val(this_val);
					}
				});
				
			}else{
				//disabled
				
				//is it checked?				
				var checked = $(this).attr('checked');
				var this_name = $(this).attr('name');				
				var this_val = $(this).val();
								
				if(checked == true){				
					$(this).before('<input type="hidden" name="'+this_name+'" value="'+this_val+'" />');
				
					$(this).replaceWith('<div id="i-checkbox-'+this_id+'" class="i-checkbox"></div>');
					$('#i-checkbox-'+this_id).css({ 'background-image': 'url(\''+images+'/checkbox-disabled-filled.png\')'});						
				}else{
					$(this).replaceWith('<div id="i-checkbox-'+this_id+'" class="i-checkbox"></div>');
					$('#i-checkbox-'+this_id).css({ 'background-image': 'url(\''+images+'/checkbox-disabled-empty.png\')'});						
				}
			
			}
			
		});
		
		//submit
		/*$('[type="submit"]',this).each(function(){			
			text_input_ids++;						
			var this_id = text_input_ids;
			var this_name = $(this).attr('name');				
			var this_val = $(this).val();
			
			if($(this).attr('disabled') == false){			
				//enabled
						
				var c_width = $(this).width() - 18; //width of input element		
				
				$(this).replaceWith('<div id="submit-'+this_id+'"><div class="s-left"></div><div class="s-middle">'+this_val+'</div><div class="s-right"><input type="hidden" name="'+this_name+'" value="'+this_val+'" /></div></div>');
				
				$('#submit-'+this_id+' .s-left').css({ 'background-image': 'url(\''+images+'/submit-left.png\')'});
				$('#submit-'+this_id+' .s-middle').css({ 'background-image': 'url(\''+images+'/submit-middle.png\')', 'background-repeat': 'repeat-x', 'width': c_width+'px' });
				$('#submit-'+this_id+' .s-right').css({ 'background-image': 'url(\''+images+'/submit-right.png\')'});
				$('#submit-'+this_id+' .input-text-hidden').css('width',c_width+'px');
				
				$('#submit-'+this_id).hover(
					function(){
						$('#submit-'+this_id+' .s-left').css({ 'background-image': 'url(\''+images+'/submit-left-focus.png\')'});
						$('#submit-'+this_id+' .s-middle').css({ 'background-image': 'url(\''+images+'/submit-middle-focus.png\')'});
						$('#submit-'+this_id+' .s-right').css({ 'background-image': 'url(\''+images+'/submit-right-focus.png\')'});
					},
					function(){
						$('#submit-'+this_id+' .s-left').css({ 'background-image': 'url(\''+images+'/submit-left.png\')'});
						$('#submit-'+this_id+' .s-middle').css({ 'background-image': 'url(\''+images+'/submit-middle.png\')'});
						$('#submit-'+this_id+' .s-right').css({ 'background-image': 'url(\''+images+'/submit-right.png\')'});
					}
				);
				
				//on click submit form
				$('#submit-'+this_id).click(function(){
					$('#'+form_id).submit();					
				});
				
			}
			else{
				//disabled
			
				var c_width = $(this).width() - 18; //width of input element		
				
				$(this).replaceWith('<div id="submit-'+this_id+'"><div class="s-left"></div><div class="s-middle">'+this_val+'</div><div class="s-right"><input type="hidden" name="'+this_name+'" value="'+this_val+'" /></div></div>');
				
				$('#submit-'+this_id+' .s-left').css({ 'background-image': 'url(\''+images+'/submit-disabled-left.png\')'});
				$('#submit-'+this_id+' .s-middle').css({ 'background-image': 'url(\''+images+'/submit-disabled-middle.png\')', 'background-repeat': 'repeat-x', 'width': c_width+'px' });
				$('#submit-'+this_id+' .s-right').css({ 'background-image': 'url(\''+images+'/submit-disabled-right.png\')'});
				$('#submit-'+this_id+' .input-text-hidden').css('width',c_width+'px');
			}
			
		});*/
		
		
		//select
		/*$('select',this).each(function(){
			if($(this).attr('multiple') == true){
				//multiple select
				if($(this).attr('disabled') == false){			
					//enabled
										
					text_input_ids++;						
					var this_id = text_input_ids;
					var this_name = $(this).attr('name');				
					
					var c_width = $(this).width(); //width of input element							
					var c_height = $(this).height(); //width of input element							
					
					var opt_array = new Array();
					var opt_array2 = new Array();
					
					//get each option value and text, add to new select
					var count_opt = '0';					
					var selected_ind = '0';
					$('option',this).each(function(){											
						opt_array.push($(this).val());					
						opt_array2.push($(this).text());					
						
						//check if selected, get its value to var
						if($(this).attr('selected') == true){							
							selected_ind = count_opt;
						}
						count_opt++;
					});
					
					
					$(this).replaceWith('<table id="multiple-select-'+this_id+'" cellspacing="0" cellpadding="0" border="0" padding="0" margin="0">'+
					'<tr><td class="ms-tl"></td> <td class="ms-tm"></td> <td class="ms-tr"></td></tr>'+
					'<tr><td class="ms-ml"></td> <td class="ms-mm"> <select name="'+this_name+'" class="multiple-select-hidden" multiple="multiple"></select> </td> <td class="ms-mr"></td></tr>'+
					'<tr><td class="ms-bl"></td> <td class="ms-bm"></td> <td class="ms-br"></td></tr>'+
					'</table>');				

					$('#multiple-select-'+this_id+' .ms-tl').css({ 'background-image': 'url(\''+images+'/multiple-select-top-left.png\')'});
					$('#multiple-select-'+this_id+' .ms-tm').css({ 'background-image': 'url(\''+images+'/multiple-select-top-middle.png\')', 'width': c_width+'px'});
					$('#multiple-select-'+this_id+' .ms-tr').css({ 'background-image': 'url(\''+images+'/multiple-select-top-right.png\')'});
					
					$('#multiple-select-'+this_id+' .ms-ml').css({ 'background-image': 'url(\''+images+'/multiple-select-middle-left.png\')'});
					$('#multiple-select-'+this_id+' .ms-mm').css({ 'background-image': 'url(\''+images+'/multiple-select-middle-middle.png\')', 'width': c_width+'px', 'height' : c_height+'px'});
					$('#multiple-select-'+this_id+' .ms-mr').css({ 'background-image': 'url(\''+images+'/multiple-select-middle-right.png\')'});
					
					$('#multiple-select-'+this_id+' .ms-bl').css({ 'background-image': 'url(\''+images+'/multiple-select-bottom-left.png\')'});
					$('#multiple-select-'+this_id+' .ms-bm').css({ 'background-image': 'url(\''+images+'/multiple-select-bottom-middle.png\')', 'width': c_width+'px'});
					$('#multiple-select-'+this_id+' .ms-br').css({ 'background-image': 'url(\''+images+'/multiple-select-bottom-right.png\')'});
					
					for(var i=0; i<opt_array.length; i++) {
						if(i == selected_ind){
							$('#multiple-select-'+this_id+' .ms-mm select').append('<option value="'+opt_array[i]+'" selected="selected">'+opt_array2[i]+'</option>');						
						}else{
							$('#multiple-select-'+this_id+' .ms-mm select').append('<option value="'+opt_array[i]+'">'+opt_array2[i]+'</option>');						
						}
					}
					
				}else{
					//disabled
					
					text_input_ids++;						
					var this_id = text_input_ids;
					var this_name = $(this).attr('name');				
					
					var c_width = $(this).width(); //width of input element							
					var c_height = $(this).height(); //width of input element							
					
					var opt_array = new Array();
					var opt_array2 = new Array();
					
					//get each option value and text, add to new select
					var count_opt = '0';					
					var selected_ind = '0';
					$('option',this).each(function(){											
						opt_array.push($(this).val());					
						opt_array2.push($(this).text());					
						
						//check if selected, get its value to var
						if($(this).attr('selected') == true){							
							selected_ind = count_opt;
						}
						count_opt++;
					});
					
					
					$(this).replaceWith('<table id="multiple-select-'+this_id+'" cellspacing="0" cellpadding="0" border="0" padding="0" margin="0">'+
					'<tr><td class="ms-tl"></td> <td class="ms-tm"></td> <td class="ms-tr"></td></tr>'+
					'<tr><td class="ms-ml"></td> <td class="ms-mm"> <select name="'+this_name+'" class="multiple-select-hidden" multiple="multiple" disabled="disabled"></select> </td> <td class="ms-mr"></td></tr>'+
					'<tr><td class="ms-bl"></td> <td class="ms-bm"></td> <td class="ms-br"></td></tr>'+
					'</table>');				

					$('#multiple-select-'+this_id+' .ms-tl').css({ 'background-image': 'url(\''+images+'/multiple-select-disabled-top-left.png\')'});
					$('#multiple-select-'+this_id+' .ms-tm').css({ 'background-image': 'url(\''+images+'/multiple-select-disabled-top-middle.png\')', 'width': c_width+'px'});
					$('#multiple-select-'+this_id+' .ms-tr').css({ 'background-image': 'url(\''+images+'/multiple-select-disabled-top-right.png\')'});
					
					$('#multiple-select-'+this_id+' .ms-ml').css({ 'background-image': 'url(\''+images+'/multiple-select-disabled-middle-left.png\')'});
					$('#multiple-select-'+this_id+' .ms-mm').css({ 'background-image': 'url(\''+images+'/multiple-select-disabled-middle-middle.png\')', 'width': c_width+'px', 'height' : c_height+'px'});
					$('#multiple-select-'+this_id+' .ms-mr').css({ 'background-image': 'url(\''+images+'/multiple-select-disabled-middle-right.png\')'});
					
					$('#multiple-select-'+this_id+' .ms-bl').css({ 'background-image': 'url(\''+images+'/multiple-select-disabled-bottom-left.png\')'});
					$('#multiple-select-'+this_id+' .ms-bm').css({ 'background-image': 'url(\''+images+'/multiple-select-disabled-bottom-middle.png\')', 'width': c_width+'px'});
					$('#multiple-select-'+this_id+' .ms-br').css({ 'background-image': 'url(\''+images+'/multiple-select-disabled-bottom-right.png\')'});
					
					for(var i=0; i<opt_array.length; i++) {
						if(i == selected_ind){
							$('#multiple-select-'+this_id+' .ms-mm select').append('<option value="'+opt_array[i]+'" selected="selected">'+opt_array2[i]+'</option>');						
						}else{
							$('#multiple-select-'+this_id+' .ms-mm select').append('<option value="'+opt_array[i]+'">'+opt_array2[i]+'</option>');						
						}
					}
				}
				
			}
			else{
				//simple select dropdown
				
				if($(this).attr('disabled') == false){			
					//enabled
										
					text_input_ids++;						
					var this_id = text_input_ids;
					var this_name = $(this).attr('name');				
					
					var c_width = $(this).width(); //width of input element							
					
					var opt_array = new Array();
					var opt_array2 = new Array();
									
					//get each option value and text, add to new select
					var count_opt = '0';					
					var selected_val = '';
					var selected_text = '';
					$('option',this).each(function(){											
						opt_array.push($(this).val());					
						opt_array2.push($(this).text());					
						
						//check if selected, get its value to var
						if($(this).attr('selected') == true){							
							selected_val = $(this).val();
							selected_text = $(this).text();
						}
						count_opt++;
					});
					
					if(selected_text == ''){
						selected_val = opt_array[0];
						selected_text = opt_array2[0];
					}
					
					$(this).replaceWith('<div id="select-'+this_id+'"><div class="se-left"><input type="hidden" name="'+this_name+'" value="'+selected_val+'" /></div><div class="se-middle">'+selected_text+'</div><div class="se-right"></div></div><ul class="select-ul" id="select-ul-'+this_id+'"></ul>');
					$('#select-ul-'+this_id).css('display','none');
					$('#select-'+this_id).css('cursor','pointer');
					$('#select-'+this_id+' .se-left').css({ 'background-image': 'url(\''+images+'/select-left.png\')'});
					$('#select-'+this_id+' .se-middle').css({ 'background-image': 'url(\''+images+'/select-middle.png\')', 'background-repeat': 'repeat-x', 'width': c_width+'px' });
					$('#select-'+this_id+' .se-right').css({ 'background-image': 'url(\''+images+'/select-right.png\')'});
					
					//set ul position below select
					var this_pos = $('#select-'+this_id).position();
					var set_top = this_pos.top + $('#select-'+this_id+' .se-middle').height();	
					var set_w = $('#select-'+this_id).width();	
					$('#select-ul-'+this_id).css({'top': set_top+'px', 'left': this_pos.left+'px', 'width': set_w+'px'});
					
					for(var i=0; i<opt_array.length; i++) {
						$('#select-ul-'+this_id).append('<li><a href="#">'+opt_array2[i]+'</a><input type="hidden" class="select-ul-li-hidden" value="'+i+'" /></li>');						
					}
					
					
					
				
					//on click change bg, display ul list of options
					$('#select-'+this_id).click(function(){	
						
						//check if ul is active 
						if($('#select-ul-'+this_id).css('display') == 'none'){
							//not active so make it and hide all other
							$('.select-ul').css('display','none');
							
							$('#select-'+this_id+' .se-left').css({ 'background-image': 'url(\''+images+'/select-left-focus.png\')'});
							$('#select-'+this_id+' .se-middle').css({ 'background-image': 'url(\''+images+'/select-middle-focus.png\')'});
							$('#select-'+this_id+' .se-right').css({ 'background-image': 'url(\''+images+'/select-right-focus.png\')'});	
							$('#select-ul-'+this_id).css('display','inline');
							$('#select-ul-'+this_id+' li').css('margin-bottom','0px');				
							
						}else{
							$('#select-'+this_id+' .se-left').css({ 'background-image': 'url(\''+images+'/select-left.png\')'});
							$('#select-'+this_id+' .se-middle').css({ 'background-image': 'url(\''+images+'/select-middle.png\')'});
							$('#select-'+this_id+' .se-right').css({ 'background-image': 'url(\''+images+'/select-right.png\')'});	
							$('#select-ul-'+this_id).css('display','none');
						}						
					});
					
					$('#select-ul-'+this_id+' li').click(function(){
						//set val in hidden field
						$('#select-'+this_id+' .se-left input').val(opt_array[$('.select-ul-li-hidden',this).val()]);
						
						//set appearing val
						$('#select-'+this_id+' .se-middle').html(opt_array2[$('.select-ul-li-hidden',this).val()]);
						
						//hide list
						$('#select-'+this_id+' .se-left').css({ 'background-image': 'url(\''+images+'/select-left.png\')'});
						$('#select-'+this_id+' .se-middle').css({ 'background-image': 'url(\''+images+'/select-middle.png\')'});
						$('#select-'+this_id+' .se-right').css({ 'background-image': 'url(\''+images+'/select-right.png\')'});	
						$('#select-ul-'+this_id).css('display','none');
						
						return false;
					});
					
					
				}else{
					//disabled
					
					
					text_input_ids++;						
					var this_id = text_input_ids;
					var this_name = $(this).attr('name');				
					
					var c_width = $(this).width(); //width of input element							
					
					var opt_array = new Array();
					var opt_array2 = new Array();
									
					//get each option value and text, add to new select
					var count_opt = '0';					
					var selected_val = '';
					var selected_text = '';
					$('option',this).each(function(){											
						opt_array.push($(this).val());					
						opt_array2.push($(this).text());					
						
						//check if selected, get its value to var
						if($(this).attr('selected') == true){							
							selected_val = $(this).val();
							selected_text = $(this).text();
						}
						count_opt++;
					});
					
					if(selected_text == ''){
						selected_val = opt_array[0];
						selected_text = opt_array2[0];
					}
					
					$(this).replaceWith('<div id="select-'+this_id+'"><div class="se-left"><input type="hidden" name="'+this_name+'" value="'+selected_val+'" /></div><div class="se-middle">'+selected_text+'</div><div class="se-right"></div></div>');
					$('#select-ul-'+this_id).css('display','none');
					$('#select-'+this_id).css('cursor','pointer');
					$('#select-'+this_id+' .se-left').css({ 'background-image': 'url(\''+images+'/select-disabled-left.png\')'});
					$('#select-'+this_id+' .se-middle').css({ 'background-image': 'url(\''+images+'/select-disabled-middle.png\')', 'background-repeat': 'repeat-x', 'width': c_width+'px' });
					$('#select-'+this_id+' .se-right').css({ 'background-image': 'url(\''+images+'/select-disabled-right.png\')'});
					
				
					
				}
			}			
		});*/
		
		
		
	}

})(jQuery);