$(document).ready(function() {
/* Styled select */
	
	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);
		    })
		});
	}

});