/**********************************************************
* onload */

function addEvent(elm,listener,fn){
	try{
		elm.addEventListener(listener,fn,false);
	}catch(e){
		elm.attachEvent("on"+listener,fn);
	}
}


/**********************************************************
* ChangeTab */

addEvent(window,"load",function(){initChangeTab()});

function initChangeTab() {
	ChangeTab('blog-tab','blog-tab1');
	ChangeTab('rank-tab','rank-tab1');
}

function ChangeTab(idName, idTab) {

	var fTab = document.getElementById(idTab);
	var fboxID = idTab + '-box';
	document.getElementById(fboxID).style.display = 'block';

	var aPreLoad = new Array();
	var aImages = document.getElementById(idName).getElementsByTagName('img');

	for (var i = 0; i < aImages.length; i++) {
		var src = aImages[i].getAttribute('src');
		var ftype = src.substring(src.lastIndexOf('.'), src.length);
		var hsrc = src.replace(ftype, '_over'+ftype);
		var setCheck;
		aImages[i].setAttribute('hsrc', hsrc);
		
		aPreLoad[i] = new Image();
		aPreLoad[i].src = hsrc;
		
		if(aImages[i].getAttribute('id') === idTab){
			setSrc = aImages[i].getAttribute('src');
			aImages[i].setAttribute('src', aImages[i].getAttribute('hsrc'));
		}else{
			_fboxID = aImages[i].getAttribute('id') + '-box';
			document.getElementById(_fboxID).style.display = 'none';
		}
		
		aImages[i].onmouseover = function() {
			setSrc = this.getAttribute('src');
			this.setAttribute('src', this.getAttribute('hsrc'));
		}
		
		aImages[i].onmouseout = function() {
			if (!setSrc) setSrc = this.getAttribute('src').replace('_over'+ftype, ftype);
			this.setAttribute('src', setSrc);
		}
		
		aImages[i].onclick = function() {
			for (var i = 0; i < aImages.length; i++) {
				var iID = aImages[i].getAttribute('id');
				var iIDon = this.getAttribute('id');
				
				if (iID == iIDon) {
					var boxID = iIDon + '-box';
					document.getElementById(boxID).style.display = 'block';
					setSrc = aImages[i].getAttribute('src');
				} else {
					var boxID = iID + '-box';
					document.getElementById(boxID).style.display = 'none';
					setSrc = aImages[i].getAttribute('src').replace('_over'+ftype, ftype);
				}
				aImages[i].setAttribute('src', setSrc);
			}
			setSrc = this.getAttribute('src');
			this.setAttribute('src', this.getAttribute('hsrc'));
		}
		
	}

}


/**********************************************************
* Top Button Over */

