$(document).ready(
   function() {
	    
	   $('.skinnable-select-date').each(
	      function(i) {
	        selectContainer = $(this);
	        // Remove the class for non JS browsers
	        selectContainer.removeClass('skinnable-select-date');
	        // Add the class for JS Browers
	        selectContainer.addClass('skinned-select-date');
	        // Find the select box
	        selectContainer.children().before('<div class="select-text">a</div>').each(
	          function() {
	            $(this).prev().text(this.options[this.selectedIndex].innerHTML)
	          }
	        );
	        // Store the parent object
	        var parentTextObj = selectContainer.children().prev();
	        // As we click on the options
	        selectContainer.children().change(function() {
	          // Set the value of the html
	          parentTextObj.text(this.options[this.selectedIndex].innerHTML);
	        })        
	      }
	    );

	   $('.skinnable-select-date-year').each(
	      function(i) {
	        selectContainer = $(this);
	        // Remove the class for non JS browsers
	        selectContainer.removeClass('skinnable-select-date-year');
	        // Add the class for JS Browers
	        selectContainer.addClass('skinned-select-date-year');
	        // Find the select box
	        selectContainer.children().before('<div class="select-text">a</div>').each(
	          function() {
	            $(this).prev().text(this.options[this.selectedIndex].innerHTML)
	          }
	        );
	        // Store the parent object
	        var parentTextObj = selectContainer.children().prev();
	        // As we click on the options
	        selectContainer.children().change(function() {
	          // Set the value of the html
	          parentTextObj.text(this.options[this.selectedIndex].innerHTML);
	        })        
	      }
	    );
	    
	    $('.skinnable-select-pays').each(
  	      function(i) {
  	        selectContainer = $(this);
  	        // Remove the class for non JS browsers
  	        selectContainer.removeClass('skinnable-select-pays');
  	        // Add the class for JS Browers
  	        selectContainer.addClass('skinned-select-pays');
  	        // Find the select box
  	        selectContainer.children().before('<div class="select-text">a</div>').each(
  	          function() {
  	            $(this).prev().text(this.options[this.selectedIndex].innerHTML)
  	          }
  	        );
  	        // Store the parent object
  	        var parentTextObj = selectContainer.children().prev();
  	        // As we click on the options
  	        selectContainer.children().change(function() {
  	          // Set the value of the html
  	          parentTextObj.text(this.options[this.selectedIndex].innerHTML);
  	        })        
  	      }
  	    );
	    
	    
	    $('.skinnable-select').each(
    	      function(i) {
    	        selectContainer = $(this);
    	        // Remove the class for non JS browsers
    	        selectContainer.removeClass('skinnable-select');
    	        // Add the class for JS Browers
    	        selectContainer.addClass('skinned-select');
    	        // Find the select box
    	        selectContainer.children().before('<div class="select-text">a</div>').each(
    	          function() {
    	            $(this).prev().text(this.options[this.selectedIndex].innerHTML)
    	          }
    	        );
    	        // Store the parent object
    	        var parentTextObj = selectContainer.children().prev();
    	        // As we click on the options
    	        selectContainer.children().change(function() {
    	          // Set the value of the html
    	          parentTextObj.text(this.options[this.selectedIndex].innerHTML);
    	        })        
    	      }
    	    );
	    
	    $('.skinnable-select-medium').each(
	    	      function(i) {
	    	        selectContainer = $(this);
	    	        // Remove the class for non JS browsers
	    	        selectContainer.removeClass('skinnable-select-medium');
	    	        // Add the class for JS Browers
	    	        selectContainer.addClass('skinned-select-medium');
	    	        // Find the select box
	    	        selectContainer.children().before('<div class="select-text">a</div>').each(
	    	          function() {
	    	            $(this).prev().text(this.options[this.selectedIndex].innerHTML)
	    	          }
	    	        );
	    	        // Store the parent object
	    	        var parentTextObj = selectContainer.children().prev();
	    	        // As we click on the options
	    	        selectContainer.children().change(function() {
	    	          // Set the value of the html
	    	          parentTextObj.text(this.options[this.selectedIndex].innerHTML);
	    	        })        
	    	      }
	    	    );
		    
	    $('.skinnable-select-small').each(
	      function(i) {
	        selectContainer = $(this);
	        // Remove the class for non JS browsers
	        selectContainer.removeClass('skinnable-select-small');
	        // Add the class for JS Browers
	        selectContainer.addClass('skinned-select-small');
	        // Find the select box
	        selectContainer.children().before('<div class="select-text">a</div>').each(
	          function() {
	            $(this).prev().text(this.options[this.selectedIndex].innerHTML)
	          }
	        );
	        // Store the parent object
	        var parentTextObj = selectContainer.children().prev();
	        // As we click on the options
	        selectContainer.children().change(function() {
	          // Set the value of the html
	          parentTextObj.text(this.options[this.selectedIndex].innerHTML);
	        })        
	      }
	    );
	    
	    
	    $('.skinnable-select-file').each(
	    	      function(i) {
	    	        selectContainer = $(this);
	    	        // Remove the class for non JS browsers
	    	        selectContainer.removeClass('skinnable-select-file');
	    	        // Add the class for JS Browers
	    	        selectContainer.addClass('skinned-select-file');
	    	        /*
	    	        // Find the select box
	    	       selectContainer.children().before('<div class="select-text">a</div>').each(
	    	          function() {
	    	            $(this).prev().text(this.options[0].innerHTML)
	    	          }
	    	        );
	    	        // Store the parent object
	    	        var parentTextObj = selectContainer.children().prev();
	    	        // As we click on the options
	    	        selectContainer.children().click(function() {
	    	          // Set the value of the html
	    	          parentTextObj.text(this.options[this.selectedIndex].innerHTML);
	    	        })  
	    	        */   
	    	      } 
	    	    );
	    
	    
	    $('.input_file_style').each(
	    	      function(i) {
	    	    	  selectContainer = $(this).find('input');
	    	    	  selectContainer.addClass('input_file_style_file');
	    	    	  var attribId = 'file';
		    	        // Find the select box
		    	       selectContainer.after('<div class="input_file_style_new"><input type="text" size="70" id="'+attribId+'_substitution" readonly="readonly" class="txt_file"/></div>');
	    	      } 
	    );
	      
  }
  
);

function file_onchange (champs) {
	var deb = document.getElementById(champs).value.length-16;
	var fin = document.getElementById(champs).value.length;
	var result = document.getElementById(champs).value.substring(deb,fin);
	var sub = champs + '_substitution';
	document.getElementById(sub).value = result.toLowerCase();
}