/***
 * ===================================================================
 * 国土交通省のレーダ雨量を
 * ブログへ表示する
 * http://i.river.go.jp/cgi-ippan/title.sh
 * ===================================================================
   ScriptName : jsg_blog_getUryo
   Description : レーダー雨量forブログ
   Version : 1.1 [ 20040630 ]
   ScriptURL : http://jsgt.org/mt/01/jsg_blog_getUryo_1_1.js
   ScriptCharset : Shift_JIS
   Syntax : jsg_blog_getUryo( "画像の幅ピクセル数") 
   Work on : Movable Type / JUGEM / livedoor
   -------------------------------------------------------------------
   Example : [ please copy to your blog ]

   <script charset="Shift_JIS" 
           src="http://jsgt.org/mt/01/jsg_blog_getUryo_1_1.js"></script> 
   <script>
   <!--
     jsg_blog_getUryo( ) 
   //-->
   </script> 
   -------------------------------------------------------------------
   前バージョン(1.0 [ 20040628 ])との違い
   ＊デフォルトエリアを「茨城」から「全国」に変更
   -------------------------------------------------------------------
   Maker   : Toashirou Takahasi http://game.gr.jp/js/
   Support : http://jsgt.org/mt/archives/01/000063.htm 
   -------------------------------------------------------------------
 */


//グローバル変数
var targetArea     //対象エリア
var syubetu        //種別
var setedSyu       //選択された種別
var imgPath        //画像へのPath
var img_id_no = 0  //画像の連番

//初期設定
function jsg_blog_getUryo(  Area , imgWidth , imgHeight )
{

  //対象エリア
  targetArea = new Array()
  targetArea["zenkoku"]   = ["000005","全国"]
  targetArea["kanto"]     = ["830005","関東地方"]
  targetArea["fukushima"] = ["830705","福島県"]
  targetArea["ibaraki"]   = ["830805","茨城県"]
  targetArea["tochigi"]   = ["830905","栃木県"]
  targetArea["gunma"]     = ["831005","群馬県"]
  targetArea["saitama"]   = ["831105","埼玉県"]
  targetArea["chiba"]     = ["831205","千葉県"]
  targetArea["tokyo"]     = ["831305","東京都"]
  targetArea["kanagawa"]  = ["831405","神奈川県"]
  targetArea["yamanashi"] = ["831905","山梨県"]
  targetArea["nagano"]    = ["832005","長野県"]
  targetArea["shizuoka"]  = ["832205","静岡県"]

  //種別
  syubetu = new Array()
  syubetu[0] = ["RIN","現在"]
  syubetu[1] = ["REC","履歴"]
  syubetu[2] = ["CUM","累加"]

  //選択された種別の初期値
  setedSyu = syubetu[1][0]

  //デフォルトエリア(第1引数に指定がなければ「全国」)
  if(!!jsg_blog_getUryo.arguments[0]) 
    selArea =  targetArea[Area][0]      //第3引数をセット
  else 
    selArea =  targetArea["zenkoku"][0] //全国
  
  //画像へのPath
  imgPath = "http://i.river.go.jp/radar/" 

  //画像へのPath
  imgsrc = jsg_blog_getUryo_getImg( syubetu[1][0] , selArea )

  //html生成
  jsg_blog_getUryo_mkHTML(img_id_no, imgWidth , imgHeight , Area , targetArea , syubetu , imgsrc )
  
  //画像連番カウントアップ(複数書出しの場合にname/id名重複を避ける)
  img_id_no ++
}

//画像URL
function jsg_blog_getUryo_getImg( syu , ken )
{
  return  imgPath + syu + ken + ".gif"
}

//画像書き換え
function jsg_blog_getUryo_chgImg( id , syu , target )
{
  document.images["jsg_blog_getUryo_id"+id].src = jsg_blog_getUryo_getImg( setedSyu ,  target  ) 
}

//種別選択
function jsg_blog_getUryo_setSyu( oj )
{
  setedSyu = oj.value
}

//HTML生成
function jsg_blog_getUryo_mkHTML(img_id_no, imgWidth , imgHeight , Area , targetArea , syubetu , imgsrc )
{

  var html = '<br />'
    //html += '<form name="jsg_blog_getUryoForm">'

    html += '<a href="http://jsgt.org/mt/archives/01/000063.html" target="jsg_blog_getUryo"'
    html += '><img name   = "jsg_blog_getUryo_id' + img_id_no + '" id="jsg_blog_getUryo_id' + img_id_no + '"'
    html += '      src    ="' + imgsrc + '"'
    html += '      border ="0"'
    
    if(!!imgWidth)
      html += '     width  = "' + imgWidth + '"'
    if(!!imgHeight)
      html += '     height = "' + imgHeight + '"'
      
    html += '>'
    html += '</a>'
    html += '<br />'
    html +='<input type = "radio" name = "syuName"  value="RIN" onclick=jsg_blog_getUryo_setSyu(this)>現在 '
    html +='<input type = "radio" name = "syuName"  value="REC" onclick=jsg_blog_getUryo_setSyu(this) checked>履歴 '
    html +='<input type = "radio" name = "syuName"  value="CUM" onclick=jsg_blog_getUryo_setSyu(this)>累加 <br />'
    html +='<select  name="selTarget" onchange = "jsg_blog_getUryo_chgImg( '+img_id_no+' , setedSyu , this.options[this.selectedIndex].value )">'

 var count = 0

    for ( var mkHTMLi in targetArea ) 
    { 
      ( mkHTMLi == Area )? selFlag = "selected" :  selFlag = "" ;
       html +='  <option value="'+ targetArea[""+mkHTMLi][0] +'" '+selFlag+'>'+ targetArea[""+mkHTMLi][1]
    }
    html +='</select>'
    html +='<br />'
    //html +='</form>'

  document.write( html )
}