// javascript

window.onload = function() {
	snv();
	cimg();
};


// サイトナビゲーション プルダウン制御
function snv() {
	if(document.getElementById('g-snv')) {
		var c = document.getElementById('g-snv').getElementsByTagName('li');
		for (var i=0; i<c.length; i++) {
			if (c.item(i).getElementsByTagName('dl').item(0)) {
				c.item(i).onmouseout = function() { this.getElementsByTagName('dl').item(0).style.display = 'none'; };
				c.item(i).onmouseover = function() { this.getElementsByTagName('dl').item(0).style.display = 'block'; };
			}
		}
	}
}


// ローカルナビゲーション アクティブ制御
function rnv(id) {
	var pid = id;
	var cid = pid.substring(0,2);
	document.write('<style type="text/css"><!--');
	document.write('#g-rnv #g-rnv' + pid + ' {	font-weight:bold; color:#258e1d; background:#d1e4c9 url(../global/img/navi_arrow_on.gif) no-repeat 8px 14px; }');
	document.write('#g-rnv #g-rnv' + cid + 'c { display:block; }');
	document.write('--></style>');
}


// ロールオーバー画像制御
var PIMG_List = new Array();
function cimg() {
	var tmpA = (document.getElementById) ? document.getElementsByTagName('img') : document.images;
	for (var i = 0; i < tmpA.length; i ++) {
		if (!tmpA[i].src.match(/(.*)-+\.(jpe?g|gif|pi?ng)/i)) continue;
		var tmp1	= RegExp.$1;
		var tmp2	= RegExp.$2;
		if (!tmp1.replace(/(.*)-$/, '')) { tmp1	= RegExp.$1; }
		PIMG_List[i]		= new Array();
		PIMG_List[i][0]	= tmpA[i];
		PIMG_List[i][1]	= new Image();			PIMG_List[i][1].src	= tmpA[i].src;
		PIMG_List[i][2]	= new Image();			PIMG_List[i][2].src	= tmp1 + '.' + tmp2;
		tmpA[i].onmouseover	= function () { for (i = 0; i < PIMG_List.length; i ++) { if (PIMG_List[i] && this == PIMG_List[i][0]) { this.src = PIMG_List[i][2].src; break; }}}
		tmpA[i].onmouseout		= function () { for (i = 0; i < PIMG_List.length; i ++) { if (PIMG_List[i] && this == PIMG_List[i][0]) { this.src = PIMG_List[i][1].src; break; }}}
	}
}



// スクロールスムーサー

(function(){
   var easing = 0.2;
   var interval = 30;
   var d = document;
   var targetX = 0;
   var targetY = 0;
   var targetHash = '';
   var scrolling = false;
   var splitHref = location.href.split('#');
   var currentHref_WOHash = splitHref[0];
   var incomingHash = splitHref[1];
   var prevX = null;
   var prevY = null;

   addEvent(window, 'load', init);

   function init(){
     setOnClickHandler();
     if(incomingHash){
       if(window.attachEvent && !window.opera){
         setTimeout(function(){scrollTo(0,0);setScroll('#'+incomingHash);},50);
       }else{
         scrollTo(0, 0);
         setScroll('#'+incomingHash);
       }
     }
   }

   function addEvent(eventTarget, eventName, func){
     if(eventTarget.addEventListener){
       eventTarget.addEventListener(eventName, func, false);
     }else if(window.attachEvent){
       // IE
       eventTarget.attachEvent('on'+eventName, function(){func.apply(eventTarget);});
     }
   }
   
   function setOnClickHandler(){
     var links = d.links;
     for(var i=0; i<links.length; i++){
       var link = links[i];
       var splitLinkHref = link.href.split('#');
       if(currentHref_WOHash == splitLinkHref[0] && d.getElementById(splitLinkHref[1])){
         addEvent(link, 'click', startScroll);
       }
     }
   }

   function startScroll(event){
     if(event){ // モダンブラウザ
       event.preventDefault();
       //alert('modern');
     }else if(window.event){ // IE
       window.event.returnValue = false;
       //alert('ie');
     }
     setScroll(this.hash);
   }

   function setScroll(hash){
     var targetEle = d.getElementById(hash.substr(1));
     if(!targetEle)return;
     //alert(scrollSize.height);
     var ele = targetEle;
     var x = 0;
     var y = 0;
     while(ele){
       x += ele.offsetLeft;
       y += ele.offsetTop;
       ele = ele.offsetParent;
     }
     var maxScroll = getScrollMaxXY();
     targetX = Math.min(x, maxScroll.x);
     targetY = Math.min(y, maxScroll.y);
     targetHash = hash;
     if(!scrolling){
       scrolling = true;
       scroll();
     }
   }

   function scroll(){
     var currentX = d.documentElement.scrollLeft||d.body.scrollLeft;
     var currentY = d.documentElement.scrollTop||d.body.scrollTop;
     var vx = (targetX - currentX) * easing;
     var vy = (targetY - currentY) * easing;
     var nextX = currentX + vx;
     var nextY = currentY + vy;
     if((Math.abs(vx) < 1 && Math.abs(vy) < 1)
       || (prevX === currentX && prevY === currentY)){
       scrollTo(targetX, targetY);
       scrolling = false;
       location.hash = targetHash;
       prevX = prevY = null;
       return;
     }else{
       scrollTo(parseInt(nextX), parseInt(nextY));
       prevX = currentX;
       prevY = currentY;
       setTimeout(function(){scroll()},interval);
     }
   }
   
   function getDocumentSize(){
     return {width:Math.max(document.body.scrollWidth, document.documentElement.scrollWidth), height:Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)};
   }

   function getWindowSize(){
     var result = {};
     if(window.innerWidth){
       var box = d.createElement('div');
       with(box.style){
         position = 'absolute';
         top = '0px';
         left = '0px';
         width = '100%';
         height = '100%';
         margin = '0px';
         padding = '0px';
         border = 'none';
         visibility = 'hidden';
       }
       d.body.appendChild(box);
       var width = box.offsetWidth;
       var height = box.offsetHeight;
       d.body.removeChild(box);
       result = {width:width, height:height};
     }else{
       result = {width:d.documentElement.clientWidth || d.body.clientWidth, height:d.documentElement.clientHeight || d.body.clientHeight};
     }
     return result;
   }
   
   function getScrollMaxXY() {
     if(window.scrollMaxX && window.scrollMaxY){
       return {x:window.scrollMaxX, y:window.scrollMaxY};
     }
     var documentSize = getDocumentSize();
     var windowSize = getWindowSize();
     return {x:documentSize.width - windowSize.width, y:documentSize.height - windowSize.height};
   }
   
 }());