var funcs = function(){
	if(GetBrowser() == "Safari"){
		document.getElementById("src_title").style.paddingTop = "6px";
	}
	PageSet.Load();
	PopupMenu.Load();
	SwapImage.Load("Image","gif",false);
}
AddEventListener(window,'load',funcs);

/* ------------------ ポップアップメニュー ------------------*/

function PopupMenu(){}

PopupMenu.Load = function(){
	
	var timer1;//clearTimeout(displayNone)
	var timer2;//clearTimeout(setMenuDisplayNone)
	
	var divObjects = document.getElementById("contents").getElementsByTagName("div");
	var aTags = document.getElementsByTagName("a");
	var relArray = new Array();
	for(i=0;i<aTags.length;i++){
		if(aTags[i].getAttribute("rel")){
			var tmpRel = aTags[i].getAttribute("rel");
			relArray.push(tmpRel);
		}
	}
	
	for(i=0;i<divObjects.length;i++){
		var aTags = divObjects[i].getElementsByTagName("a");
		for(j=0;j<aTags.length;j++){
			AddEventListener(aTags[j],'mouseover',displayBlock);
			AddEventListener(aTags[j],'mouseout',displayNone);
		}
	}
	
	function displayBlock(e){
		clearTimeout(timer1);
		clearTimeout(timer2);
		resetPopup();
		var targetElement = EventTarget(e);
		if(targetElement.getAttribute("rel")){
			var rel = targetElement.getAttribute("rel");
			var targetTop = targetElement.offsetTop;
			var targetLeft = targetElement.offsetLeft;
			var targetWidth = targetElement.offsetWidth;
			var menuObject = document.getElementById(rel);
			menuObject.style.top = (targetTop + 7) + "px";
			menuObject.style.left = (targetLeft + targetWidth -68) + "px";
			
			//ブラウザ振り分け
			var browser = GetBrowser();
			if(browser == "Firefox"){
				menuObject.style.top = (targetTop + -80) + "px";
				menuObject.style.left = (targetLeft + targetWidth -94) + "px";
			}
			if(browser == "Safari"){
				menuObject.style.top = (targetTop + -80) + "px";
				menuObject.style.left = (targetLeft + targetWidth -94) + "px";
			}
			
			menuObject.style.display = "block";
			setMenuDisplayBlock(rel);
			setMenuDisplayNone(rel);
		}
	}
	
	function displayNone(e){
		clearTimeout(timer1);
		clearTimeout(timer2);
		var targetElement = EventTarget(e);
		if(targetElement.getAttribute("rel")){
			var rel = targetElement.getAttribute("rel");
			var menuObject = document.getElementById(rel);
			var tmpFunc = function(){
				menuObject.style.display = "none";
			}
			timer1 = setTimeout(tmpFunc,1000);
		}
	}
	function resetPopup(){
		for(i=0;i<relArray.length;i++){
			document.getElementById(relArray[i]).style.display = "none";
		}
	}
	function setMenuDisplayBlock(rel){
		var targetElement =document.getElementById(rel);
		AddEventListener(targetElement,'mouseover',function(){menuDisplayBlock(rel)});
	}
	function menuDisplayBlock(rel){
		clearTimeout(timer1);
		clearTimeout(timer2);
		var targetElement =document.getElementById(rel);
		resetPopup();
		targetElement.style.display = "block";
	}
	function setMenuDisplayNone(rel){
		var targetElement =document.getElementById(rel);
		AddEventListener(targetElement,'mouseout',function(){menuDisplayNone(rel)});
	}
	function menuDisplayNone(rel){
		clearTimeout(timer1);
		clearTimeout(timer2);
		var targetElement =document.getElementById(rel);
		var timer = function(){
			targetElement.style.display = "none";
		}
		timer2 = setTimeout(timer,1000);
	}
}

/* ------------------ タブ切替え ------------------*/

function PageSet(){}

PageSet.Load = function(){
	var nowURL = document.URL;
	var naviObject = document.getElementById("navi_src");
	var naviATags = naviObject.getElementsByTagName("a");
	var contentsDivTags = document.getElementById("contents").getElementsByTagName("div");
	
	initImage();
	
	for(i=0;i<naviATags.length;i++){
		AddEventListener(naviATags[i],'click',pageDisplay);
	}
	
	function initImage(){
		if(nowURL.indexOf("?") < 0){
			var imageSrc = naviATags[0].firstChild.src;
			imageSrc = imageSrc.replace(".gif","_r.gif");
			naviATags[0].firstChild.src = imageSrc;
		}else{
			var pageID;
			
			if(nowURL.indexOf("c=0") >= 0){
				var tmpURLArray = nowURL.split("?c=0");
				pageID = "page" + tmpURLArray[1].slice(0,1);
				for(i=0;i<naviATags.length;i++){
					var tmpHref = getHref(naviATags[i].getAttribute("href"));
					if(tmpHref == pageID){
						var imageSrc = naviATags[i].firstChild.src;
						imageSrc = imageSrc.replace(".gif","_r.gif");
						naviATags[i].firstChild.src = imageSrc;
						contentsDivTags[i].style.display = "block";
					}else{
						contentsDivTags[i].style.display = "none";
					}
				}
			}else{
				var imageSrc = naviATags[0].firstChild.src;
				imageSrc = imageSrc.replace(".gif","_r.gif");
				naviATags[0].firstChild.src = imageSrc;
			}
		}
	}
	
	function pageDisplay(e){
		imageReset();
		var targetElement = EventTarget(e).parentNode;
		var tmpHref = targetElement.getAttribute("href");
		var pageID = getHref(tmpHref);
		for(i=0;i<contentsDivTags.length;i++){
			if(contentsDivTags[i].id){
				if(contentsDivTags[i].id == pageID){
					contentsDivTags[i].style.display = "block";
					var imageSrc = naviATags[i].firstChild.src;
					imageSrc = imageSrc.replace(".gif","_r.gif");
					naviATags[i].firstChild.src = imageSrc;
				}else{
					contentsDivTags[i].style.display = "none";
				}
			}
		}
		PreventDefault(e);
	}
	
	function imageReset(){
		for(i=0;i<naviATags.length;i++){
			var imageSrc = naviATags[i].firstChild.src;
			imageSrc = imageSrc.replace("_r.gif",".gif");
			naviATags[i].firstChild.src = imageSrc;
		}
	}
	
	function getHref(Href){
		var hrefStr = new String(Href);
		var reg = /#\w*/;
		var regResult = new String(hrefStr.match(reg));
		regResult = regResult.slice(1);
		return regResult;
	}
}