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();
  }
);