// JavaScript Document

/* Accordion Menu */
$(document).ready(function() {
	$('#globalNav ul.mid').hide();

	$('#globalNav ul li.bid').hover(function() {
		$(this).find('p').addClass('act');
		$(this).find('ul.mid:not(:animated)').slideDown('fast');
	}, function() {
		$(this).find('p').removeClass('act');
		$(this).find('ul.mid').slideUp(200);
	});
});							   
						   
/* ToolTip */
//必要となるGlobal変数の定義
// 間違いのないように全文字列を小文字に変換
var agt = navigator.userAgent.toLowerCase();
var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
var is_gecko = (agt.indexOf('gecko') != -1);
var is_opera = (agt.indexOf("opera") != -1);

//要素のスタイル属性を取得する関数
var getElementStyle = function (targetElm,IEStyleProp,CSSStyleProp) {
var elem = targetElm;
	if (elem.currentStyle) {
		return elem.currentStyle[IEStyleProp];
	} else if (window.getComputedStyle) {
		var compStyle = window.getComputedStyle(elem,"");
		return compStyle.getPropertyValue(CSSStyleProp);
	}
}//---End Function

var getPosition = function (that) {
	var targetEle = that;	//thatは位置を取得したい要素Object
	var pos = new function(){ this.x = 0; this.y = 0; }
	while( targetEle ){
		pos.x += targetEle.offsetLeft;
		pos.y += targetEle.offsetTop;
		targetEle = targetEle.offsetParent;
		//IEの補正：上記計算で無視されてしまう各親要素のborder幅を加算
		if ((targetEle) && (is_ie)) {
			pos.x += (parseInt(getElementStyle(targetEle,"borderLeftWidth","border-left-width")) || 0);
			pos.y += (parseInt(getElementStyle(targetEle,"borderTopWidth","border-top-width")) || 0);
		}
	}
		//geckoの補正：カウントしないbody部border幅をマイナスしてしまうので２倍して加算
	if (is_gecko) {
			//以下の部分でbody部を取得し、borderの減算を補正する。
		var bd = document.getElementsByTagName("BODY")[0];		//body部を取得
		pos.x += 2*(parseInt(getElementStyle(bd,"borderLeftWidth","border-left-width")) || 0);
		pos.y += 2*(parseInt(getElementStyle(bd,"borderTopWidth","border-top-width")) || 0);
	}
	return pos;
}//---End Function

function OpenTooltip(linkId,tooltipId,event) {
	//toolTip背景画像のディレクトリを指定
	var ImgPath = "common_files/img/";
	//他にポップアップが開いていない場合
	if (!Open && !Loading){
		var linkWrap = document.getElementById('linkWrap');
		if(tooltipId) {
			var StyleTop,StyleLeft			
			var pos=getPosition(linkId);
			var pos2=getPosition(linkWrap);
				StyleTop=pos.y - 20;
				StyleLeft=pos.x - 224;

			if((document.getElementById) && (!document.all)){
				tooltipId.style.top=StyleTop  + 'px';
				tooltipId.style.left=StyleLeft+ 'px';
				tooltipId.style.visibility='visible';
			} else if(document.all){
				tooltipId.style.pixelTop=StyleTop;
				tooltipId.style.pixelLeft=StyleLeft;
				tooltipId.style.visibility='visible';
			}
			
			Open = true;
		}
	}
	OpenerTool = linkId;
}

function CloseTooltip(tooltipId,event) {
	
	// マウスが出て行った先を取得
	var r = event.relatedTarget || event.toElement;

	// マウスが出て行った先が商品ブロックかポップアップの内ならポップアップを閉じる
	if( !Contains(r,OpenerTool) || Contains(r,tooltipId)){
		if(Open && !Loading) {
			with(tooltipId.style){
				visibility = 'hidden';
			}
		}
		Open = false;
	}
	
function Contains (node, parentNode) {
	// node が parentNode の子孫かどうかを探索
	while (node && node != parentNode) node = node.parentNode;
	return Boolean (node);
}	

}

/* Changing Form Input Styles on Focus */
$(document).ready(function() {

	$('input[type="text"]').addClass("idleField");	
	if ( $('input[type="text"]').hasClass("alert")) {
		$('input[type="text"]').focus(function() {
			$(this).removeClass("alert").addClass("focusField");
		});
		$('input[type="text"]').blur(function() {
			if (this.value == this.defaultValue){ 
				$(this).removeClass("focusField").addClass("alert");
			}
		});
	} else {
		$('input[type="text"]').focus(function() {
			$(this).removeClass("idleField").addClass("focusField");
		});
		$('input[type="text"]').blur(function() {
			if (this.value == this.defaultValue){ 
				$(this).removeClass("focusField").addClass("idleField");
			}
		});
	}

    var ids = new Array('detail','name','email','cmpny', 'stcr', 'dptm', 'tell', 'qstn');

    for (i=0;i<=ids.length-1;i++) {
    	if ( $('#'+ids[i]).hasClass("alert")) {
    		$('#'+ids[i]).focus(function() {
    			$(this).removeClass("alert").addClass("focusField");
    		});
    		$('#'+ids[i]).blur(function() {
    		    $(this).removeClass("alert");
    			if (this.value == this.defaultValue){ 
    				$(this).removeClass("focusField").addClass("alert");
    			}
    		});
    	} else {
            $('#'+ids[i]).addClass("idleField");	
    		$('#'+ids[i]).focus(function() {
    			$(this).removeClass("idleField").addClass("focusField");
    		});
    		$('#'+ids[i]).blur(function() {
    		    $(this).removeClass("alert");
    			if (this.value == this.defaultValue){ 
    				$(this).removeClass("focusField").addClass("idleField");
    			}
    		});
    	}
    }

	$('select').addClass("idleField");
	if ( $('select').hasClass("alert")) {
		$('select').removeClass("idleField");
		$('select').change(function() {
			$(this).removeClass("alert").addClass("focusField");
		});
	} else {
		$('select').change(function() {
			$(this).removeClass("idleField").addClass("focusField");
		});
	}
	
});

/* Smooth Scroll */
$(document).ready(function(){
	$('a[href*=#]').click(function() {
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
			var $target = $(this.hash);
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
            if ($target.length) {
	            var targetOffset = $target.offset().top;
				$('html,body').animate({scrollTop: targetOffset}, 'slow');
				return false;
            }
		}
	});
});

/* Q&A - 111018追加 */
$(function(){
	$("dl#qa dd").hide();
	$("dl#qa dt a").click(function(){
		var index = $("dl#qa dt a").index(this);
		$("dl#qa dd").eq(index).slideToggle("fast");
		if($(this).hasClass("on")) {
			$(this).removeClass("on");
		} else {
			$(this).addClass("on");
		}
	});
	$("dl#qa dd p.btnClose img").click(function(){
			var close = $("dl#qa dd p.btnClose img").index(this);
			$("dl#qa dd").eq(close).slideUp("fast");
			$("dl#qa dt a").eq(close).removeClass("on");
	});
});