//--------- init 
var MABLspkVol = 100;
var MABLspkVol_bak = 100;
var MABLmoviePlay = 1;
var MABLctime = 0;
var MABLduration = 0;
var MABLtotalbytes = 0;
var MABLbytesloaded = 0;
var MABLopenedMenu = null;
var MABLlangPlay = 0;
var MABLsubmenuTimer = null;

// Extern Library ;: start
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function SetUserTask() {
  MEC_UserTask(mabl_usertask);
  //  MEC_LogOnOff(1);
  //  MEC_GetURL('play');
}

// Extern Library ;: end

// use jquery.js  ;; event control (onload, click) 1.3.x higher
// use jquery-ui-core.js 1.7.x higher
// use jquery-ui-slider.js 1.7.x higher
$(function(){
  $('#slider_callout').hide();
  var calloutVisible = false;
  var MABL_Lang1 = 0; // Japanese
  var MABL_Lang2 = 1; // English
  //
  var seekp = 0;
  //
  MEC_StartMABL(mySNO, myHIK);
  onClickMenu(myLang);
//  MEC_TextSetDisplay("MABL_TEXT_01", true);
//  MEC_TextSetLanguage("MABL_TEXT_01", 'english');
//  MM_swapImage('mabl_lang2_btn','','img/en_on.gif',5);
  //
  setTimeout('SetUserTask()', 100); // tips 
//  setTimeout('MEC_UserTask(mabl_usertask)', 100);

  // Mouse Click Event list;;
  $('#mabl_btn_ctrl_play').click(function() {
    if (MABLmoviePlay == 0) {
      MABLmoviePlay = 1;
      MEC_MoviePlay();
//      MEC_GetURL('play');
    } else if (MABLmoviePlay == 1) {
      MABLmoviePlay = 0;
      MEC_MovieStop();
//      MEC_GetURL('stop');
    }
    
    return false;
  });
  $('#mabl_btn_ctrl_play').mouseout(function() {
    if (MABLmoviePlay == 0) {
      MM_swapImage('mabl_ctrl_play_btn','','img/mabl_btn_play.gif',4);
    } else if (MABLmoviePlay == 1) {
      MM_swapImage('mabl_ctrl_play_btn','','img/mabl_btn_pause.gif',4);
    }
    return false;
  });
  $('#mabl_btn_ctrl_play').mouseover(function() {
    a = 0;
    if (MABLmoviePlay == 0) {
      MM_swapImage('mabl_ctrl_play_btn','','img/mabl_btn_play_over.gif',4)
    } else if (MABLmoviePlay == 1) {
      MM_swapImage('mabl_ctrl_play_btn','','img/mabl_btn_pause_over.gif',4)
    }
    return false;
  });
  $('#mabl_btn_ctrl_play').mouseup(function() {
    if (MABLmoviePlay == 0) {
      MM_swapImage('mabl_ctrl_play_btn','','img/mabl_btn_pause.gif',4);
    } else if (MABLmoviePlay == 1) {
      MM_swapImage('mabl_ctrl_play_btn','','img/mabl_btn_play.gif',4);
    }
    return false;
  });
  $('#mabl_btn_ctrl_play').mousedown(function() {
    if (MABLmoviePlay == 0) {
      MM_swapImage('mabl_ctrl_play_btn','','img/mabl_btn_play_hit.gif',4);
    } else if (MABLmoviePlay == 1) {
      MM_swapImage('mabl_ctrl_play_btn','','img/mabl_btn_pause_hit.gif',4);
    }
    return false;
  });
	//
  $('#mabl_btn_ctrl_replay').click(function() {
    MEC_MovieTimeSeek(0);
    MEC_MovieStop();
    MABLmoviePlay = 0;
    MM_swapImage('mabl_ctrl_play_btn','','img/mabl_btn_play.gif',4);
//    MEC_GetURL('stop');
    return false;
  });
  $('#mabl_btn_ctrl_replay').mouseout(function() {
    MM_swapImage('mabl_ctrl_stop_btn','','img/mabl_btn_replay.gif',3);
    return false;
  });
  $('#mabl_btn_ctrl_replay').mouseover(function() {
    MM_swapImage('mabl_ctrl_stop_btn','','img/mabl_btn_replay_over.gif',3);
    return false;
  });
  $('#mabl_btn_ctrl_replay').mousedown(function() {
    MM_swapImage('mabl_ctrl_stop_btn','','img/mabl_btn_replay_hit.gif',3);
    return false;
  });
	//

  $('#mabl_lang').click(function() {
    onClickLanguage('menu1');
    return false;
  });
  
  $('#mabl_lang').mouseout(function() {
    if (MABLlangPlay == 1) {
      MM_swapImage('mabl_lang_select0', '', 'img/btn_eng_over_s.gif', '2');
    } else if (MABLlangPlay == 2) {
      MM_swapImage('mabl_lang_select0', '', 'img/btn_chn_over_s.gif', '2');
    } else if (MABLlangPlay == 3) {
      MM_swapImage('mabl_lang_select0', '', 'img/btn_zhn_over_s.gif', '2');
    } else if (MABLlangPlay == 4) {
      MM_swapImage('mabl_lang_select0', '', 'img/btn_esp_over_s.gif', '2');
    } else if (MABLlangPlay == 5) {
      MM_swapImage('mabl_lang_select0', '', 'img/btn_jpn_over_s.gif', '2');
    } else if (MABLlangPlay == 6) {
      MM_swapImage('mabl_lang_select0', '', 'img/btn_kor_over_s.gif', '2');
    } else if (MABLlangPlay == 7) {
      MM_swapImage('mabl_lang_select0', '', 'img/btn_fra_over_s.gif', '2');
    } else if (MABLlangPlay == 8) {
      MM_swapImage('mabl_lang_select0', '', 'img/btn_ger_over_s.gif', '2');
    } else if (MABLlangPlay == 0) {
      MM_swapImage('mabl_lang_select0', '', 'img/btn_lang_over_s.gif', '2')  
    } else {
      MM_swapImgRestore();
    } 
    MABLsubmenuTimer = setTimeout('CloseMenu()', 700);
    return false;
  });
  $('#mabl_lang').mouseover(function() {
    MM_swapImage('mabl_lang_select0','','img/btn_lang_over_s.gif',5);
    clearTimeout(MABLsubmenuTimer);
//    MM_swapImage('mabl_lang_now','','img/ja_on.gif',2);
    return false;
  });
  
  $('#menu1').mouseout(function() {
    MABLsubmenuTimer = setTimeout('CloseMenu()', 700);
  });
  $('#menu1').mouseover(function() {
    clearTimeout(MABLsubmenuTimer);
  });

  $('#menu1_fr').click(function() {
    onClickMenu(7);
  });
  $('#menu1_es').click(function() {
    onClickMenu(4);
  });
  $('#menu1_en').click(function() {
    onClickMenu(1);
  });
  $('#menu1_jp').click(function() {
    onClickMenu(5);
  });
  $('#menu1_c1').click(function() {
    onClickMenu(2);
  });
  $('#menu1_c2').click(function() {
    onClickMenu(3);
  });
  $('#menu1_00').click(function() {
    onClickMenu(0);
  });
  $('#menu1_close').click(function() {
    CloseMenu();
  });

  $('#mabl_chapter').click(function() {
    onClickLanguage('menu2');
    return false;
  });

  $('#mabl_chapter').mouseout(function() {
    MABLsubmenuTimer = setTimeout('CloseMenu()', 700);
    MM_swapImgRestore();
    return false;
  });
  $('#mabl_chapter').mouseover(function() {
    clearTimeout(MABLsubmenuTimer);
    MM_swapImage('mabl_chapter_select0','','img/btn_chapter_over_s.gif',5);
    return false;
  });

  $('#menu2').mouseout(function() {
    MABLsubmenuTimer = setTimeout('CloseMenu()', 700);
  });
  $('#menu2').mouseover(function() {
    clearTimeout(MABLsubmenuTimer);
  });
  $('#menu2_close').click(function() {
    CloseMenu();
  });
  $('#chapter_01').click(function() {
    onClickChapter(0);
  });
  $('#chapter_01').click(function() {
    onClickChapter(0);
  });
  $('#chapter_02').click(function() {
    onClickChapter(1);
  });
  $('#chapter_03').click(function() {
    onClickChapter(2);
  });
  $('#chapter_04').click(function() {
    onClickChapter(3);
  });
  $('#chapter_05').click(function() {
    onClickChapter(4);
  });
  $('#chapter_06').click(function() {
    onClickChapter(5);
  });
  $('#chapter_07').click(function() {
    onClickChapter(6);
  });

  $('#mabl_btn_ctrl_volume').slider({
    min: 0,  max: 100, value : 100,
    slide: function(e, ui) {
      MEC_MovieSetVolume(Math.round(ui.value));
    }
  });

  $('#mabl_btn_ctrl_speaker').click(function() {
    MABLspkVol = $('#mabl_btn_ctrl_volume').slider('option', 'value');
    if (MABLspkVol > 0) {
      MABLspkVol_bak = MABLspkVol;
      MABLspkVol = 0;
      $('#mabl_btn_ctrl_volume').slider("value", MABLspkVol);
      $('#mabl_btn_ctrl_volume').slider("disable");
      MM_swapImage('mabl_btn_speaker','','img/mabl_speaker_off.gif',6);
    } else {
      $('#mabl_btn_ctrl_volume').slider("value", MABLspkVol_bak);
      $('#mabl_btn_ctrl_volume').slider("enable");
      MABLspkVol = MABLspkVol_bak;
      MM_swapImage('mabl_btn_speaker','','img/mabl_speaker_on.gif',6);
    }
    MEC_MovieSetVolume(MABLspkVol);
  });

  $('#mabl_timeseekbase').slider({
    min: 0,  max: 300, value : 0,
    start: function(e, ui) {
      MABLSeekNow = 1;
      // $('#slider_callout').fadeIn('fast', function() { calloutVisible = true;});
      // $('#slider_callout').text('ST');
    },
    stop: function(e, ui) {
      MABLSeekNow = 0;
      seekp = 100 * Math.round($('#mabl_timeseekbase').slider('option', 'value')) / $('#mabl_timeseekbase').slider('option', 'max');
      MEC_MovieStop();
      MEC_MovieSeek(Math.round(seekp));
      if (Math.round(seekp) == 100) {
        MABLmoviePlay = 0;
      }
      if (MABLmoviePlay == 1) {
        MEC_MoviePlay();
      }
  
      // $('#slider_callout').text(Math.round(seekp));
      if (calloutVisible == false) {
        $('#slider_callout').fadeIn('fast', function() { calloutVisible = true;});
	//$('#slider_callout').text(Math.round(ui.value));
      }
//      $('#slider_callout').fadeOut('fast', function() { calloutVisible = false; });
      // MEC_MovieSetVolume(Math.round(ui.value));
    }
  });

});

