//--------- init 
var spkVol = 100;
var spkVol_bak = 100;
var MABLmoviePlay = 0;
var MABLctime = 0;
var MABLduration = 0;
var MABLtotalbytes = 0;
var MABLbytesloaded = 0;
var MABLopenedMenu = null;
var submenuTimer = 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];}
}
// 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;
  // MM_preloadImages('img/mabl_btn_play.gif');
  //
  MEC_StartMABL(PNAME,CODENAME);
  MEC_TextSetDisplay("MABL_TEXT_01", true);
  MEC_TextSetLanguage("MABL_TEXT_01", 'english');
  MM_swapImage('mabl_lang2_btn','','img/en_on.gif',5);
  MM_swapImage('mabl_ctrl_play_btn','','img/mabl_btn_play.gif',4);
  MEC_UserTask(mabl_usertask);
  //
  // Mouse Click Event list;;
  $('#mabl_btn_ctrl_play').click(function() {
    if (MABLmoviePlay == 0) {
      MABLmoviePlay = 1;
      MEC_MoviePlay();
    } else if (MABLmoviePlay == 1) {
      MABLmoviePlay = 0;
      MEC_MovieStop();
    }
    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() {
    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.gif',4);
    } else if (MABLmoviePlay == 1) {
      MM_swapImage('mabl_ctrl_play_btn','','img/mabl_btn_pause.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);
    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.gif',3);
    return false;
  });
	//

  $('#mabl_lang1').click(function() {
    onClickLanguage('menu1');
/*
    if (MABL_Lang1 == 1) {
      MABL_Lang1 = 0;
      MEC_TextSetDisplay("MABL_TEXT_01", false);
      MEC_TextSetLanguage("MABL_TEXT_01", 'japanese');
      MM_swapImage('mabl_lang_now','','img/ja_off.gif',2);
    } else {
      MABL_Lang1 = 1;
      MABL_Lang2 = 0;
      MEC_TextSetDisplay("MABL_TEXT_01", true);
      MEC_TextSetLanguage("MABL_TEXT_01", 'japanese');
      MM_swapImage('mabl_lang_now','','img/ja_on.gif',2);
      MM_swapImage('mabl_lang2_btn','','img/en_off.gif',5);
    }
*/
    return false;
  });
  
  $('#mabl_lang1').mouseout(function() {
    submenuTimer = setTimeout('CloseMenu()', 700);
/*
    if (MABL_Lang1 == 1) {
      MM_swapImage('mabl_lang_now','','img/ja_on.gif',2);
    } else {
      MM_swapImage('mabl_lang_now','','img/ja_off.gif',2);
    }
*/
    return false;
  });
  $('#mabl_lang1').mouseover(function() {
    clearTimeout(submenuTimer);
//    MM_swapImage('mabl_lang_now','','img/ja_on.gif',2);
    return false;
  });
  
  $('#menu1').mouseout(function() {
    submenuTimer = setTimeout('CloseMenu()', 700);
  });
  $('#menu1').mouseover(function() {
    clearTimeout(submenuTimer);
  });

  $('#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_ko').click(function() {
    onClickMenu(6);
  });
  $('#menu1_00').click(function() {
    onClickMenu(0);
  });


  $('#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() {
    spkVol = $('#mabl_btn_ctrl_volume').slider('option', 'value');
    if (spkVol > 0) {
      spkVol_bak = spkVol;
      spkVol = 0;
      $('#mabl_btn_ctrl_volume').slider("value", spkVol);
      $('#mabl_btn_ctrl_volume').slider("disable");
      MM_swapImage('mabl_btn_speaker','','img/mabl_speaker_off.gif',6);
    } else {
      $('#mabl_btn_ctrl_volume').slider("value", spkVol_bak);
      $('#mabl_btn_ctrl_volume').slider("enable");
      spkVol = spkVol_bak;
      MM_swapImage('mabl_btn_speaker','','img/mabl_speaker_on.gif',6);
    }
    MEC_MovieSetVolume(spkVol);
  });

  $('#mabl_timeseekbase').slider({
    min: 0,  max: 300, value : 0,
    start: function(e, ui) {
      SeekNow = 1;
      // $('#slider_callout').fadeIn('fast', function() { calloutVisible = true;});
      // $('#slider_callout').text('ST');
    },
    stop: function(e, ui) {
      SeekNow = 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(submenuTimer);
  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');
    $('#mabl_lang1').text('English');
    langPlay = 1;
  } else if (num == 2) {
    MEC_TextSetDisplay("MABL_TEXT_01", true);
    MEC_TextSetLanguage("MABL_TEXT_01", 'simplified-chinese');
    $('#mabl_lang1').text('简体中文');
    langPlay = 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');
    langPlay = 3;
  } else if (num == 4) {
    MEC_TextSetDisplay("MABL_TEXT_01", true);
    MEC_TextSetLanguage("MABL_TEXT_01", 'spanish');
    $('#mabl_lang1').text('Español');
    langPlay = 4;
  } else if (num == 5) {
    MEC_TextSetDisplay("MABL_TEXT_01", true);
    MEC_TextSetLanguage("MABL_TEXT_01", 'japanese');
    $('#mabl_lang1').text('日本語');
    langPlay = 5;
  } else if (num == 6) {
    MEC_TextSetDisplay("MABL_TEXT_01", true);
    MEC_TextSetLanguage("MABL_TEXT_01", 'hangle');
    $('#mabl_lang1').text('한글');
    langPlay = 6;
  } else if (num == 7) {
    MEC_TextSetDisplay("MABL_TEXT_01", true);
    MEC_TextSetLanguage("MABL_TEXT_01", 'french');
    $('#mabl_lang1').text('French');
    langPlay = 7;
  } else if (num == 8) {
    MEC_TextSetDisplay("MABL_TEXT_01", true);
    MEC_TextSetLanguage("MABL_TEXT_01", 'german');
    $('#mabl_lang1').text('German');
    langPlay = 8;
  } else if (num == 0) {
    MEC_TextSetDisplay("MABL_TEXT_01", false);
    $('#mabl_lang1').text('------');
//    MM_swapImage('mabl_lang_select0', '', 'img/btn_lang_over_s.gif', '2');
    langPlay = 0; 
  } else {
    langPlay = 0;
  }
  CloseMenu();
}