﻿// サイト内検索 Ajax.ver

var is_loaded = false;
var backnumber_url_list;
var entries;
var search_keyword;
var result_content;
var timerId;

load_center_id();
function load_center_id() {
	var center = document.getElementById( 'center' );
	if ( center ) {
		ligting_search_keyword( center );
	} else {
		window.setTimeout( 'load_center_id()', 5000 );
	}
}

function ligting_search_keyword( center ) {
	var args = getHashArgs();
	var searched_keyword = args.search_word;
	if ( searched_keyword ) {
		searched_keyword = searched_keyword.replace( /([\/\\\.\*\+\?\|\(\)\[\]\{\}\$\^])/g, "\\$1" );
		searched_keyword = searched_keyword.replace( /( +|　+)/, ' ' );
		searched_keyword = searched_keyword.replace( /( |　)$/, '' );
		var keywords = searched_keyword.split(/ |　/);
		var h3 = center.getElementsByTagName( 'h3' );
		h3[0].innerHTML = highlight( h3[0].innerHTML, keywords );
		var div = center.getElementsByTagName( 'div' );
		for ( var i = 0; i < div.length; i++ ) {
			if ( div[i].className == 'entry-body-text' ) {
				div[i].innerHTML = highlight( div[i].innerHTML, keywords );
			}
		}
	}
}

function getHashArgs () {
	var args = new Object();
	var query = location.href.replace(/.*?#/,"");
   query = decodeURIComponent( query );
	var pairs = query.split("&");
	for ( var i = 0; i < pairs.length; i++ ) {
		var pos = pairs[i].indexOf('=');
		if ( pos == -1 ) continue;
		var argname = pairs[i].substring( 0, pos );
		var value = pairs[i].substring( pos + 1 );
		args[argname] = value;
	}
	return args;
}

function AjaxSearch( archive_file_path, text ) {
	if (text.length > 1){
		search_keyword = text;
		var div_tag = document.getElementsByTagName('div');
		for ( var i = 0; i < div_tag.length; i ++ ) {
			if ( div_tag[i].className == 'search_result' ) {
				result_content = div_tag[i];
			}
		}
		result_content.innerHTML = 'Searching...';
		added_period( result_content );
		if ( is_loaded ) {
			search();
		} else {
			new Ajax.Request( archive_file_path, {method: 'get', onComplete: function(request){ parse_archive_data( request ); } } );
		}
	} else {
		var div_tag = document.getElementsByTagName('div');
		for ( var i = 0; i < div_tag.length; i ++ ) {
			if ( div_tag[i].className == 'search_result' ) {
				result_content = div_tag[i];
			}
		}
		result_content.innerHTML = '';
	}
}

function added_period( content ) {
	if ( !is_loaded ) {
		result_content.innerHTML += '.';
		timerId = setTimeout("added_period()", 100 );
	}
}

function parse_archive_data( request ) {
		var data_string = request.responseText;
		data_string = data_string.replace( new RegExp( '<.*?>', "i"), '' )
		entries = eval( data_string );
		search();
}

function show_all_backnumbers() {
	var text = '<ul>';
	for ( var i = 0; i < entries.length; i++ ) {
		text += '<li><a href="' + entries[i].link + '">' +entries[i].title + '</a></li>';
	}
	text += '</ul>';
	document.getElementById('center').innerHTML = text;
}

function search() {
	var result_data = new Array();
	search_keyword=search_keyword.replace( /([\/\\\.\*\+\?\|\(\)\[\]\{\}\$\^])/g, "\\$1" );
	search_keyword = search_keyword.replace( /( +|　+)/, ' ' );
	search_keyword = search_keyword.replace( /( |　)$/, '' );
	var keywords = search_keyword.split(/ |　/);
	var key = new Array();
	for (var i= 0;i<keywords.length;i++) {
		key[ key.length ] = new RegExp( keywords[i], "i" );
	}
	for ( var i= 0; i<entries.length; i++ ) {
		var is_match = true;
		for ( var j= 0; j<key.length; j++ ) {
			var res_body = key[j].exec( entries[i].body );
			var res_title = key[j].exec( entries[i].title );
			if ( !res_body && !res_title ) {
				is_match = false;
			}
		}
		if ( is_match ) {
			result_data[ result_data.length ] = entries[i];
		}
	}
	var result_html = '';
	if ( result_data.length == 0 ) {
		result_html =  'Not Found';
	} else {
		result_html = build_search_result_html( result_data, keywords );
	}
	var div = window.document.getElementsByTagName('div');
//	var content;
//	var original_content_html = '';
//	for ( var i = 0; i < div.length; i ++ ) {
//		if ( div[i].className == 'content' ) {
//			content = div[i];
//			original_content_html = content.innerHTML;
//		}
//	}
	is_loaded = true;
	clearTimeout(timerId);
	result_content.innerHTML = result_html;
}

function build_search_result_html( result_data, keywords ) {
	var html = '<ul>';
	var disp_num = 20;
	if (result_data.length < disp_num){
		disp_num = result_data.length;
	}
	for ( var i= 0; i < disp_num; i++ ) {
		html += '<li><a href="' + result_data[i].link + '#search_word=' + search_keyword + '">' + highlight( result_data[i].title, keywords ) + '</a><br />' + highlight( trunc( result_data[i].body, keywords[0] ), keywords ) + '</li>';
//		html += '<li><a href="' + result_data[i].link + '#search_word=' + search_keyword + '">' + trunc(result_data[i].title, keywords) + '</a><br />' + trunc(result_data[i].body,keywords) + '</li>';
	}
	html += '</ul>';
	if (result_data.length > disp_num){
		html += '全件表示する';
	}
	return html;
}

function trunc( text, keyword ) {
	var key = new RegExp( keyword, "i" );
	var res = key.exec( text );

	if ( res ) {
		var index  = res.index;
		var length = res[0].length;
		var start;
		var end;

		start = index - 20;
		end = 55;
		text = text.substring( start, index ) + text.substr( index, length ) + text.substr( index + length, end ) +'...';
	} else {
		text = text.substring( start, 50 );
	}
	return text;
}

function highlight( text, keywords ) {
	var keyword = '';
	for ( var i= 0; i<keywords.length; i++ ) {
		if ( i == keywords.length - 1 ) {
			keyword += keywords[i];
		} else {
			keyword += keywords[i] + '|'; 
		}
	}
	return text.replace( new RegExp( '(' + keyword + ')', "ig"), '<span style="background-color: #FFCC33;">' + "$1" + '</span>' );
}