//use external JavaScript
function OpenMenu(id){ 
  if ( document.getElementById ){
    document.getElementById( id ).style.visibility = 'visible';
  }else if ( document.all ){
    document.all( id ).style.visibility = 'visible';
  }else if ( document.layers ){
    document.layers[ id ].visibility = 'show';
  }
  clearTimeout(MABLsubmenuTimer);
  MABLopenedMenu = id;
}
//
function CloseMenu(){ 
  if (MABLopenedMenu == null) {
    return null;
  }
  if ( document.getElementById ){
    document.getElementById( MABLopenedMenu ).style.visibility = 'hidden';
  }else if ( document.all ){
    document.all( MABLopenedMenu ).style.visibility = 'hidden';
  }else if ( document.layers ){
    document.layers[ MABLopenedMenu ].visibility = 'hide';
  }
  MABLopenedMenu = null;
}
function onClickLanguage(id){
   if (MABLopenedMenu && MABLopenedMenu != id){
     CloseMenu(id);
   }
   OpenMenu(id);
}
function onClickMenu(num) {
  if (num == 1) {
    MEC_TextSetDisplay("MABL_TEXT_01", true);
    MEC_TextSetLanguage("MABL_TEXT_01", 'english');
    MM_swapImage('mabl_lang_select0', '', 'img/btn_eng_over_s.gif', '2');
    MABLlangPlay = 1;
  } else if (num == 2) {
    MEC_TextSetDisplay("MABL_TEXT_01", true);
    MEC_TextSetLanguage("MABL_TEXT_01", 'simplified-chinese');
    MM_swapImage('mabl_lang_select0', '', 'img/btn_chn_over_s.gif', '2');
    MABLlangPlay = 2;
  } else if (num == 3) {
    MEC_TextSetDisplay("MABL_TEXT_01", true);
    MEC_TextSetLanguage("MABL_TEXT_01", 'traditional-chinese');
    MM_swapImage('mabl_lang_select0', '', 'img/btn_zhn_over_s.gif', '2');
    MABLlangPlay = 3;
  } else if (num == 4) {
    MEC_TextSetDisplay("MABL_TEXT_01", true);
    MEC_TextSetLanguage("MABL_TEXT_01", 'spanish');
    MM_swapImage('mabl_lang_select0', '', 'img/btn_esp_over_s.gif', '2');
    MABLlangPlay = 4;
  } else if (num == 5) {
    MEC_TextSetDisplay("MABL_TEXT_01", true);
    MEC_TextSetLanguage("MABL_TEXT_01", 'japanese');
    MM_swapImage('mabl_lang_select0', '', 'img/btn_jpn_over_s.gif', '2');
    MABLlangPlay = 5;
  } else if (num == 6) {
    MEC_TextSetDisplay("MABL_TEXT_01", true);
    MEC_TextSetLanguage("MABL_TEXT_01", 'hangle');
    MM_swapImage('mabl_lang_select0', '', 'img/btn_kor_over_s.gif', '2');
    MABLlangPlay = 6;
  } else if (num == 7) {
    MEC_TextSetDisplay("MABL_TEXT_01", true);
    MEC_TextSetLanguage("MABL_TEXT_01", 'french');
    MM_swapImage('mabl_lang_select0', '', 'img/btn_fra_over_s.gif', '2');
    MABLlangPlay = 7;
  } else if (num == 8) {
    MEC_TextSetDisplay("MABL_TEXT_01", true);
    MEC_TextSetLanguage("MABL_TEXT_01", 'german');
    MM_swapImage('mabl_lang_select0', '', 'img/btn_ger_over_s.gif', '2');
    MABLlangPlay = 8;
  } else if (num == 0) {
    MEC_TextSetDisplay("MABL_TEXT_01", false);
    MM_swapImage('mabl_lang_select0', '', 'img/btn_lang_over_s.gif', '2');
    MABLlangPlay = 0; 
  } else {
    MABLlangPlay = 0;
  }
  CloseMenu();
}

function onClickChapter(num) {
  if (myChapterList.length > num) {
    MEC_MovieTimeSeek(myChapterList[num]);
  }
  CloseMenu();
}