// JavaScript Document


var fontSizeChangeBtnList;
var nowFontSize = 1;

Event.observe( window, 'load', fontSizeChangeInitHandler );
function fontSizeChangeInitHandler(){
	
	var fontSizeChangeContainer = document.getElementById( "font-size-change-container" );
	fontSizeChangeBtnList = fontSizeChangeContainer.getElementsByTagName( "a" );
	
	fontSizeChangeBtnList[ nowFontSize ].style.backgroundPosition = "0px -21px";
	
	
	Event.observe( fontSizeChangeBtnList[ 0 ], 'click', fontSizeChangeBtnClickHandler.bindAsEventListener( this, 0 ) );
	Event.observe( fontSizeChangeBtnList[ 1 ], 'click', fontSizeChangeBtnClickHandler.bindAsEventListener( this, 1 ) );
	Event.observe( fontSizeChangeBtnList[ 2 ], 'click', fontSizeChangeBtnClickHandler.bindAsEventListener( this, 2 ) );
	
	Event.observe( fontSizeChangeBtnList[ 0 ], 'mouseover', fontSizeChangeBtnOverHandler.bindAsEventListener( this, 0 ) );
	Event.observe( fontSizeChangeBtnList[ 1 ], 'mouseover', fontSizeChangeBtnOverHandler.bindAsEventListener( this, 1 ) );
	Event.observe( fontSizeChangeBtnList[ 2 ], 'mouseover', fontSizeChangeBtnOverHandler.bindAsEventListener( this, 2 ) );
	
	Event.observe( fontSizeChangeBtnList[ 0 ], 'mouseout', fontSizeChangeBtnOutHandler.bindAsEventListener( this, 0 ) );
	Event.observe( fontSizeChangeBtnList[ 1 ], 'mouseout', fontSizeChangeBtnOutHandler.bindAsEventListener( this, 1 ) );
	Event.observe( fontSizeChangeBtnList[ 2 ], 'mouseout', fontSizeChangeBtnOutHandler.bindAsEventListener( this, 2 ) );

}


function fontSizeChangeBtnOverHandler( e ){

	var type = arguments[1];
	if( type != nowFontSize ) fontSizeChangeBtnList[ type ].style.backgroundPosition = "0px -21px";

}


function fontSizeChangeBtnOutHandler( e ){

	var type = arguments[1];
	if( type != nowFontSize ) fontSizeChangeBtnList[ type ].style.backgroundPosition = "0px 0px";
	
}


