var component = {
	checkCommonDir: function(){
		var dirPath = '';
		var head = document.getElementsByTagName('head')[0];
		var scripts = head.getElementsByTagName('script');
		if(head && scripts){
			for(var s = 0,num = scripts.length; s < num; s++){
				if(scripts[s].src.indexOf('common.js') >= 0){
					dirPath = scripts[s].src.split('js/common.js')[0];
				}
			}
		}
		return dirPath;
	},
	fontChanger: {
		setting: {
			fontSmall		:	'smaller',
			fontMidium		:	'100%',
			fontLarge		:	'125%',
			fontSmallText	:	'\u30D5\u30A9\u30F3\u30C8\u30B5\u30A4\u30BA\u005B\u5C0F\u005D',
			fontMidiumText	:	'\u30D5\u30A9\u30F3\u30C8\u30B5\u30A4\u30BA\u005B\u4E2D\u005D',
			fontLargeText	:	'\u30D5\u30A9\u30F3\u30C8\u30B5\u30A4\u30BA\u005B\u5927\u005D'
		},
		setSize: false,
		writeBtns: function(){
			if(!component.isMacIE()){
				if($('home')){
					var imgInName = 'top_';
				}else{
					var imgInName = '';
				}
				
				var dd1 = document.createElement('dd');
				var dd2 = document.createElement('dd');
				var dd3 = document.createElement('dd');
				if(this.setSize){
					if(this.setSize == this.setting.fontSmall){
						var dda1 = '<a href="#" onclick="component.fontChanger.change(\'' + this.setting.fontSmall + '\',this);return false;"><img src="' + dirPath + 'images/' + imgInName + 'btn_size_s_h.gif" alt="' + this.setting.fontSmallText + '" width="18" height="17" /></a>'
					}else{
						var dda1 = '<a href="#" onclick="component.fontChanger.change(\'' + this.setting.fontSmall + '\',this);return false;"><img src="' + dirPath + 'images/' + imgInName + 'btn_size_s_f.gif" alt="' + this.setting.fontSmallText + '" width="18" height="17" /></a>'
					}
					if(this.setSize == this.setting.fontMidium){
						var dda2 = '<a href="#" onclick="component.fontChanger.change(\'' + this.setting.fontMidium + '\',this);return false;"><img src="' + dirPath + 'images/' + imgInName + 'btn_size_m_h.gif" alt="' + this.setting.fontMidiumText + '" width="20" height="18" /></a>'
					}else{
						var dda2 = '<a href="#" onclick="component.fontChanger.change(\'' + this.setting.fontMidium + '\',this);return false;"><img src="' + dirPath + 'images/' + imgInName + 'btn_size_m_f.gif" alt="' + this.setting.fontMidiumText + '" width="20" height="18" /></a>'
					}
					if(this.setSize == this.setting.fontLarge){
						var dda3 = '<a href="#" onclick="component.fontChanger.change(\'' + this.setting.fontLarge + '\',this);return false;"><img src="' + dirPath + 'images/' + imgInName + 'btn_size_l_h.gif" alt="' + this.setting.fontLargeText + '" width="21" height="20" /></a>'
					}else{
						var dda3 = '<a href="#" onclick="component.fontChanger.change(\'' + this.setting.fontLarge + '\',this);return false;"><img src="' + dirPath + 'images/' + imgInName + 'btn_size_l_f.gif" alt="' + this.setting.fontLargeText + '" width="21" height="20" /></a>'
					}
				}else{
					var dda1 = '<a href="#" onclick="component.fontChanger.change(\'' + this.setting.fontSmall + '\',this);return false;"><img src="' + dirPath + 'images/' + imgInName + 'btn_size_s_f.gif" alt="' + this.setting.fontSmallText + '" width="18" height="17" /></a>'
					var dda2 = '<a href="#" onclick="component.fontChanger.change(\'' + this.setting.fontMidium + '\',this);return false;"><img src="' + dirPath + 'images/' + imgInName + 'btn_size_m_h.gif" alt="' + this.setting.fontMidiumText + '" width="20" height="18" /></a>'
					var dda3 = '<a href="#" onclick="component.fontChanger.change(\'' + this.setting.fontLarge + '\',this);return false;"><img src="' + dirPath + 'images/' + imgInName + 'btn_size_l_f.gif" alt="' + this.setting.fontLargeText + '" width="21" height="20" /></a>'
				}
				dd1.innerHTML = dda1;
				dd2.innerHTML = dda2;
				dd3.innerHTML = dda3;
				
				var indd = $('viewSelect').getElementsByTagName('dd')[0];
				
				$('viewSelect').insertBefore(dd1,indd);
				$('viewSelect').insertBefore(dd2,indd);
				$('viewSelect').insertBefore(dd3,indd);
			}
		},
		change: function(size,bAnchor){
			var contents = $('contents');
			if(contents){
				contents.style.fontSize = size;
			}
			var buttons = bAnchor.parentNode.parentNode.getElementsByTagName('img');
			for(var i = 0, num = buttons.length; i < num; i++){
				buttons[i].src = buttons[i].src.replace('_h.gif','_f.gif');
			}
			bAnchor.getElementsByTagName('img')[0].src = bAnchor.getElementsByTagName('img')[0].src.replace('_f.gif','_h.gif');
			
			var fontDate = new Date();
			fontDate.setTime(fontDate.getTime() + (7*24*60*60*1000));
			document.cookie = 'font-size=' + size + '; path=/; expires=' + fontDate.toGMTString();
		},
		readCookie: function(){
			if(document.cookie.indexOf('font-size=') >= 0){
				var cookieAll = document.cookie + ';'
				var cookieF = cookieAll.indexOf('font-size=');
				var cookieE = cookieAll.indexOf(';',cookieF);
				var fontSizeData = cookieAll.substring(cookieF,cookieE);
				this.setSize = fontSizeData.split('=')[1];
				document.write('<style type="text/css">#contents {font-size: ' + this.setSize + ';}</style>');
			}
		}
		
	},
	preloadImg: new Object(),
	preNum: 0,
	btnOverEvent: function(){
//		var images = $('menu').getElementsByTagName('img');
		var images = document.getElementsByTagName('img');
		for(var i = 0,num = images.length;i < num; i++){
			var img = images[i];
			var imgSrc = img.src;
			if(imgSrc.indexOf('_f.') > -1 && img.parentNode.href && img.parentNode.parentNode.parentNode.id != 'viewSelect'){
				var newImgSrc = imgSrc.split('_f.')[0] + '_h.' + imgSrc.split('_f.')[1];

				this.preloadImg[this.preNum] = new Image();
				this.preloadImg[this.preNum].src = newImgSrc;

				var funcOnImg = 'component.changeImg(this,\'' + newImgSrc + '\')\;return false\;';
				var funcOutImg = 'component.changeImg(this,\'' + imgSrc + '\')\;return false\;';
				
				this.setEvent(img.parentNode,'onmouseover',funcOnImg);
				this.setEvent(img.parentNode,'onmouseout',funcOutImg);
				this.setEvent(img.parentNode,'onfocus',funcOnImg);
				this.setEvent(img.parentNode,'onblur',funcOutImg);
				this.preNum++
			}
		}
	},
	changeImg: function(eventAnchor,imgSrc){
		eventAnchor.getElementsByTagName('img')[0].src = imgSrc;
	},
	setEvent: function(obj,eventType,func){
		if(this.isIE) {
			obj.setAttribute(eventType,new Function(func));
		} else {
			obj.setAttribute(eventType,func);
		}
	},
	isIE: (document.documentElement.getAttribute("style") == document.documentElement.style),
	isMacIE: function(){
		if(navigator.userAgent.match(new RegExp('MSIE 5.+Mac')) && this.isIE){
			return true;
		}else{
			return false;
		}
	}
}

var $ = function(itemID){
	return document.getElementById(itemID);
}

var dirPath = component.checkCommonDir();

component.fontChanger.readCookie();

window.onload = function(){
	component.btnOverEvent();
}