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

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