/*----------------------------------------------------------
	Open / Close TagCrowd
----------------------------------------------------------*/

var tagElTarget1 = 'tagcloud';
var tagElTarget2 = 'tagcloud-toggle-switch';
var tagEl;
var tagElOpenH;
var tagElCloseH = 1.5 + 'em';

observe(window, 'load', initTagEl);

function initTagEl() {
	tagEl = document.getElementById(tagElTarget1);
	tagElOpenH = tagEl.style.height;
	
	observe(document.getElementById(tagElTarget2), 'click', toggleTagEl);
	
	closeTagEl();
}

function toggleTagEl() {
	if (tagEl.style.height == tagElOpenH) closeTagEl();
	else openTagEl();
}

function openTagEl() {
	tagEl.style.height = tagElOpenH;
}

function closeTagEl() {
	tagEl.style.height = tagElCloseH;
}



/*----------------------------------------------------------
	Open / Close SearchBox
----------------------------------------------------------*/

var searchElTarget1 = 'cse-search-box';
var searchElTarget2 = 'search-toggle-switch';
var searchEl;

observe(window, 'load', initSearchEl);

function initSearchEl() {
	searchEl = document.getElementById(searchElTarget1);
	searchElOpenH = searchEl.style.height;
	
	observe(document.getElementById(searchElTarget2), 'click', toggleSearchEl);
}

function toggleSearchEl() {
	if (searchEl.style.display == 'block') closeSearchEl();
	else openSearchEl();
}

function openSearchEl() {
	searchEl.style.display = 'block';
}

function closeSearchEl() {
	searchEl.style.display = 'none';
}



/* LiosK-free Blog http://liosk.blog103.fc2.com/blog-entry-61.html */
function observe(target, type, listener) {
	if (target.addEventListener) target.addEventListener(type, listener, false);
	else if (target.attachEvent) target.attachEvent('on' + type, function() { listener.call(target, window.event); });
	else target['on' + type] = function(e) { listener.call(target, e || window.event); };
}