window.onload = function(){
	changeImage.attach();
	individualArchivesOnLoad(commenter_name);
}

var changeImage ={
	attach: function(){
		var preloadImg = new Object();
		var preNum = 0;
		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){
				var newImgSrc = imgSrc.split('_f.')[0] + '_h.' + imgSrc.split('_f.')[1];

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

				var funcOnImg = 'changeImage.action(this,\'' + newImgSrc + '\')\;return false\;';
				var funcOutImg = 'changeImage.action(this,\'' + imgSrc + '\')\;return false\;';
				
				util.setEvent(img.parentNode,'onmouseover',funcOnImg);
				util.setEvent(img.parentNode,'onmouseout',funcOutImg);
				preNum++;
			}
		}
	},
	action: function(eventAnchor,imgSrc){
		eventAnchor.getElementsByTagName('img')[0].src = imgSrc;
	}
}

var imageBox = {
	setting: {
		liWidth: 110,
		displayNum: 2
	},
	slide: function(t,s,a){
		if(this.doIt){
			var ul = document.getElementById(t);
			var lis = ul.getElementsByTagName('li');
			if(s == 'next'){
				this.num[t] = this.num[t] + 1;
				var key = -1;
				if(this.num[t] == lis.length - this.setting.displayNum){
					a.parentNode.style.display = 'none';
				}
			}else if(s == 'prev'){
				this.num[t] = this.num[t] - 1;
				var key = 1;
			}
			if(this.num[t] != 0){
				a.parentNode.parentNode.getElementsByTagName('li')[0].style.display = 'block';
			}else{
				a.parentNode.parentNode.getElementsByTagName('li')[0].style.display = 'none';
			}
			
			if(this.num[t] == lis.length - this.setting.displayNum){
				a.parentNode.parentNode.getElementsByTagName('li')[1].style.display = 'none';
			}else{
				a.parentNode.parentNode.getElementsByTagName('li')[1].style.display = 'block';
			}
			
			new Effect.MoveBy(t, 0, key * this.setting.liWidth,{
				from: 0,
				to: 1,
				fps: 100,
				duration: 0.5,
				transition: Effect.Transitions.sinoidal,
				beforeStartInternal: function(effect){
					imageBox.doIt = false;
				},
				afterFinishInternal: function(effect){
					imageBox.doIt = true;
				}
			});
		}
	},
	set: function(t,arrow){
		this.num[t] = 0;
		var ul = document.getElementById(t);
		var lis = ul.getElementsByTagName('li');
		ul.style.width = (this.setting.liWidth * lis.length) + 'px';
		if(lis.length > this.setting.displayNum){
			document.getElementById(arrow).getElementsByTagName('li')[1].style.display = 'block';
		}
	},
	num: new Array(),
	doIt: true
}

var focusNavi = {
	focus: function(t,dirs){
		var dirs = dirs.split(',');
		var wlh = window.location.href;
		var navis = document.getElementById(t).getElementsByTagName('img');
		for(var i = 0; i < dirs.length; i++){
			if(wlh.indexOf('/' + dirs[i] + '/') > 0){
				navis[i].src = navis[i].src.split('_f.jpg').join('_s.jpg');
			}
		}
	}
}

var popup = {
	writeClose: function(){
		var scripts = document.getElementsByTagName('head')[0].getElementsByTagName('script');
		for(var i = 0; i < scripts.length; i++){
			if(scripts[i].src.indexOf('common.js') > -1){
				var commonPath = scripts[i].src.split('js/common.js')[0];
			}
		}
		
		document.write('<a href="javascript:void(0);" onclick="window.close();"><img src="' + commonPath + 'images/btn_close_01.gif" width="17" height="17" class="closeBtn" alt="閉じる" /></a>');
	},
	open: function(a,w,h){
		window.open(a, 'popup', 'width=' + w + ', height=' + h + ', menubar=no, toolbar=no, scrollbars=yes, status=no, location=no, resizable=yes');
	}
}

var util = {
	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)
}

function trace(c) {
	document.getElementById('mainContents').innerHTML += c + '<br />';
}