function loadSkinnableSelects() {

  	if (!($.browser.msie && $.browser.version.substr(0,1)<7)) {
	    $('.my-skinnable-select').each(
	      function(i) {
		selectContainer = $(this);
		// Remove the class for non JS browsers
		selectContainer.removeClass('my-skinnable-select');
		// Add the class for JS Browers
		selectContainer.addClass('skinned-select');
		// Find the select box
		selectContainer.children().before('<div class="select-text"></div>').each(
		  function() {
		      if (this.selectedIndex > 0)
			$(this).prev().text(this.options[this.selectedIndex].innerHTML)
		      else
			$(this).prev().text(this.options[0].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);
		})
	      }
	    );
	}

}

$(document).ready(
  function() {
  	loadSkinnableSelects();
  }
);