//***************************************************
// 画像透過処理関数(imgTrans)
// 【使い方】
//    ・画像オンマウス時に透過処理を行います。
// 【書式】
//    function imgTrans( $img_id , $trans_par )
// 【引数】
//    1. $img_id    : 対象の画像id ( imgタグ内で指定したid値と同一のものを設定してください ※ページ内での重複厳禁 )
//    2. $trans_par : 透明度       ( 画像の透過度 ※例 0.5→50% ,1→100%(元画像) )
//***************************************************
function imgTrans($img_id, $trans_par) {
    var user_agent = navigator.userAgent;
    if(document.layers) {
        if($trans_par > 0) {
            document.layers[$img_id].visibility='visible';
        }
        else if($trans_par==0) {
            document.layers[$img_id].visibility='hidden';
        }
    } else if(user_agent.indexOf('Safari')!=-1) {
        
        document.getElementById($img_id).style.Opacity = $trans_par;
		  
    } else if(user_agent.indexOf('Mac_PowerPC') !=-1 && document.all) {
        if($trans_par > 0) {
            document.all($img_id).style.visibility='visible';
        }
        else if($trans_par==0) {
            document.all($img_id).style.visibility='hidden';
        }
    } else if(document.all) {
        
        document.getElementById($img_id).style.filter="alpha(opacity=0)";
        document.getElementById($img_id).filters.alpha.opacity  = ($trans_par * 100);
        
    } else if(user_agent.indexOf('Gecko')!=-1) {
        
        document.getElementById($img_id).style.MozOpacity = $trans_par;
    }
}
//***************************************************
// 画像切り替え(imgChange)
// 【使い方】
//    ・オンマウスイベント時、画像の切り替えを行います。
// 【書式】
//    function imgChange( $id , $img_path )
// 【引数】
//    1. $id       ：　変換対象の画像id（画像タグ内で指定したidを渡してください。※ページ内重複厳禁）
//    2. $img_path ：　変換後の画像パス
//***************************************************
function imgChange( $id , $img_path ) {
    document.getElementById($id).src = $img_path;
}

//***************************************************
// スムーズアンカーリンク（要jQuery）
//***************************************************
/* ※干渉しやすいので注意
jQuery.easing.quart = function ( x ,t ,b ,c ,d ){ return -c * ( ( t=t/d-1 )*t*t*t - 1 ) + b; };
$( document ).ready( function(){
  $( 'a[href*=#]' ).click( function(){
    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 } ,1000 ,'quart' );
      return false;
    }
  });
});
*/

//***************************************************
// セレクトボックスの on/off 切り替え(selectChange)
// 【使い方】
//    ・セレクトボックスのグレーアウトを切り替える
// 【書式】
//    function selectChange()
// 【引数】
//    1. $frm    : 対象のフォーム名
//    2. $select : セレクトボックス名 ( 複数ある場合はカンマ区切り )
//***************************************************

function selectChange($frm ,$select) {

    // ロック用の on/off を変数へ
    var $lock = document.forms[$frm].lock[0].checked;

    // $selectを分割し配列を作成
    if ( $select != "" ) {
        $arrItem = $select.split(",");
    }

    // $lockによってセレクトボックスのdisabledを切り替える
    if($lock == false) {
        ans = confirm("計算基準日のロックが解除されます。\n\nこの日付を変更する事によって、実際のお申込時の保険料と相違する事がありますのでご注意下さい。\nまた、計算基準日が過去、および半年以上先の場合は、資料請求はできません。\n\nロックを解除しますか？");
        if(ans){
            for($i=0; $i<$arrItem.length; $i++){
                document.forms[$frm].elements[$arrItem[$i]].disabled = false;
                document.forms[$frm].elements[$arrItem[$i]].style.backgroundColor = '#FFFFFF';
            }
        } else {
            document.forms[$frm].lock[0].checked = true;
        }
    } else {
        for($i=0; $i<$arrItem.length; $i++){
            document.forms[$frm].elements[$arrItem[$i]].disabled = true;
            document.forms[$frm].elements[$arrItem[$i]].style.backgroundColor = '#e9e9e9';
            //document.forms[$frm].elements[$arrItem[$i]].selectedIndex = 0;
        }
    }
}

//***************************************************
// セレクトボックスの on/off 切り替え(selectChangeNoAlert)
// 【使い方】
//    ・セレクトボックスのグレーアウトを切り替える
// 【書式】
//    function selectChangeNoAlert()
// 【引数】
//    1. $frm    : 対象のフォーム名
//    2. $select : セレクトボックス名 ( 複数ある場合はカンマ区切り )
//    3. $status : ラジオボタンステータス
//***************************************************

function selectChangeNoAlert($frm ,$select) {

    var $lock = document.forms[$frm].lock[0].checked;

    // $selectを分割し配列を作成
    if ( $select != "" ) {
        $arrItem = $select.split(",");
    }

    // $lockによってセレクトボックスのdisabledを切り替える
    if($lock == true) {
        for($i=0; $i<$arrItem.length; $i++){
            document.forms[$frm].elements[$arrItem[$i]].disabled = true;
            document.forms[$frm].elements[$arrItem[$i]].style.backgroundColor = '#e9e9e9';
        }
    }else{
        for($i=0; $i<$arrItem.length; $i++){
            document.forms[$frm].elements[$arrItem[$i]].disabled = false;
            document.forms[$frm].elements[$arrItem[$i]].style.backgroundColor = '#FFFFFF';
        }
    }
}

