//var scroller = null;
//var scroller2 = null;
var el1 = null;
var el2 = null;
function init( term_id ){
  initScroller();
  findTags ("span", "span", document.getElementById("Scroller-2"));
//  getTermDetailData( term_id );
  var jp = document.getElementById("init_jp");
  tags = document.getElementsByTagName("input");
  for( var i=0; i< tags.length; i++ ){
    if( tags[i].type == 'hidden' && tags[i].id == jp.name ){
        tags[i].value = jp.value;
    }
  }
  if (document.show.term_id.value){
    term_id = document.show.term_id.value;
  }
  else {
    document.show.term_id.value = term_id;
  }
  document.getElementById("iframe").innerHTML = '<iframe id="hidden_iframe" name="hidden_iframe" src="show.php?term_id='+ term_id +'" width="0" height="0" frameborder="0"></iframe>';
};

function initScroller(){
  el = document.getElementById("Scroller-1");
  el2 = document.getElementById("Scroller-2");
  //var el = document.getElementById("Scroller-1");
  //scroller = new jsScroller(el, 400, 200);
  //var el2 = document.getElementById("Scroller-2");
  //scroller2 = new jsScroller(el2, 400, 200);
};
function moveScroller( y ){
  el2.scrollTop = y;
};

function findTags (consonant_tag, links_tag, parent) {
  var tags = parent.getElementsByTagName(consonant_tag);
  var conts = parent.getElementsByTagName(links_tag);
  var innerlink = '';
  for (var i = 0; i < tags.length; i++) {
    if( tags[i].id == 'consonant' ){
      //innerlink += '<a href="javascript:scroller2.scrollTo(0,'+ tags[i].offsetTop +');" style="text-decoration:underline;padding:5px;">'+ tags[i].innerHTML +'</a>';
      innerlink += '<a href="javascript:moveScroller('+ tags[i].offsetTop +');" style="text-decoration:underline;padding:5px;vertical-align:bottom">'+ tags[i].innerHTML +'</a>';
    }
  }
  for (var j = 0; j < conts.length; j++) {
    if( conts[j].id == 'links' ){
      conts[j].innerHTML = innerlink;
    }
  }
};

function chgCheckBox( tag, unchecked_img, checked_img, value, url){
  var hdn_value;
  if( tag.id == 'checked' ){
    tag.src = unchecked_img;
    tag.id = '';
    hdn_value = '';
  }else{
    tag.src = checked_img;
    tag.id = 'checked';
    hdn_value = value;
  }
  tags = document.getElementsByTagName('input');
  for( var i=0; i< tags.length; i++ ){
    if( tags[i].type == 'hidden' && tags[i].id == 'chk_'+value ){
      tags[i].value = hdn_value;
    }
  }

    frmsubmitsyllabary(document.main, url);


};

function frmsubmit( frm, url, method ){
  if(! method || method == '' ){
    method = "GET";
  }
  frm.method = method;
  frm.target = "_self";
  frm.action = url;
  frm.submit();
};

function frmsubmitsyllabary( frm, url, jp ){
  if( jp && jp != '' ){
    frm.jp.value = jp;
  }
  frm.method = "GET";
  frm.target = "_self";
  frm.action = url;
  frm.submit();
};

function frmsubmit_rtnUrl( sm_frm, rp_frm, url, method ){
  if(! method || method == '' ){
    method = "POST";
  }
  params = new Array(0);
  len = rp_frm.elements.length;
  for (i=0; i<len; i++){
    type = rp_frm.elements[i].type;
    if( type == 'hidden' ){
      name = rp_frm.elements[i].name;
      value = rp_frm.elements[i].value;
      if( name != 'rtnUrl' ){
        params.push( name+'='+encodeURI(value) );
      }
    }
  }
  param = params.join("&");
  sm_frm.rtnUrl.value = rp_frm.rtnUrl.value+'?'+param;
  sm_frm.method = method;
  sm_frm.target = "_self";
  sm_frm.action = url;
  sm_frm.submit();
};

function iframesubmit(term_id){
  if (document.getElementById("hidden_iframe")){
    document.show.term_id.value = term_id;
    document.show.submit();
  }
  else{
    return false;
  }
};