var wrapper_flag=false;
var NOUNAI_HTTP_URL='http://bawbaw.deep.tw/nounai/';
$(document).ready(
	function(){
		$('#new_add').click(
			function(){
				$('#input_name').append(' <input class="names" type="text" name="str_name[]" />');
			}
		);
		$('#short').click(
			function(){
				get_wrapper();
				$('#wrapper').toggle();
			}
		);
		$('#ana').click(
			function(){
				$('#waiting').show();
				$('#ana').attr('disabled',true);
				var names=[];
				$('.names').each(
					function(){
						var name=$(this).val();
						if(name!='')names.push(name);
					}
				);
				var new_url=NOUNAI_HTTP_URL+'#'+encodeURI(names.join(','));
				//alert(new_url);
				location.href=new_url;
				var rpc = new PHPRPC_Client('http://bawbaw.icittys.com/nounai/rpc.nounai.php', ['get_nounai']);
				/**/
				rpc.get_nounai(names,function(result){
					//console.info(result);
					var html_str='';
					for(var i in result){
						html_str+='<li><img src="http://bawbaw.icittys.com/nounai/pic.php/'+result[i]+'" /></li>';
					}
					//$('#pic_list').html(html_str);
					$('#pic_list li').slice(1).remove();
					$('#pic_list').append(html_str);
					$('#waiting').hide();
					$('#ana').attr('disabled',false);
				});
				
			}
		);
		$('#remove').click(
			function(){
				$('#pic_list li').slice(1).remove();
				$('.names').slice(1).remove();
				$('.names').slice(0,1).val('');
			}
		);
		get_name_from_url();
	}
);
function get_wrapper(){
	if(!wrapper_flag){
		/*
		$.get("ex.html", function(data){
			$('#wrapper').html(data);
		});
		*/
		var iframe_str='<iframe width="740px" height="680px" src="'+NOUNAI_HTTP_URL+'ex.html" frameborder="0" name="ex"></iframe>';
		$('#wrapper').html(iframe_str);
		if(jQuery.browser.version=='6.0')window.frames["ex"].location.reload();
		wrapper_flag=true;
	}
}
function gen_input_from_url(get_name_url){
	//var get_name_url=get_name_from_url();
	var name_size=get_name_url.length;
	//console.info(get_name_url);
	if(name_size != 0){
		$('#input_name').html('');
		var html_str='';
		for(var i=0;i<name_size;i++){
			var name=get_name_url[i];
			html_str+='<input class="names" type="text" name="str_name[]" value="'+name+'" />';
		}
		$('#input_name').append(html_str);
		$('#ana').trigger("click");
	}
}
function get_name_from_url(){
	var myregexp = /#(.+)/;
	var subject=location.href;
	var match = myregexp.exec(subject);
	if (match != null) {
		result = decodeURI(match[1]);
		var get_name_url=result.split(',');
		gen_input_from_url(get_name_url);
	} else {
		result = "";
		return [];
	}
}