$(document).ready(function(){
	selectReplace('selectVehicleStyle')
})

function selectReplace(elementid)
{
	if($.browser.msie)
	{
		var box = $('#' + elementid)
		$(box).hide()
		
		if(!(document.getElementById(elementid + '-new')))
		{
			var newBox = document.createElement('div')
			newBox.id = elementid + '-new'
			newBox.className = 'newSelect'
			
			var newBoxText = document.createElement('div')
			newBoxText.id = elementid + '-text'
			newBoxText.className = 'newSelectText'
			newBoxText.innerHTML = '- Select Style -'
			
			var newOptions = document.createElement('div')
			newOptions.id = elementid + '-options'
			newOptions.className = 'newOptions'
	
			$(newBox).append(newBoxText)
			$(newBox).append(newOptions)
			$(newBox).insertAfter(box)
			$(newOptions).hide()
	
		} else {
		
			var newBox = $('#' + elementid + '-new')
			var newBoxText = $('#' + elementid + '-text')
			var newOptions = $('#' + elementid + '-options')
			
		}
	
		$(newOptions).empty()
	
		$('option',box).each(function(){
			var newOpt = document.createElement('p')
			newOpt.innerHTML = $(this).html()
			newOpt.id = elementid + '___' + $(this).val()
			newOpt.className = 'newOption'
			$(newOpt).hover(function(){$(this).addClass('hovered')},function(){$(this).removeClass('hovered')})
			$(newOptions).append(newOpt)
		})
	
		$('#' + elementid + '-options p').unbind('click').click(function (){
			var htmlstr = $(this).html()
			var selectval = $(this).attr('id').split('___')[1]
			$('#' + elementid + '-text').html(htmlstr)
			$('#' + elementid).val(selectval)
		})
	
		$(newBox).unbind('click').click(function (){
			if($(newOptions).is(':visible'))
			{
				$(newOptions).hide()
			} else {
				$(newOptions).show()
			}
		})
		
		$(newBox).unbind('hover').hover(function(){$(this).addClass('newSelectH')},function(){$(this).removeClass('newSelectH')})
		
		$(document.body).unbind('click').click(function(e) {
			var targetobj = $(e.target).attr('id')
			var targetclass = $(e.target).attr('class')
			if((targetobj != elementid + '-new') && (targetobj != elementid + '-text') && (targetobj != elementid + '-options') && (targetclass != 'newOption')) $(newOptions).hide()
		});
	}
}