function popModel(){
	if($('#_keywords').val().length < 2){
		$('#_model_w').hide('fast');
		return false;
	}
	$('#_model_w').html('');
	var offset = $('#_keywords').offset();
	$('#_model_w').css('left',offset.left);
	$('#_model_w').css('top',offset.top + $('#_keywords').height());
	$('#_model_w').width($('#_keywords').width() + 30);
	$.getJSON('/ajax_pop/api.php?ac=get_model&param='+$('#_keywords').val(), 
			  function(json){
				if(json.length < 1){
					$('#_model_w').html('<div style="height:21px;font-size:12px;">No matched MODEL.</div>');	
				}
				for(i=0;i<json.length;i++){
					pkid = json[i].id;
					pkname = json[i].name;
					$('#_model_w').append('<div id="model_'+pkid+'" ext='+pkname+' style="height:21px;cursor:pointer; text-align:left; border-bottom:1px #ccc solid; margin:3px;overflow:hidden">'+pkname+'</div>');
				    $('#model_'+pkid).click(function(){
											$('#_keywords').val($(this).attr('ext'));
											$('#_model_w').hide('fast');
											});	 
					$('#model_'+pkid).mouseover(function(){
											$(this).css('background','#ccc');
											});	
					$('#model_'+pkid).mouseout(function(){
											$(this).css('background','#fff');
											});	
				}
			  });

	$('#_model_w').show('fast');
}

function popCate(){

	$('#_cate_w').hide();
	$('#_subcate_w').hide();
	$('#_model_w').hide();
	$('#_cate_w').html('');
	var offset = $('#_category').offset();
	$('#_cate_w').css('left',offset.left);
	$('#_cate_w').css('top',offset.top + $('#_category').height());
	$('#_cate_w').width($('#_category').width() + 30);
	$.getJSON('/ajax_pop/api.php?ac=get_cate&param='+$('#_category').val(), 
			  function(json){
				if(json.length < 1){
					$('#_cate_w').html('<div style="height:21px;">No matched.</div>');	
					return false;
				}
				for(i=0;i<json.length;i++){
					pkid = json[i].id;
					pkname = json[i].name;
					pkpath = json[i].path;
					$('#_cate_w').append('<div id="cate_'+pkid+'" ext="'+pkname+'" extid="'+pkid+'" style="height:21px;cursor:pointer; text-align:left;  border-bottom:1px #ccc solid; margin:3px;overflow:hidden"><a title="'+pkpath+'" style="display:block; width:100%">'+pkname+'</a></div>');
				    $('#cate_'+pkid).click(function(){
											$('#_categories_id').val($(this).attr('extid'));
											$('#_category').val($(this).attr('ext'));
											$('#_cate_w').hide('fast');
											$('#_subcate_w').hide('fast');
											});	
					$('#cate_'+pkid).mouseover(function(){
											$(this).css('background','#ccc');
											popSub(this);
											});	
					$('#cate_'+pkid).mouseout(function(){
											$(this).css('background','#fff');
											});	
				}
			  });
	$('#_cate_w').show('fast');
}



function popSub(p){
	$('#_subcate_w').hide();
	$('#_subcate_w').html('');
	$.getJSON('/ajax_pop/api.php?ac=get_cate&param=-'+$(p).attr('extid'), 
			  function(data){
				if(data.length < 1){
					return false;
				}
				for(i=0;i<data.length;i++){
					pkid = data[i].id;
					pkname = data[i].name;
					pkpath = data[i].path;
					$('#_subcate_w').append('<div id="_subcate_'+pkid+'" ext="'+pkname+'" extid="'+pkid+'" style="height:21px;cursor:pointer; text-align:left;  border-bottom:1px #ccc solid; margin:3px;overflow:hidden; width:140px"><a title="'+pkpath+'" style="display:block; width:100%">'+pkname+'</a></div>');
				    $('#_subcate_'+pkid).click(function(){
											$('#_categories_id').val($(this).attr('extid'));
											$('#_category').val($(this).attr('ext'));
											$('#_cate_w').hide('fast');
											$('#_subcate_w').hide('fast');
											});	
					$('#_subcate_'+pkid).mouseover(function(){
											$(this).css('background','#ccc');
											});	
					$('#_subcate_'+pkid).mouseout(function(){
											$(this).css('background','#fff');
											});	
				}
			  });
	
	
	var offset = $(p).offset();
	$('#_subcate_w').css('left',offset.left - 130);
	$('#_subcate_w').css('top',offset.top);
	$('#_subcate_w').show('fast');	
}

$(document).ready(function(){
	$(document.body).append('<div id="_model_w" style="position:absolute; z-index:999; border:1px #D9ECFF solid; height:auto; display:none; background:#fff;font-size:12px;"></div>');
	$(document.body).append('<div id="_cate_w" style="position:absolute; z-index:999; border:1px #D9ECFF solid; height:auto; display:none; background:#fff;font-size:12px;"></div>');
	$(document.body).append('<div id="_subcate_w" style="position:absolute; z-index:999; border:1px #D9ECFF solid; height:auto; display:none; background:#fff;font-size:12px;"></div>');
	$('#_keywords').keyup(function(){
					
					if($('#_type').val() == 'key'){
							$('#_model_w').hide('fast');
							return false;
					}
					
					
					//else
					popModel();
					
								   });
	$('#_keywords').click(function(){
					$('#_model_w').hide();
					$('#_cate_w').hide();
					$('#_subcate_w').hide();
								   });
	$('#_category').click(function(){
					popCate();
								   });
	$('#_category').keyup(function(){
					popCate();
								   });

	});
// JavaScript Document