// JavaScript Document
$(function(){
		   
			   
		   //div_select
		   $('.select_layer>li').hover(function(){$(this).css("backgroundColor","#EFEFEF");},function(){$(this).css("backgroundColor","#ffffff"); })
		   $('.select_layer').hover(
									function(){
										$(this).show();
										$('body').unbind("click")
										},
									function(){$(this).hide();}
									)
		   for(i=0;i<$('.select_layer').length;i++){
			   $('.select_layer').eq(i).addClass('select_layer'+i);
			   $('.select_layer'+i+'+.select_input').attr("value",$('.select_layer'+i+'>ul>li').eq(0).text());
		   }
		   
		   for(i=0;i<$('.select_input').length;i++){
			    $('.select_input').eq(i).bind("click",{index:i},div_select);
				$('.select_layer'+i+'>ul>li').bind("click",{index:i},change_input);
			   }
		   
		   $('.select_input').hover(
									function(){$('body').unbind("click")},
									function(){
										$('body').one("click",function(){
																		  $('.select_layer').hide();
																		  })
										}
									)

		   })
	
//div_select
function div_select(event){
	var layer_name=$('.select_layer').eq(event.data.index);
	var select_input=$('.select_input').eq(event.data.index);
	layer_name.width(select_input.width());
	layer_name.css({left:select_input.offset().left,top:select_input.offset().top+select_input.height()+0});
	$('.select_layer').hide();
	layer_name.show();
	}
function change_input(event){
	for(i=0;i<$('.select_input').length;i++){
			    $('.select_input').eq(i).bind("click",{index:i},div_select);
				$('.select_layer'+i+'>ul>li').bind("click",{index:i},change_input);
			   }
	$('.select_input').eq(event.data.index).attr("value",$(this).text());
	$('.select_layer').hide();
	}