function fontSizeChangeBtnClickHandler( e ){
	
	var type = arguments[1];
	nowFontSize = type;
	
	for( var i = 0; i < 3; i++ ){
		fontSizeChangeBtnList[ i ].style.backgroundPosition = "0px 0px";
	}
	fontSizeChangeBtnList[ nowFontSize ].style.backgroundPosition = "0px -21px";
	
	

	var pankuzu = document.getElementById('pankuzu');
	var topicContainer = document.getElementById( 'topic-container' );
	var newsContainer = document.getElementById( 'news-container' );
	var content = document.getElementById('content');
	var sideNavi = document.getElementById( 'sidenavi' );
	var contactTit = document.getElementById( 'contact-tit' );
	var contentArea1column = document.getElementById( 'content-area-1column' );
	var policyList = document.getElementsByClassName( 'policy' );
	var detailBody = document.getElementById( 'detail-body' );
	
	switch( type ){
		case 2:
			var pankuzuFontSize = '8px';
			var topicContainerH3FontSize = '11px';
			var topicContainerPFontSize = '8px';
			var newsContainerSpanFontSize = '8px';
			var contentFontSize = '10px';
			var contentH3FontSize = '12px';
			var contentDateFontSize = '9px';
			var contentExcerptFontSize = '9px';
			var contactTitFontSize = '10px';
			var sideNaviFontSize = '10px';
			var sideNaviH3FontSize = '10px';
			var sideNaviParentFontSize = '11px';
			var sideNaviSubFontSize = '8px';
			var contentArea1columnParentFontSize = '12px';
			var contentArea1columnSubFontSize = '10px';
			var policyFontSize = '10px';
			var detailBodyFontSize = '10px';
			break;

		case 1:
			pankuzuFontSize = '10px';
			topicContainerH3FontSize = '13px';
			topicContainerPFontSize = '10px';
			newsContainerSpanFontSize = '10px';
			contentFontSize = '12px';
			contentH3FontSize = '14px';
			contentDateFontSize = '11px';
			contentExcerptFontSize = '11px';
			contactTitFontSize = '12px';
			sideNaviFontSize = '12px';
			sideNaviH3FontSize = '12px';
			sideNaviParentFontSize = '13px';
			sideNaviSubFontSize = '10px';
			contentArea1columnParentFontSize = '14px';
			contentArea1columnSubFontSize = '12px';
			policyFontSize = '12px';
			detailBodyFontSize = '12px';
			break;

		case 0:
			pankuzuFontSize = '12px';
			topicContainerH3FontSize = '15px';
			topicContainerPFontSize = '12px';
			newsContainerSpanFontSize = '12px';
			contentFontSize = '14px';
			contentH3FontSize = '16px';
			contentDateFontSize = '13px';
			contentExcerptFontSize = '13px';
			contactTitFontSize = '14px';
			sideNaviFontSize = '14px';
			sideNaviH3FontSize = '14px';
			sideNaviParentFontSize = '15px';
			sideNaviSubFontSize = '13px';
			contentArea1columnParentFontSize = '16px';
			contentArea1columnSubFontSize = '14px';
			policyFontSize = '14px';
			detailBodyFontSize = '14px';
			break;
	}
	
	
	
	
	
	if( pankuzu != null ) pankuzu.style.fontSize = pankuzuFontSize;
	
	if( topicContainer != null ){
	
		var topicContainerH3List =  topicContainer.getElementsByTagName( 'h3' );
		for( i = 0; i < topicContainerH3List.length; i++ ){
			topicContainerH3List[ i ].style.fontSize = topicContainerH3FontSize;
		}
		
		var topicContainerPList = topicContainer.getElementsByTagName( 'p' );
		for( i = 0; i < topicContainerPList.length; i++ ){
			topicContainerPList[ i ].style.fontSize = topicContainerPFontSize;
		}
		
		var newsContainerSpanList = newsContainer.getElementsByTagName( 'span' );
		for( i = 0; i < newsContainerSpanList.length; i++ ){
			newsContainerSpanList[ i ].style.fontSize = newsContainerSpanFontSize;
		}
	
	}
	
	if( content != null ){
	
		content.style.fontSize = contentFontSize;
		
		var contentH3List = content.getElementsByTagName( 'h3' );
		for( var i = 0; i < contentH3List.length; i++ ){
			contentH3List[ i ].style.fontSize = contentH3FontSize;
		}
		
		var contentDateList =  $( content ).getElementsByClassName( 'date' );
		for( i = 0; i < contentDateList.length; i++ ){
			contentDateList[ i ].style.fontSize = contentDateFontSize;
		}
		
		var contentExcerptList =  $( content ).getElementsByClassName( 'excerpt' );
		for( i = 0; i < contentExcerptList.length; i++ ){
			contentExcerptList[ i ].style.fontSize = contentExcerptFontSize;
		}
	
	}
	
	
	if( sideNavi != null ){
		sideNavi.style.fontSize = sideNaviFontSize;
		
		var sideNaviH3List = sideNavi.getElementsByTagName( 'h3' );
		for( i = 0; i < sideNaviH3List.length; i++ ){
			sideNaviH3List[ i ].style.fontSize = sideNaviH3FontSize;
		}
		
		var sideNaviParentList =  $( sideNavi ).getElementsByClassName( 'parent' );
		for( i = 0; i < sideNaviParentList.length; i++ ){
			sideNaviParentList[ i ].style.fontSize = sideNaviParentFontSize;
		}
		
		var sideNaviSubList =  $( sideNavi ).getElementsByClassName( 'sub' );
		for( i = 0; i < sideNaviSubList.length; i++ ){
			sideNaviSubList[ i ].style.fontSize = sideNaviSubFontSize;
		}
	}
	
	
	if( contactTit != null ){
		var container = document.getElementById( 'container' );
		container.style.fontSize = contactTitFontSize;
	}
	
	
	if( contentArea1column != null ){
		
		var contentArea1columnParentList =  $( contentArea1column ).getElementsByClassName( 'parent' );
		for( i = 0; i < contentArea1columnParentList.length; i++ ){
			contentArea1columnParentList[ i ].style.fontSize = contentArea1columnParentFontSize;
		}
		
		var contentArea1columnSubList =  $( contentArea1column ).getElementsByClassName( 'sub' );
		for( i = 0; i < contentArea1columnSubList.length; i++ ){
			contentArea1columnSubList[ i ].style.fontSize = contentArea1columnSubFontSize;
		}
	
		var contentArea1columnPolicy =  $( contentArea1column ).getElementsByClassName( 'policy' );
		for( i = 0; i < contentArea1columnPolicy.length; i++ ){
			contentArea1column.style.fontSize = policyFontSize;
		}
	}
	
	
	if( detailBody != null ){
		
		var detailBodyPList = document.getElementsByTagName( 'p' );
		for( i = 0; i < detailBodyPList.length; i++ ){
			detailBodyPList[ i ].style.fontSize = detailBodyFontSize;
		}
	
	}
	
	
}