/* ===============================================
function hoverImg
*requires jQuery
*hoverTargetのファイル名に[_o]を付与
=============================================== */
function hoverImg(hoverTarget){
	$(hoverTarget).hover(
		function(){
			var src   = $(this).attr('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc  = src.replace(ftype, '_o'+ftype);
			$(this).attr('src',hsrc);
		},
		function(){
			var src   = $(this).attr('src');
			var osrc  = src.replace('_o','');
			$(this).attr('src',osrc);
		}
	);
}

/* ===============================================
function showSearchBox
*requires jQuery
*btをクリックしたら隠れているSEARCH BOXの表示,非表示を切り替える
=============================================== */
function showSearchBox(bt,searchBox){
	$(bt).click(function(){
		
		$showTarget = $(searchBox);
		$Img        = $(bt).find('img');
		
		if($showTarget.is(':hidden')){
			
			$showTarget.slideDown('normal');
			
			$Img.css('opacity','0.6');
			$Img.removeClass('over');
			
		}else{
			
			$showTarget.slideUp('normal');
			
			$Img.css('opacity','1');
			$Img.addClass('over');
			
		}
		
		return false;
		
	});
}

/* ===============================================
function submitKeyword
*requires jQuery
*btをクリックしたら隠れているSEARCH BOXの表示,非表示を切り替える
=============================================== */
function submitKeyword(bt,input,form){
	$(bt).click(function(){
		
		$keyword = $(this).text();
		$(input).val($keyword);
		
		if($(input).val != ''){
			$(form).submit();
		}
		
	});
}

/* ===============================================
function showHideList
*requires jQuery
*btをクリックしたら兄弟要素の表示,非表示を切り替える
=============================================== */
function showHideList(bt){
	$(bt).click(function(){
		
		$showTarget = $(this).parent('li').siblings('li.hideList');
		
		if($showTarget.is(':hidden')){
			$showTarget.show();
			$(this).text('Close');
		}else{
			$showTarget.hide();
			$(this).text('More Service');
		}
		
		return false;
	});
}
/* ===============================================
function showMailForm
*requires jQuery
*btをクリックしたらformを表示
=============================================== */
function showMailForm(bt,form){
	$(bt).click(function(){
		
		if($(form).is(':hidden')){
			$(form).fadeIn('fast');
		}
		
		return false;
	});
}

/* ===============================================
function showHideRelation
*requires jQuery
*btをクリックしたら隠れているRELATION SERVICE表示,非表示を切り替える
=============================================== */
function showHideRelation(bt){
	$(bt).click(function(){
		
		$showTarget = $(this).parent('p').siblings('div.more');
		
		if($showTarget.is(':hidden')){
			$showTarget.show();
			$(this).text('閉じる');
		}else{
			$showTarget.hide();
			$(this).text('もっと見る');
		}
		
		return false;
		
	});
}

/* ===============================================
function showHideExampleMore
*requires jQuery
*btをクリックしたら隠れているEXAMPLE表示,非表示を切り替える
=============================================== */
function showHideExampleMore(bt){
	$(bt).click(function(){
		
		$showTarget = $(this).siblings('div.exampleMore');
		
		if($showTarget.is(':hidden')){
			$showTarget.show();
			$(this).text('閉じる');
		}else{
			$showTarget.hide();
			$(this).text('続きを見る');
		}
		
		return false;
		
	});
}

/* ===============================================
function showHideExample
*requires jQuery
*btをクリックしたら隠れているEXAMPLE表示,非表示を切り替える
=============================================== */
function showHideExample(bt){
	$(bt).click(function(){
		
		$showTarget = $(this).parent('p').siblings('dl.more');
		
		if($showTarget.is(':hidden')){
			$showTarget.show();
			$(this).text('閉じる');
		}else{
			$showTarget.hide();
			$(this).text('もっと見る');
		}
		
		return false;
		
	});
}

/* ===============================================
function showHideAnother
*requires jQuery
*btをクリックしたら隠れているANOTHER SERVICE表示,非表示を切り替える
=============================================== */
function showHideAnother(bt){
	$(bt).click(function(){
		
		$showTarget = $(this).parent('p').siblings('div.more');
		
		if($showTarget.is(':hidden')){
			$showTarget.show();
			$(this).text('閉じる');
		}else{
			$showTarget.hide();
			$(this).text('もっと見る');
		}
		
		return false;
		
	});
}


/* ===============================================
▼▼▼ Document Start ▼▼▼
=============================================== */
$(function(){
	
	//IE6のhover時の画像ちらつき対策
	try {
		document.execCommand('BackgroundImageCache', false, true);
	} catch(e) {}
	
	//hover Img
	var hoverTarget = 'img.imgover,img.btn';
	hoverImg(hoverTarget);
	
	//show search box
	var searchBt  = 'a#searchBt';
	var searchBox = 'div#searchBox';
	showSearchBox(searchBt,searchBox);
	
	//submit keyword
	var submitBt = 'a.searchLink';
	var submitInput = 'input[name=keyword]';
	var submitForm = 'form[name=search]';
	submitKeyword(submitBt,submitInput,submitForm);
	
	//show hidden contents
	var bt = 'li.showMore a';
	showHideList(bt);
	
	//show hidden mail form
	var formbt = 'li#download a';
	var form   = 'div#valueArea div.hide';
	showMailForm(formbt,form);
	
	//show hidden relation service
	var relationBt = 'p#showMoreRelation a';
	showHideAnother(relationBt);
	
	//show hidden exampleMore
	var exampleMoreBt = 'a.exampleMoreBt';
	showHideExampleMore(exampleMoreBt);
	
	//show hidden example
	var exampleBt = 'p#showMoreExample a';
	showHideExample(exampleBt);
	
	//show hidden another service
	var anotherBt = 'p#showMoreAnother a';
	showHideAnother(anotherBt);
	
});