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.replace(/&nbsp;/g, ""));
				  else
					$(this).prev().text(this.options[0].innerHTML.replace(/&nbsp;/g, ""));
			  }
			);
			// 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.replace(/&nbsp;/g, ""));
			})
	      }
	    );
	}
}

$(document).ready(
  function() {
  	setTimeout(loadSkinnableSelects, 0);
  }
);