//***************************************************
// テキストボックスの on/off 切り替え(selectRelease)
// 【使い方】
//    ・被保険者テキストボックスの有効／無効を切り替える
// 【書式】
//    function textRelease()
// 【引数】
//    1. $select : 対象のセレクトボックス；
//    2. $frm    : 対象のフォーム名
//    3. $select : テキストボックス名 ( 複数ある場合はカンマ区切り )
//***************************************************

function textRelease($select ,$frm ,$text) {

    $value = document.forms[$frm].elements[$select].value;
    
    // $textを分割し配列を作成
    if ( $text != "" ) {
        $arrItem = $text.split(",");
    }
    // $valueによってセレクトボックスのdisabledを切り替える
    if($value != 01) {
        for($i=0; $i<$arrItem.length; $i++){
            document.forms[$frm].elements[$arrItem[$i]].disabled = false;
            document.forms[$frm].elements[$arrItem[$i]].style.backgroundColor = '#fff';
        }
        document.getElementById('name_must').style.display = 'inline';
        document.getElementById('name_kana_must').style.display = 'inline';

    }else{
        for($i=0; $i<$arrItem.length; $i++){
            document.forms[$frm].elements[$arrItem[$i]].disabled = true;
            document.forms[$frm].elements[$arrItem[$i]].style.backgroundColor = '#ececec';
            document.forms[$frm].elements[$arrItem[$i]].value = '';
        }
        document.getElementById('name_must').style.display = 'none';
        document.getElementById('name_kana_must').style.display = 'none';
    }

    //その他が選択された場合は、詳細用テキストボックスを有効にする
    if($value == 05) {
        document.forms[$frm].elements['relation_detail'].disabled = false;
        document.forms[$frm].elements['relation_detail'].style.backgroundColor = '#fff';
    }else{
        document.forms[$frm].elements['relation_detail'].disabled = true;
        document.forms[$frm].elements['relation_detail'].style.backgroundColor = '#ececec';
        document.forms[$frm].elements['relation_detail'].value = '';
    }
}

//***************************************************
// セレクトボックスの on/off 切り替え(selectRelease)
// 【使い方】
//    ・公開日設定セレクトボックスのグレーアウトを切り替える
// 【書式】
//    function selectRelease()
// 【引数】
//    1. $check  : 対象のチェックボックス；
//    2. $frm    : 対象のフォーム名
//    3. $select : セレクトボックス名 ( 複数ある場合はカンマ区切り )
//***************************************************

function selectRelease($check ,$frm ,$select) {

    // ロック用の on/off を変数へ
    var $lock = document.getElementById($check).checked;

    // $selectを分割し配列を作成
    if ( $select != "" ) {
        $arrItem = $select.split(",");
    }

    // $lockによってセレクトボックスのdisabledを切り替える
    if($lock == true) {
        for($i=0; $i<$arrItem.length; $i++){
            document.forms[$frm].elements[$arrItem[$i]].disabled = false;
            document.forms[$frm].elements[$arrItem[$i]].style.backgroundColor = '#FFFFFF';
        }
    } else {
        for($i=0; $i<$arrItem.length; $i++){
            document.forms[$frm].elements[$arrItem[$i]].disabled = true;
            document.forms[$frm].elements[$arrItem[$i]].style.backgroundColor = '#e9e9e9';
            document.forms[$frm].elements[$arrItem[$i]].selectedIndex = 0;
        }
    }
}

//***************************************************
// こだわり検索メニューの表示／非表示
//***************************************************
function changeMenu(){
     var $value = text_status = $('#kodawari_area').css('display');
     if($value=="none"){
         $('#kodawari_area' ).slideDown();
         $('#kodawari_close').show();
         $('#kodawari_open' ).hide();
     } else {
         $('#kodawari_area' ).slideUp();
         $('#kodawari_close').hide();
         $('#kodawari_open' ).show();
     }
}

//***************************************************
// 引数chk_targetの文字数が引数min_length以上～引数max_length以下であるかをチェックする（length_check)
// 【使い方】
//    ・公開日設定セレクトボックスのグレーアウトを切り替える
// 【書式】
//    boolean length_check( chk_target, min_length, max_length)
// 【引数】
//    1. chk_target = チェック対象となる文字列
//    2. min_length = 最小文字数（この値自身も範囲内に含む）
//    3. max_length = 最大文字数（この値自身も範囲内に含む）
// 【戻り値】
//    true = 範囲内 / false = 範囲外
//***************************************************

function length_check( chk_target, min_length, max_length){
  if ( chk_target.length >= min_length && chk_target.length <= max_length ){
    return true;
  }else{
    return false;
  }
}

//***************************************************
// 引数で渡されたフォーム内のチェックボックスのチェック全解除
//***************************************************
function checkClear($frm) {
    $bln = document.forms[$frm].elements.length;
    for($i=0; $i<$bln; $i=$i+1){
        if(document.forms[$frm].elements[$i].type=='checkbox'){
            document.forms[$frm].elements[$i].checked = false;
        }
    }
}