$(function(){
   $("select[name='archive-dropdown']").each(function(index){
									
		var input_select = $(this)
		var  input_div_select_title_value = "";//"please select one";
		
		
		input_select.hide();
		input_select.after("<div class='input_div_select'><a href='javascript:void(0);' class='input_div_select_title'></a><ul></ul></div>");
		
		var input_div = input_select.next();
		var input_div_a = input_select.next().find('.input_div_select_title');
		var input_div_option = input_select.children();
		var input_div_ul = input_select.next().find('ul');
		
		
		if(input_div_select_title_value)
		input_div_a.html(input_div_select_title_value);
		else if(input_select.find('option:selected'))
		input_div_a.html(input_select.find('option:selected').html());
		else
		input_div_a.html(input_select.find('option:eq(0)').html());
		
		//	input_div_a.width(input_select.width());
		input_div_option.each(function(index){
			obj = $(this);
			var li = $('<li></li>');
			li.attr('rel',index);
			li.html(obj.html());
			input_div_ul.append(li);						   
		});   
		var input_div_ul_li = input_div_ul.children();
		input_div_ul.hide();
		input_div_ul_li.click(function(){
			input_div_option.attr('selected',false);
			input_select.find('option:eq('+$(this).attr('rel')+')').attr('selected',true);
			input_div_a.html($(this).html());
			input_div_ul.hide();
			input_select.change();
		})
		input_div_a.click(function(){
			input_div_ul.toggle();														  
		})
		input_div.hover(
			function () {
				//$(this).addClass("hover");
			  },
			  function () {
				input_div_ul.hide();
			  }
		)											
	})
});
