<?php
  /**
   * @package graftee
   */
?>
if (window.addEventListener) {
    window.addEventListener('load', grafteeLoader, false);
} else if(window.attachEvent) {
    window.attachEvent('onload', grafteeLoader);
} else {
    window.onload = grafteeLoader;
}

<?php if (!array_key_exists('onlycomments', $_GET) || !$_GET['onlycomments'] == 1): ?>
function grafteeLoader() {
	// 文字サイズ変更保存
	var change_font_size = document.querySelectorAll( '[name=change-font-size-button]' );
	for( var i = 0; i < change_font_size.length; i ++ ) {
		change_font_size[ i ].onchange = function() {
			localStorage.setItem( 'graftee-font-size', this.value );
		}
	}

	// CSS4で廃止予定
	var aElems = document.getElementsByTagName('ul');

	for (i in aElems) {
		if (!i.match(/^[0-9]+$/) || typeof(aElems[i].className) == 'undefined' || aElems[i].className != 'sub-menu') continue;

		for (j in aElems[i].children) {
			if (!j.match(/^[0-9]+$/) || typeof(aElems[i].children[j].tagName) == 'undefined' || aElems[i].children[j].tagName.toLowerCase() != 'li') continue;

			for (k in aElems[i].children[j].children) {
				if (!k.match(/^[0-9]+$/) || typeof(aElems[i].children[j].children[k].tagName) == 'undefined' || aElems[i].children[j].children[k].tagName.toLowerCase() != 'a') continue;
				var target = aElems[i].children[j].children[k];

				target.onfocus = function() {
					if (this.parentNode.parentNode.className == 'sub-menu') {
						this.parentNode.parentNode.style.transform="scaleY(1)";
					}

					if (this.parentNode.parentNode.parentNode.parentNode.className == 'sub-menu') {
						this.parentNode.parentNode.parentNode.parentNode.style.transform="scaleY(1)";
					}
				}

				target.onblur = function() {
					if (this.parentNode.parentNode.parentNode.parentNode.className == 'sub-menu') {
						this.parentNode.parentNode.parentNode.parentNode.style.transform="scaleY(0)";
					} else if (this.parentNode.parentNode.className == 'sub-menu') {
						this.parentNode.parentNode.style.transform="scaleY(0)";
					}
				}
			}
		}
	}
}
<?php else: ?>
// コメントiframeの高さ調節
function grafteeLoader() {
	window.parent.document.getElementById('comments-iframe').style.height = (window.document.body.clientHeight + 20) + 'px';
}
<?php endif; ?>