//Script For Change Image

var papaswitchjs = {};

papaswitchjs.initRollovers = function() {
	var tags = ['img','input'];
	var p_images = new Array();
	
	for(var i = 0; i < tags.length ; i++) {
		var elms = document.getElementsByTagName(tags[i]);
		for(var j = 0; j < elms.length;j++) {
			if(elms[j].className && String(elms[j].className).indexOf('imgover') >= 0) {
				var src = elms[j].getAttribute('src');
				var ftype = src.substring(src.lastIndexOf('.'), src.length);
				var hsrc = src.replace(ftype, '_on'+ftype);
	
				elms[j].setAttribute('hsrc', hsrc);
				
				p_images[p_images.length] = new Image();
				p_images[p_images.length - 1].src = hsrc;
				
				var target = elms[j];
				if(elms[j].parentNode.tagName.toLowerCase() == 'a'){
					target = elms[j].parentNode;
				}
				target.onmouseover = target.onfocus = function() {
					var _self = this;
					if(this.tagName.toLowerCase() == 'a') _self = this.getElementsByTagName('img')[0];
					_self.setAttribute('src', _self.getAttribute('hsrc'));
				};

				target.onmouseout = target.onblur = function() {
					var _self = this;
					if(this.tagName.toLowerCase() == 'a') _self = this.getElementsByTagName('img')[0];
					_self.setAttribute('src', _self.getAttribute('src').replace('_on', ''));
				};
				
			}
		}
	}
	
}

papaswitchjs.ChangeTab = function() {this.initialize.apply(this,arguments);}
papaswitchjs.ChangeTab.prototype = {
    initialize : function(moduleId,ttl_tagname){
				if(!document.getElementById) return;
        if(!moduleId || !moduleId.childNodes) {
            return;
        }
				
				this.id = moduleId.getAttribute("id");
				this.tab_list = [];
				this.contents_list = [];
				var div_elm = moduleId.getElementsByTagName("div");
				
        for(var i = 0; i < div_elm.length ; i++) {
            var elm = div_elm[i];
						if(elm.className.indexOf("tablist") > -1){
							 this.tab_list.push(elm.getElementsByTagName(ttl_tagname)[0]);
							 //console.log(this.tab_list[this.tab_list.length -1].getAttribute("src").replace("_off","_on"));
							 var contents_div = this.tab_list[this.tab_list.length-1].parentNode.childNodes;
							 for(var j = 0; j < contents_div.length ; j++) {
								 if(contents_div[j].className === "module-list") {
									 this.contents_list.push(contents_div[j]);
									 break;
								 }
							 }
							 
						}
        }
        this.initView();
    },
    initView:function() {
        var self = this;
				var isOver = false;
        for(var i = 0; i< this.tab_list.length ; i++){
						if(i > 0) {
							this.contents_list[i].style.display = "none";
						} else {
							this.tab_list[i].className = "active";
						}
            this.tab_list[i].onclick = function() {
								isOver = false;
								self.toggleTab(this);
								return false;
						};
						this.tab_list[i].onmouseover = function() {
								if(this.className !== "active") {
									this.className = "active";
									this.style.cursor = "pointer";
									isOver = true;
								}
						};
						this.tab_list[i].onmouseout = function() {
								if(isOver) {
									this.className = "";
									this.style.cursor = "default";
									isOver = false;
								}
						};
        }
				if(location.href.match(/#trackback$/) && this.id === "indviTabModule") {
					this.toggleTab(this.tab_list[1]);
				}
    },
    toggleTab:function(active) {
        for(var i = 0; i< this.tab_list.length ; i++){
            if(this.tab_list[i] == active) {
                this.contents_list[i].style.display = 'block';
                this.tab_list[i].className = "active";
                this.tab_list[i].style.cursor = "default";
                //this.tab_list[i].blur();
            } else {
                this.contents_list[i].style.display = 'none';
                this.tab_list[i].className = "";
                this.tab_list[i].style.cursor = "pointer";
            }
        }
    },
		gotoShowTB : function() {
			this.toggleTab(this.tab_list[1]);
		},
		gotoShowCM : function() {
			this.toggleTab(this.tab_list[0]);
		}
}
papaswitchjs.toggleBackNumer = function() {
	var toggle = function(target) {
		if(target.getStyle('display') === 'none'){
			target.setStyle('display' ,'block')
		} else {
			target.setStyle('display' ,'none')
		};
	}
	if($('naviBackNumber')) {
		$('naviBackNumber').setStyle('display' , 'block');
		$('backNumberButton').addEvent('click',function() {toggle($('backnumberList'))});
		$('backnumberList').getElements("li").addEvents({
																												"mouseenter" : function() {
																													this.style.background = "#fbeedb";
																												},
																												"mouseleave" : function() {
																													this.style.background = "#fafafa";
																												}
																											});
	}
}

//onload Script
papaswitchjs.onLoadHandler = function() {
	papaswitchjs.initRollovers();
	papaswitchjs.toggleBackNumer();
	new papaswitchjs.ChangeTab(document.getElementById("tabModule"),"p");
	papaswitchjs.indvi_tab =  new papaswitchjs.ChangeTab(document.getElementById("indviTabModule"),"h2");
}

window.addEvent('domready', function() {
	papaswitchjs.onLoadHandler();
});