Event.observe(window, 'load', function() {
    if($('shelfBookSearchArea')) {
        Event.observe($('shelfBookSearchArea'), 'click', function() {
            showPointer();
        }, false);
    }
}, false);

function showPointer() {
    $('pointerArea').setStyle('display: block');
    $('headerKeyword').focus();
    setTimeout(function() {
        $('pointerArea').setStyle('display: none');
    }, 3000);
}

function showMenu(id) {

    var a = $(id + '_area');
    var s = $(id + '_state');

    if (a.style.display == "none") {
	s.innerHTML = '－';
	a.show();
    }
    else {
	s.innerHTML = '＋';
	a.hide();
    }

}

function showTags() {

    var tags = $$('.hidetag');
    tags.each( function(e) {
	e.removeClassName('hidetag');
    });

    $('showtags').hide();
    $('moretags').hide();

}

function showTagsAll(account, genre, category_id, display) {

    var api  = "/json/tag/users/" + account;
    var area = $('tag');
    var more = $('moretags');
    var btn  = $('showtags');
    var url  = "/users/" + encodeURI(account) + "/" +  genre + "?category_id=" + category_id + "&display=" + display + '&tag=';

    new Ajax.Request(api, {
	method: 'get',
	onLoading: function() {
	    btn.innerHTML = ' <img src="/images/icon/loading.gif" width="16" height="16" class="icon" />';
	},
	onComplete: function(httpObj) {

            if (httpObj.status == '200') {
		var res = httpObj.responseText;
		var json = eval("(" + res + ")");
		var html = '';
		for (var i = 0; i < json.length; i++) {
		    html += '<li>';
		    html += '<a href="' + url + encodeURI(json[i].name) + '"><span class="tag">' + json[i].name + '</span></a> ';
		    html += '</li>';
		    html += "\n";
		}
		
		area.innerHTML = html;
		btn.hide();

            }
            else {
		btn.innerHTML = "エラー";
		btn.setStyle({ 'color':'#d12f19' });		
            }
	}
    });


}