function setBtn() {
	var co = '#7ac743';
	var url = location.href;
	if (url.indexOf('/dog/') != -1) {
		co = '#25bbe0';
	} else if (url.indexOf('/cat/') != -1) {
		co = '#cf98db';
	} else if (url.indexOf('/small/') != -1) {
		co = '#ebae6b';
	} else if (url.indexOf('/bird/') != -1) {
		co = '#93d9b2';
	} else if (url.indexOf('/aqua/') != -1) {
		co = '#7fa7de';
	}
	
	
	var setDt = document.getElementById('info-list').getElementsByTagName('dt');
	var h = 0;
	for (var i = 0; i < setDt.length; i++) {
		if (h < setDt[i].offsetHeight) h = setDt[i].offsetHeight;
	}
	for (var i = 0; i < setDt.length; i++) {
		setDt[i].style.height = h + 'px';
	}
	
	var setBtn1 = document.getElementById('info-list').getElementsByTagName('a');
	for (var i = 0; i < setBtn1.length; i++) {
		setBtn1[i].onmouseover = function() {
			this.parentNode.parentNode.style.backgroundColor = co;
			this.parentNode.parentNode.style.color = '#707070';
		}
		setBtn1[i].onmouseout = function() {
			this.parentNode.parentNode.style.backgroundColor = '';
			this.parentNode.parentNode.style.color = '';
		}
	}
	
	
	var setBtn2 = document.getElementById('blog-tab1-box').getElementsByTagName('a');
	for (var i = 0; i < setBtn2.length; i++) {
		setBtn2[i].onmouseover = function() {
			this.parentNode.parentNode.style.backgroundColor = '#f5f5f5';
			this.parentNode.parentNode.style.color = '#707070';
		}
		setBtn2[i].onmouseout = function() {
			this.parentNode.parentNode.style.backgroundColor = '';
			this.parentNode.parentNode.style.color = '';
		}
	}
	var setBtn3 = document.getElementById('blog-tab2-box').getElementsByTagName('a');
	for (var i = 0; i < setBtn3.length; i++) {
		setBtn3[i].onmouseover = function() {
			this.parentNode.parentNode.style.backgroundColor = '#f5f5f5';
			this.parentNode.parentNode.style.color = '#707070';
		}
		setBtn3[i].onmouseout = function() {
			this.parentNode.parentNode.style.backgroundColor = '';
			this.parentNode.parentNode.style.color = '';
		}
	}
	
	/*
	var setBtn4 = document.getElementById('album-list').getElementsByTagName('a');
	
	for (var i = 0; i < setBtn4.length; i++) {
		setBtn4[i].onmouseover = function() {
			this.parentNode.parentNode.style.backgroundColor = '#f5f5f5';
			this.parentNode.parentNode.style.color = '#5f5f5f';
		}
		setBtn4[i].onmouseout = function() {
			this.parentNode.parentNode.style.backgroundColor = '';
			this.parentNode.parentNode.style.color = '';
		}
	}
	*/
	
	var setBtn5 = document.getElementById('ranking-list').getElementsByTagName('a');
	for (var i = 0; i < setBtn5.length; i++) {
		setBtn5[i].onmouseover = function() {
			this.getElementsByTagName('span')[0].style.backgroundColor = co;
		}
		setBtn5[i].onmouseout = function() {
			this.getElementsByTagName('span')[0].style.backgroundColor = '';
		}
	}
	
	
	var setBtn6 = document.getElementById('rank-tab1-box').getElementsByTagName('a');
	for (var i = 0; i < setBtn6.length; i++) {
		setBtn6[i].onmouseover = function() {
			this.parentNode.parentNode.style.backgroundColor = '#f5f5f5';
			this.parentNode.parentNode.style.color = '#707070';
		}
		setBtn6[i].onmouseout = function() {
			this.parentNode.parentNode.style.backgroundColor = '';
			this.parentNode.parentNode.style.color = '';
		}
	}
	
	
	var setBtn7 = document.getElementById('rank-tab2-box').getElementsByTagName('a');
	for (var i = 0; i < setBtn7.length; i++) {
		setBtn7[i].onmouseover = function() {
			this.parentNode.parentNode.style.backgroundColor = '#f5f5f5';
			this.parentNode.parentNode.style.color = '#707070';
		}
		setBtn7[i].onmouseout = function() {
			this.parentNode.parentNode.style.backgroundColor = '';
			this.parentNode.parentNode.style.color = '';
		}
	}
	
	/*
	var setBtn8 = document.getElementById('item-list').getElementsByTagName('a');
	for (var i = 0; i < setBtn8.length; i++) {
		setBtn8[i].onmouseover = function() {
			this.parentNode.parentNode.style.color = '#707070';
		}
		setBtn8[i].onmouseout = function() {
			this.parentNode.parentNode.style.color = '';
		}
	}
	*/
	/*
	var setBtn9 = document.getElementById('community-list').getElementsByTagName('a');
	for (var i = 0; i < setBtn9.length; i++) {
		setBtn9[i].onmouseover = function() {
			this.parentNode.parentNode.style.color = '#707070';
		}
		setBtn9[i].onmouseout = function() {
			this.parentNode.parentNode.style.color = '';
		}
	}
	*/
	/*
	var setBtn10 = document.getElementById('consult-list').getElementsByTagName('a');
	for (var i = 0; i < setBtn10.length; i++) {
		setBtn10[i].onmouseover = function() {
			this.parentNode.style.color = '#707070';
		}
		setBtn10[i].onmouseout = function() {
			this.parentNode.style.color = '';
		}
	}
	*/
	
	var setBtn11 = document.getElementById('howto-list').getElementsByTagName('a');
	for (var i = 0; i < setBtn11.length; i++) {
		setBtn11[i].onmouseover = function() {
			this.parentNode.style.color = '#707070';
		}
		setBtn11[i].onmouseout = function() {
			this.parentNode.style.color = '';
		}
	}
}
addEvent(window,"load",function(){setBtn()});