//playstate
var STATUS_RESET = -1;
var STATUS_END = 0;
var STATUS_PLAY = 1;
var STATUS_PAUSE = 2;
var STATUS_BUFF = 3;
var STATUS_CUE = 5;
//page
var DASHBOARD = 1;
var ARCHIVE = 2;
var SINGLE = 3;
var HISTORY = 4;
var CHANNEL = 5;
// LINE
var MY_LINE = 1;
var PUBLIC_LINE = 2;
var HYPE_LINE = 3;
var REPLIED_LINE = 4;
var HYPED_LINE = 5;
var REPOSTED_LINE = 6;
var ARCHIVE_LINE = 7;
var SINGLE_LINE = 8;
var MOOD_LINE = 9;
var MY_POSTS_LINE = 10;
//CONTENT_TYPE
var TRACK_FLV = 1;
var TRACK_MP3 = 2;
var TRACK_YOUTUBE = 3;
var TRACK_M4A = 4;

var NEXT_FLG;
var USER_STATUS_VIEW = 1;
var PlayList = [];
var _case = MY_LINE;
var Playing = {
  nowcase :MY_LINE,
  page :1,
  filter :null,
  shuffle :null,
  keyword :null,
  id :null,
  idx :null,
  viewMode :null,
  name :null,
  mood :null,
  history :null,
  volume :100,
  thumb_file_type :null,
  thumb_yid :null,
  total_count :null
};
var SLIDER_W = 116;
var formElement = { 'input':true, 'button':true, 'select':true, 'textarea':true };

var thumb_id = null;
var thumb_top = -50000;
var FunnelThumbPlayer;
var FunnelPlayer;
var ytplayer;
var ThumbYtplayer;

$(document).ready(function(){
  if(!Array.indexOf){
  　Array.prototype.indexOf = function(object){
  　　for(var i = 0; i < this.length; i++){
  　　　if(this[i] == object){
  　　　　return i;
  　　　}
  　　}
  　　return -1;
  　}
  }

  if ($(".modal_container")) {
      $(window).bind("resize", calculateContent);
  }
  
  $('a.setting_btn').click(function(){showSettingWindow();});
  $('#additional_menu > li > a[rel="finduser"]').click(function(){showFindUserWindow();});
  $('#additional_menu > li > a[rel="goodies"]').click(function(){showGoodiesWindow();});

});

function getTagList(target,list){
  $.ajax({
    data:"",
    dataType:'json',
    type:'post',
    url:'/util/getTagList',
    success :function(data){
      new Suggest.LocalMulti(
        target,
        list, 
        data,
          {dispMax: 20, delim: ',', highlight: true, prefix: true, classMouseOver: 'MouseOver', classSelect: 'classSelect'}
        );
      }
    });
}

//search scroll ///////////////////////////////////////

// btn init
function PostInit(post_id,num){
  //PlayList.push(post_id);
  //var track = $('.post_elements:eq(0) > li:eq('+num+')');
  var track = $('.post_elements[listname="posts"] > li.track:eq('+num+')');
  var twi = track.find('.showTwitter');
  var bio = track.find('.biography');
  var edit = track.find('.edit_track_form');
  var notes = track.find('.notes');
  var root_id = track.find('.note').attr('root_id');
  ///////////// biography //////////////
  track.find('li.bio > a, div.bio > a').click(function(){
    if (isShow(bio)){
      bio.fadeOut();
    }
    else{
      $.get("/post/bio/"+post_id,
      function(data){
        bio.html(data).fadeIn();
      });
    }
  });

  ///////////// edit //////////////
  track.find('li.edit > a').toggle(
    function(){
      edit.fadeIn();
      getTagList("mood_"+post_id,"mood_sj_"+post_id);
    },
    function(){
      edit.fadeOut();
    }
  );

  //////////// twitter //////////
  track.find('a.getTwitter').toggle(
    function(){
      Blocking();
      $.get("/post/getTwitt/"+post_id,
      function(data){
        twi.html(data).fadeIn();
        unBlocking();
      });
      
      /*
      var name = track.find('h3.track_title').attr('artistname');
      var url = "http://search.twitter.com/search.json?callback={callback}&rpp=100&q="+encodeURIComponent(name.replace(/^\s*(.*?)\s*$/, "$1"));
      $.getJSONP(url,function show_twitte(json){
        var html = "<ul>";
        for(var i=0; i<json.results.length; i++){
          var image_url = json.results[i].profile_image_url;
          var from_user = json.results[i].from_user;
          var text = json.results[i].text;
          var source = json.results[i].source;
          html += '<li><a class="icon-twitter" href="http://twitter.com/'+from_user+'" target="_blank"><img src="'+image_url+'"/></a><div class="tweet"><a class="u_name" href="http://twitter.com/'+from_user+'">'+from_user+'</a>:'+text+'<a class="date" href="">(分前)</a></div></li>';
        }
        html += "</ul>";
        twi.html(html).fadeIn();
      });
      */
    },
    function(){
      twi.fadeOut();
    }
  );

  edit.find('a.cancel').click(function(){
    edit.fadeOut();    
  });
  edit.find('button.submit').click(function(){
    edit.fadeOut(); 
  });

  ///////////// delete //////////////
  track.find('li.delete > a').click(function(){
    $.get("/post/delete/"+post_id,
      function(data){
        $('#modal_window').html(data).fadeIn();
        ParentWindowFix();
        calculateContent();
      });
  });

  ///////////// hype //////////////
  track.find('li[act="hype"] > a').click(function(){
    $.get("/post/hype/"+post_id,
      function(data){
        $('#modal_window').html(data).fadeIn();
        ParentWindowFix();
        calculateContent();
      });
  });

  ///////////// repost //////////////
  track.find('li[act="repost"] > a').click(function(){
    $.get("/post/repost/"+post_id,
      function(data){
        $('#modal_window').html(data).fadeIn();
        ParentWindowFix();
        calculateContent();
      });
  });

  ///////////// notes //////////////
  track.find('.note > a').click(function(){
    if (isShow(notes)){
      notes.fadeOut();
    }
    else {
      Blocking();
      $.get("/post/notes/"+root_id+"/?pid="+post_id,
        function(data){
          //notes.html(data).slideDown();
          unBlocking();
          notes.html(data).fadeIn();
      });
    }
  });

  ///////////// playlink ///////////////
  track.find('h3.track_title > a').click(function(){
    if(post_id == Playing.id){
      if(getFunnelStatus() == STATUS_PLAY){
        onPause();
      }
      else{
        onPlay();
      }
    }
    else{
      Blocking();
      Playing.nowcase = _case;
      Playing.filter = $('#except_my_post,#only_my_post').filter(":checked").val();
      Playing.shuffle = $('#shuffle').attr('checked');
      Playing.keyword = $('#song_keyword').val();
      Playing.idx = num;
      Playing.page = $('.post_elements[listname="posts"]').length;

      if (Playing.viewMode == DASHBOARD || 
        Playing.viewMode == ARCHIVE){
        Playing.total_count = parseInt($('#total_count').html());
        Playing.mood = $('#nowmood').html();
        /*
        if ($('.post_elements[listname="posts"] > li.track').length <= 10){
          Playing.page = 1;
        }
        else{
          if($('.post_elements[listname="posts"] > li.track').length % 10 == 0){
            Playing.page = Math.floor($('.post_elements[listname="posts"] > li.track').length / 10);
          }
          else{
            Playing.page = Math.floor(($('.post_elements[listname="posts"] > li.track').length + 10) / 10);
          }
        }
        */
      }
      else if(Playing.viewMode == HISTORY){
        Playing.history = $('.calendar_menu').find('a.now_viewing').parent().attr('date');
      }
      $('#tunes > ul > li > a').removeClass('now_playing');
      var case_idx = _case - 1;
      if($('#tunes > ul > li:eq('+case_idx+')')){
        $('#tunes > ul > li:eq('+case_idx+') > a').addClass('now_playing');
      }

      buildPlayList();
      onLoad(post_id);
    }
  });

  if(Playing.nowcase){
    setPlayingLine(Playing.nowcase);
  }

}

function NoteInit(id){
  ///////////// note //////////////
  $('ol.notes').find('div.reply > a[lid="'+id+'"]').click(function(){
    $.get("/post/reply/"+id,
      function(data){
        $('#modal_window').html(data).fadeIn();
        ParentWindowFix();
        calculateContent();
      });
  });

  $('ol.notes').find('div.edit_hype > a[lid="'+id+'"]').toggle(
    function(){
      var logedit = $('ol.notes').find('li[lid="'+id+'"]');
      logedit.find('.edit_track_form').fadeIn();
      logedit.find('a.cancel').click(function(){
        logedit.find('.edit_track_form').fadeOut(); 
      });
      logedit.find('button.submit').click(function(){
        logedit.find('.edit_track_form').fadeOut(); 
      });
    },
    function(){
      var logedit = $('ol.notes').find('li[lid="'+id+'"]');
      logedit.find('.edit_track_form').fadeOut(); 
    }
  );

}

///////////////// destroy Account ////////////////

function DestroyAccountInit(){
  var alt = $('#alert');

  //close
  $('.close_m-window > a').click(function(){
    modalClose();
  });

  //setting window
  alt.find('a.setting_btn').click(function(){
    showSettingWindow();
  });
}

function PostDeleteInit(post_id){
  var alt = $('#alert');
  //cancel
  alt.find('a').click(function(){
    modalClose();
  });

  //delete
  alt.find('button').click(function(){
    $.post("/post/delete/"+post_id,
      function(){
        modalClose();
        alt.remove();
        $('li.track[pid="'+post_id+'"]').fadeOut('slow',
          function(){
            $(this).remove();
          });
      });
  });
}

function PostReplyInit(){
  var hype = $('#reply_window');
  //cancel
  hype.find('a').click(function(){
    modalClose();
  });

  //delete
  hype.find('button').click(function(){
    modalClose();
    hype.remove();
  });
  
  hype.find('a.setting_btn').click(function(){
    showSettingWindow();  
  });
}

function PostHypeInit(){
  var hype = $('#hype_window');
  //cancel
  hype.find('a').click(function(){
    modalClose();
  });

  //delete
  hype.find('button').click(function(){
    modalClose();
    hype.remove();
  });
  
  hype.find('a.setting_btn').click(function(){
    showSettingWindow();  
  });

  $('#hype_view_mode').val(Playing.viewMode);
}

function PostRepostInit(){
  var repost = $('#repost_window');
  //cancel
  repost.find('a').click(function(){
    modalClose();
  });

  //setting window
  repost.find('a.setting_btn').click(function(){
    showSettingWindow();
  });

  getTagList("mood","mood_list");

  $('#repost_view_mode').val(Playing.viewMode);
}

function SettingInit(){
  var setting = $('#setting_window');

  //close
  $('.close_m-window > a').click(function(){
    modalClose();
  });

  //close
  setting.find('.cancel').click(function(){
    modalClose();
  });

  //destroy
  setting.find('.button').click(function(){
    $.get("/user/secession",
      function(data){
        ParentWindowFix();
        $('#modal_window').html(data).fadeIn();
      });
  });

  //nav menu
  $.each(setting.find('ul.nav > li'),function(){
    var nav_li = $(this);
    nav_li.children().click(function(){
      nav_li.siblings().removeClass('selected');
      $(this).parent().addClass('selected');
    });
  });
}

function IconInit(){
  var pic = $('#picture');
  var pic_hidden = pic.find(':input[name="act"]');
  var pic_file = pic.find(':input[type="file"]');
  var pic_submit = pic.find('button.submit');
  var pic_delete = pic.find('button.delete');

  //view mode
  $.post("/setting/icon_form",
    function(data){
      if(data == 1){
        pic_file.hide();
        pic_submit.hide();
      }
      else{
        pic_submit.hide();
        pic_delete.hide();
      }
    });

  //upadte
  pic_submit.click(function(){
    Blocking('#setting_window');
    pic_hidden.val('save');
    $(this).hide();
    $('#icon_form').submit();
  });

  //delete
  pic_delete.click(function(){
    Blocking('#setting_window');
    pic_hidden.val('');
    pic_submit.hide();
    pic_delete.hide();
    $.post("/setting/delete_icon",
      function(data){
        unBlocking('#setting_window');
        pic_file.show().val('');
        $('#thumb').html('');
      });
  });

  //file change
  pic_file.change(function(){
    Blocking('#setting_window');
    $('#icon_form').submit();
    pic_file.hide();
    pic_submit.show();
    pic_delete.show();
  });
}

function FindUserInit(){
  //close
  $('.close_m-window > a').click(function(){
    modalClose();
  });

  //nav menu
  $.each($('#find_user > div > ul.nav > li'),function(idx){
    var nav_li = $(this)
    nav_li.children().click(function(){
      Blocking('#find_user');
      $.post("/search/user",
       {search_type:idx},
       function(data){
        unBlocking('#find_user');
        $('.scroll-pane').scrollTop(0);
        $('#user_list_box').html(data);
      });

      nav_li.siblings().removeClass('selected');
      $(this).parent().addClass('selected');

      //set hidden
      $('#find_user').find(':input[type="hidden"]').val(idx);
    });
  });
  //sumbit
  $('#find_user > div > form').find('a.submit').click(function(){
    Blocking('#find_user');
    var keyword = $('#f_user_name-keyword').val();
    var search_type = $('#find_user').find(':input[type="hidden"]').val();
    $.post("/search/user",
      {search_type:search_type,keyword:keyword},
      function(data){
        unBlocking('#find_user');
        $('.scroll-pane').scrollTop(0);
        $('#find_user > div > h5 > span').html('Search result')
        $('#user_list_box').html(data);
      });
  });

}

function PlayerInit(id){

  var player = $('.ui-layout-south');
  $("#volume-slider").slider({
    orientation: "vertical",
    range: "min",
    animate: true,
    min: 0,
    max: 100,
    value: Playing.volume,
    slide: function(event, ui) {
      changeOnVolume(ui.value);
    }
  });
  $("#volume-slider > a > div").attr('id','volume-toggle');
  $("#volume-wrap").hide();

  createPlayer();

  if($('#video').offset().top > 0){
    player.find('#player-opt-function > a.off').hide();
    player.find('#player-opt-function > a.on').show();
  }

  //enable video
  player.find('#player-opt-function > a.on').click(function(){
    $(this).hide();
    $(this).prev().show();
     $('#video').css('top','-1px');
  });

  player.find('#player-opt-function > a.off').click(function(){
    $(this).hide();
    $(this).next().show();
    $('#video').css('top','');
  });

  $('#btn-rew').click(function(){
      getPrevTrack();
      });
  $('#btn-play').toggle(
      function(){
        onPause();
      },
      function(){
        onPlay();
      }
  );
  $('#btn-skip').click(function(){
      getNextTrack();
      });

  $('#volume').toggle(
      function(){
      $('#volume-wrap').show();
      $('#volume > a').removeClass('controll');
      $('#volume > a').addClass('in-controll');
      },
      function(){
      $('#volume-wrap').hide();
      $('#volume > a').removeClass('in-controll');
      $('#volume > a').addClass('controll');
      });


  $('#song_name').click(function(){
    Blocking();
    switch(Playing.viewMode){
      case ARCHIVE:
        var params = "name="+Playing.name+'&song_keyword='+Playing.keyword;
        if (Playing.mood != ""){ 
          params += "&tag="+Playing.mood+"&playing_page="+Playing.page;
        }
        else{
          params += "&playing_page="+Playing.page;
        }

        $.ajax({data:params, dataType:'script', type:'post', url:'/archive/tagging',success :function(data){
          AddMoodTag(Playing.mood);
          post_slide(Playing.idx);
          unBlocking();
        }}); 
        break;
      case DASHBOARD:
        //var target = Playing.nowcase - 1;
        switch(Playing.nowcase){
          case MY_LINE:
            $('li#my > a').trigger('click');
          break;
          case PUBLIC_LINE:
            $('li#public > a').trigger('click');
          break;
          case HYPE_LINE:
            $('li#hype > a').trigger('click');
          break;
          case REPLIED_LINE:
            $('li#replied > a').trigger('click');
          break;
          case HYPED_LINE:
            $('#stats_display').find('a[act="hyped"]').trigger('click');
          break;
          case REPOSTED_LINE:
            $('#stats_display').find('a[act="reposted"]').trigger('click');
          break;
          case MOOD_LINE:
            changeTimeLine(MOOD_LINE);
          break;
        }
        break;
      case CHANNEL:
        post_slide(Playing.idx);
        unBlocking();
        break;
      case SINGLE:
        post_slide(Playing.idx);
        unBlocking();
        break;
      case HISTORY:
        var params = "name="+Playing.name+"&date="+Playing.history;
        $.ajax({data:params, dataType:'html', type:'post', url:'/history/list',success :function(data){
          $('#block_view').html(data);
          $('a.now_viewing').removeClass('now_viewing'); 
          $('.calendar_menu').find('li[date="'+Playing.history+'"] > a').addClass('now_viewing');
          unBlocking();
        }}); 
        break;
    }
  });

  player.find('li[act="repost"] > a').click(function(){
    $.get("/post/repost/"+id,
      function(data){
        ParentWindowFix();
        $('#modal_window').html(data).fadeIn();
        calculateContent();
      });
  });

  player.find('li[act="hype"] > a').click(function(){
    $.get("/post/hype/"+id,
      function(data){
        ParentWindowFix();
        $('#modal_window').html(data).fadeIn();
        calculateContent();
      });
  });


  //unBlocking();

}

function shuffleInit(){
  $('#shuffle').change(function(){
    Blocking();
    var flg = $('#shuffle').attr('checked');
    var params = 'shuffle='+flg;
    var controller = 'post';

    if(Playing.viewMode == ARCHIVE) {
      params += '&name='+Playing.name;
      controller = 'archive';
    }

    $.ajax({data:params, dataType:'script', type:'post', url:'/'+controller+'/list',
      success :function(data){
        unBlocking();
          setPlayingLine(_case);
      }}); return false;
  });
}

function rightColumnInit(){
  shuffleInit();

  $('#except_my_post,#only_my_post').change(function(){
    Blocking();
    var flg;
    if($(this).attr('checked')){
      flg = $(this).val();
      $('#play_options').find(':checkbox[name="filter"]:not(:checked)').attr("disabled","disabled");
    }
    else{
      $('#play_options').find(':checkbox[name="filter"]:not(:checked)').removeAttr("disabled");
    }

    $.ajax({data:'filter='+flg, dataType:'script', type:'post', url:'/post/list',success :function(data){unBlocking();
        setPlayingLine(_case);
      }}); return false;
  });

}

function userStateInit(){
  //stats
  $('#stats_carousel > li').click(function(){
      $(this).siblings().removeClass('now');
      $(this).addClass('now');
      //var left = $('#stats_display').position().left;
      var index = $('#stats_carousel > li').index(this);
      
      if(USER_STATUS_VIEW == 1 && index == 1){
        USER_STATUS_VIEW = 0;
        var mode = "-";
      } else if(USER_STATUS_VIEW == 0 && index == 0){
        USER_STATUS_VIEW = 1;
        var mode = "+";
      }
      if(mode){
        var move = $('#stats_carousel').width() + 11;
        $('#stats_display').animate({"left": mode+"="+move+"px"}, 500,'expoinout');
      }
  });

  var options = '#play_options';
  $('#stats_display > li > div > a').click(function(){
    var name = $('#profile_header > h2 > a').html();
    var type = $(this).attr('act');
    switch(type){
      case 'monks':
        Blocking();
        $.post("/friend/follower_list",{name:name}, function(data){
          $('#modal_window').html(data).fadeIn('slow',function(){
            unBlocking();
            FriendInit();
            calculateContent();
            });
        });
      break;
      case 'hyped':
        if(Playing.viewMode != SINGLE){
          Blocking();
          resetOption();
          if (Playing.viewMode==DASHBOARD){
            $('#tunes > ul > li').removeClass('selected');
            $('.ui-layout-center').attr('id','y-hype_funnel');
          }
          else{
            $(options).parent().find('li.wrapper').hide();
            ArchiveParamClear();
            AddMoodTag("Hypes");
          }
          if(isShow(options)){$(options).slideUp();}
          _case = HYPED_LINE;
          changeTimeLine(_case);
        }
      break;
      case 'reposted':
        if(Playing.viewMode != SINGLE){
          Blocking();
          resetOption();
          if (Playing.viewMode==DASHBOARD){
            $('#tunes > ul > li').removeClass('selected');
            $('.ui-layout-center').attr('id','reposted_funnel');
          }
          else{
            $(options).parent().find('li.wrapper').hide();
            ArchiveParamClear();
            AddMoodTag("Repostes");
          }
          if(isShow(options)){$(options).slideUp();}
          _case = REPOSTED_LINE;
          changeTimeLine(_case);
        }
      break;
      case 'posts':
        if(Playing.viewMode != SINGLE){
          Blocking();
          if (Playing.viewMode==DASHBOARD){
            resetOption();
            $('.ui-layout-center').attr('id','my_funnel');
              if(!isShow(options)){
              $(options).slideDown('slow',function(){$(options + ' > ul > li:gt(0)').fadeIn('slow');});
            }
            else{
              $(options + ' > ul > li:gt(0)').fadeIn('slow');
            }
            $('#only_my_post').attr('checked',true);
            $('#except_my_post').attr("disabled","disabled");
            Playing.filter = $('#except_my_post,#only_my_post').filter(":checked").val();
            _case = MY_POSTS_LINE;
          }
          else{
            $(options).parent().find('li.wrapper').show();
            $(options).show();
            _case = ARCHIVE_LINE;
            ArchiveParamClear();
            AddMoodTag("");
          }
          changeTimeLine(_case);
        }
      break;
      case 'loved':
        Blocking();
        $.post("/friend/followe_list",{name:name}, function(data){
          $('#modal_window').html(data).fadeIn('slow',function(){
            unBlocking();
            FriendInit();
            calculateContent();
           });
        });
      break;
    }
  });

}

function leftColumnInit(){
  userStateInit();

  var options = '#play_options';
  $('#tunes > ul > li > a').click(function(){
    Blocking();
    resetOption();
    var type = $(this).parent().attr('id');
    $(this).parent().siblings().removeClass('selected');
    $(this).parent().addClass('selected');
    switch(type){
    case 'my':
      $('.ui-layout-center').attr('id','my_funnel');
      AddMoodTag('my_funnel');
      if(!isShow(options)){
        $(options).slideDown('slow',function(){$(options + ' > ul > li:gt(0)').fadeIn('slow');});
      }
      else{
        $(options + ' > ul > li:gt(0)').fadeIn('slow');
      }
      _case = MY_LINE;
      changeTimeLine(_case);
    break;
    case 'public':
      AddMoodTag('public');
      $('.ui-layout-center').attr('id','public_funnel');
      if(!isShow(options)){
        $(options).slideDown('slow',function(){$(options + ' > ul > li:gt(0)').fadeOut('slow');});
      }
      else{
        $(options + ' > ul > li:gt(0)').fadeOut('slow');
      }
      _case = PUBLIC_LINE;
      changeTimeLine(_case);
    break;
    case 'mood':
      $('.ui-layout-center').attr('id','mood');
      if(isShow(options)){$(options).slideUp();}
      _case = MOOD_LINE;
      changeTimeLine(_case);
    break;
    case 'hype':
      AddMoodTag('hype');
      $('.ui-layout-center').attr('id','y-hype_funnel');
      _case = HYPE_LINE;
      if(isShow(options)){$(options).slideUp();}
      changeTimeLine(_case);
    break;
    case 'replied':
      AddMoodTag('replied');
      $('.ui-layout-center').attr('id','replied_funnel');
      _case = REPLIED_LINE;
      if(isShow(options)){$(options).slideUp();}
      changeTimeLine(_case);
    break;
    }
  });

}

function changeTimeLine(line){
  var query;
  var params = '&limit='+Playing.page*10;
  params += '&filter='+Playing.filter;
  params += '&song_keyword='+Playing.keyword;
  params += '&playing_page='+Playing.page;
  params += "&tag="+Playing.mood;

  if(Playing.nowcase == line && Playing.id){
    if(Playing.shuffle == true){
      $('#shuffle').attr('checked',true);
      params += '&ids='+PlayList;
    }
    switch(Playing.filter){
    case '1':
      $('#except_my_post').attr('checked',true);
      $('#only_my_post').attr("disabled","disabled");
    break;
    case '2':
      $('#only_my_post').attr('checked',true);
      $('#except_my_post').attr("disabled","disabled");
    break; 
    }
    if(Playing.keyword){
      $('#song_keyword').val(Playing.keyword);
      $('#song_keyword-1 > .inputSearch').show();
      $('#song_keyword-1 > .placeholder').hide();
    }
    query = 'case='+line+params ;
  }
  else{ 
    if(line == MY_POSTS_LINE){
      query = 'case='+line+'&filter=2';
    }
    else{
      query = 'case='+line;
    }
  }

  if(Playing.viewMode == ARCHIVE){
    var controller = "archive";
    query += '&name='+Playing.name;
  }
  else{
    var controller = "post";
  }

  $.ajax({data:query, dataType:'script', type:'post', url:'/'+controller+'/list',
      success :function(data){
        setPlayingLine(line);
        unBlocking();
    }
  });
}

function setPlayingLine(line){
  if(Playing.nowcase == line && Playing.id){
    //$('.post_elements:eq(0) > li[pid='+Playing.id+'] > div').addClass('now_playing');
    $('.post_elements[listname="posts"] > li.track[pid='+Playing.id+'] > div').addClass('now_playing');
  }
}

function resetOption(){
  $('#play_options input:checkbox').attr('checked', false);
  $('#play_options input:checkbox').removeAttr('disabled');
  $('#song_keyword').val('');
  $('#song_keyword-1 > .inputSearch').hide();
  $('#song_keyword-1 > .placeholder').show();
}

function smartColumns(target,colwidth) { 

  $(target).css({ 'width' : "100%"});
  var colWrapW = $(target).width();
  var colNumW= Math.floor(colWrapW / colwidth);
  var colFixedW = Math.floor(colWrapW / colNumW);
  $(target).css({ 'width' : colWrapW});
  $(target+" > li").css({ 'width' : colFixedW}); 
}

function FriendInit(){
  ParentWindowFix();
}

function PostModComp(data,id){
  $('.post_elements[listname="posts"] > li.track[pid="'+id+'"]').replaceWith(data);
  var obj = $('.post_elements[listname="posts"] > li.track[pid="'+id+'"]');
  var num = $('.post_elements[listname="posts"] > li.track').index(obj);
  PostInit(id,num);
}

function PostComp(){
  $('#post_form').remove()
}

function PostAddComp(data){
  if(_case == MY_LINE || _case == PUBLIC_LINE){ 
    $('.post_elements[listname="posts"] > li.track:first').before(data);
    if($('.post_elements[listname="posts"] > li.track').length > 10){
      $('.post_elements[listname="posts"] > li.track:last').remove();
    }
    PostInit($('.post_elements[listname="posts"] > li.track:first').attr('pid'),0);
  }
}

function ReplyAddComp(data,id,cnt){
  $('.post_elements[listname="posts"] > li.track[pid="'+id+'"]').find('ol.notes > li:last').after(data);
  $('.post_elements[listname="posts"] > li.track[pid="'+id+'"]').find('div.note > a').html(cnt+'<span>note</span>');
}

function ReplyModComp(data,id,lid){
  $('.post_elements[listname="posts"] > li.track[pid="'+id+'"]').find('ol.notes > li[lid="'+lid+'"]').replaceWith(data);
}

function showSettingWindow(){
  Blocking();
  $.post("/setting",
    function(data){
      unBlocking();
      ParentWindowFix();
      $('#modal_window').html(data).fadeIn();
        calculateContent();
    });
}

function showFindUserWindow(){
  Blocking();
  $.get("/search/user",
    function(data){
      unBlocking();
      ParentWindowFix();
      $('#modal_window').html(data).fadeIn('slow',function(){
        $("input#f_user_name-keyword").inputSearch({"placeholder": "Enter user name"});
        $('.scroll-pane').scrollTop(0);
        FindUserInit();
        calculateContent();
      });
    });
}

function showGoodiesWindow(){
  Blocking();
  $.get("/util/bookmarker",
    function(data){
      unBlocking();
      ParentWindowFix();
      $('#modal_window').html(data).fadeIn();
        calculateContent();
    });
}

function modalClose(){
  ParentWindowRelease();
  $('#modal_window').fadeOut(function(){$('.modal_container').remove();});
}

function isShow(obj){
  return ($(obj).css('display') == "none")? false : true;
}

function post_slide(num){
  var target = $('.post_elements[listname="posts"] > li.track').eq(num);
  //var target = $('.post_elements:eq('+num+')');
  var header = $('.ui-layout-north');
  if (target.offset()){
    $('html,body').animate({scrollTop: target.offset().top - header.height()}, 500, 'expoinout');
  }
}

function block_slide(num){
  var target = $('#page_'+(parseInt(num)+1));
  var header = $('.ui-layout-north');
  if (target.offset()){
    $('html,body').animate({scrollTop: target.offset().top - header.height()}, 500, 'expoinout');
  }
}

function resetList(){
  $('.post_elements[listname="posts"]').remove();
  $('.ui-layout-center').find('div.page').remove();
}

function resetPagination(){
  if (Playing.idx && _case == Playing.nowcase &&
    $('.post_elements[listname="posts"] > li').eq(Playing.idx).attr('pid') == Playing.id){
    post_slide(Playing.idx);
  }
  else{
      $('html,body').animate({scrollTop: 0}, 500, 'expoinout');
  }
}

function createPlayer(){

  if(Playing.sec > 0){
    $("#slider").slider({
      orientation: "horizontal",
      animate: true,
      min: 0,
      max: SLIDER_W - 6,
      slide: function(event, ui) {
        onSeek(ui.value);
      }
    });
    $("#slider").prepend('<div id="slider-bg"></div><div id="loadingbar" style="0px;"></div>');
    $("#slider > a > div").attr('id','position_toggle');
  }
  else{
    $("#slider").prepend('<div id="slider-bg"></div><div id="loadingbar" style="0px;"></div>');
  }
}

function buildPlayList(){
  if(Playing.nowcase == _case){
    PlayList = [];
    //$('.post_elements:eq(0) > li').each(function(){
    $('.post_elements[listname="posts"] > li.track').each(function(){
      PlayList.push(parseInt($(this).attr('pid')));
    });
  }

}

function addPlayList(arr){
  for(i=0; i<arr.length; i++){
    PlayList.push(parseInt(arr[i]));
  }
}

function getNextTrack(){
  Blocking();
  var num = PlayList.indexOf(Playing.id);
  //if(PlayList[num+1] && $('.post_elements:eq(0) > li[pid="'+PlayList[num+1]+'"]')){
  if(PlayList[num+1] && $('.post_elements[listname="posts"] > li.track[pid="'+PlayList[num+1]+'"]')){
    Playing.idx = num+1;
    onLoad(PlayList[num+1]);
  }
  else{
    if(Playing.viewMode == ARCHIVE){
      getNextPageList('archive',num,'&name='+Playing.name);
    }
    else if(Playing.viewMode == SINGLE){
      onLoad(PlayList[Playing.idx]);
    }
    else if(Playing.viewMode == HISTORY){
      Playing.idx = 0;
      onLoad(PlayList[0]);
    }
    else if(Playing.viewMode == CHANNEL){
      getNextPageList('channel',num,'');
    }
    else{
      getNextPageList('post',num,'&case=+'+Playing.nowcase);
    }
  }
}

function getNextPageList(controller,num,params){
  if(Playing.total_count-1 > Playing.idx){
  //if($('#post_pager > a').attr('class')){
    var next_page = Math.floor(PlayList.length / 10 ) + 1;
    var method = (Playing.nowcase == _case)? 'next_list' : 'auto_next_list';
    var params = 'page='+next_page+params;
    $.ajax({
      data:params,
      dataType:'script', 
      type:'post', 
      url:'/'+controller+'/'+method,
      success: function(data){
        buildPlayList();
        var pid = PlayList[(next_page - 1) * 10];
        /*
        if((Playing.nowcase == _case){
          Playing.page = $('.post_elements[listname="posts"]').length;
        }else{
        }
        */
        Playing.page = Playing.page+1;
        Playing.idx = num+1;
        onLoad(pid);
      }
    });
  }
  else{
    Playing.idx = 0;
    onLoad(PlayList[0]);
  }
}

function getPrevTrack(){
  Blocking();
  var num = PlayList.indexOf(Playing.id);
  if(num > 0){
    Playing.idx = num-1;
    onLoad(PlayList[num-1]);
  }
}

function isDead(id){
}

function setLoadPosition(pos){
  $('#loadingbar').width(SLIDER_W * pos);
}

function setPlayTime(pos){
  $('#position_toggle').css('left',(100 * pos)+"px");
}


function Blocking(div){
  if(div){
    $(div).unblock({fadeOut:0}).block({ message: '<p>Now loading ...</p><a href="javascript:void(0);"; onclick="$(\''+div+'\').unblock();" >cancel.</a>', css: { border:'3px solid #696969', color:'#ff6699' } });
  }
  else{
    /*
    var str = '<div id="alert" class="modal_container"><h4>Now Loading ...</h4><div class="close_m-window"><a href="javascript:void(0);";  title="close"  onclick="$.unblockUI();" >Cancel</a></div></div>';
    $.blockUI({ message: str, css: { border:'3px solid #696969', color:'#ff6699'  } });
    */
    var str = '<div id="alert" class="modal_container"><h4>Now Loading ...</h4><div class="close_m-window"><a href="javascript:void(0);" title="close" onclick="unBlocking();">Cancel</a></div></div>';
    $('#loading_area').html(str);
    $('#loading_area').show();
  }
}

function unBlocking(div){
  if(div){
    $(div).unblock();
  }
  else{
    //$.unblockUI();
    $('#loading_area').html('');
    $('#loading_area').hide();
  }
}

function HistoryBioInit(id){
  var idx = $('#block_view > li').index($('li[pid="'+id+'"]'));
  $('li[pid="'+id+'"]').find('.bio > a').click(function(){
    $.ajax({data:'id='+id+'&idx='+idx, dataType:'html', type:'post', url:'/history/bio',success :function(data){
      $('li[pid="'+id+'"] > div.wrapper').hide();
      $('li[pid="'+id+'"]').attr('class','bio-mode');
      $('li[pid="'+id+'"] > div.wrapper').after(data);
      smartColumns('ul.post_elements[listname="posts"]','220');
    }}); 
  });
}

function CloseHistoryBio(id){
  var track = $('li[pid="'+id+'"]');
  $('li[pid="'+id+'"] > div.wrapper:eq(0)').show();
  $('li[pid="'+id+'"] > div.wrapper:eq(1)').remove();
  $('li[pid="'+id+'"]').attr('class','track');
  smartColumns('ul.post_elements[listname="posts"]','220');
}

function ArchiveParamClear(){
  $('#shuffle').attr('checked',false);
  $('#song_keyword').val("");
}

function AddMoodTag(tag){
  $('#nowmood').html(tag);
}

function ParentWindowFix(){
  if($.browser.safari){
    $('body').css('overflow','hidden');
  }
  else{
    if(Playing.viewMode == DASHBOARD){
      var target = $('.ui-layout-center');
      var scroll_pos = $(window).scrollTop();
      $(target).css('top','-'+scroll_pos+'px');
      $(target).css('position','fixed');
      $('.ui-layout-east').css('position','fixed');
    }
  }
}

function ParentWindowRelease(){
  if($.browser.safari){
    $('body').css('overflow','scroll');
  }
  else{
    if(Playing.viewMode == DASHBOARD){
      var target = $('.ui-layout-center');
      var scroll_pos = $(target).offset().top * -1;
      $(target).css('top','');
      $(target).css('position','');
      $('.ui-layout-east').css('position','');
      var head = $('.ui-layout-north').height();
      $('html,body').scrollTop(scroll_pos+head);
    }
  }
}

function FriendPagerComp(div){
}

$(window).keydown(function(e){
    if(Playing.id && !formElement[e.target.tagName.toLowerCase()]){
      var kCode = e.charCode || e.keyCode || 0;
      switch(kCode){
      //アップ
        case 187:
          changeKeyVolume('UP');
        break;
        case 107:
          changeKeyVolume('UP');
        break;
      //ダウン
        case 189:   
          changeKeyVolume('DOWN');
        break;
        case 109:    
          changeKeyVolume('DOWN');
        break;
        case 39:     
          getNextTrack();
        break;
        case 37:     
          getPrevTrack();
        break;
        case 32: 
          if(getFunnelStatus() == STATUS_PLAY){
            onPause();
          }
          else{
            onPlay();
          }
          return false;
        break;
        default:
      }
    }
    else if(!formElement[e.target.tagName.toLowerCase()]){
      var kCode = e.charCode || e.keyCode || 0;
      if(kCode=="8"){
        return false;
      }
    }
});

function changeOnVolume(val){

  Playing.volume = 100 - val;

  $('#volume').attr('class','');
  if(val == 100){
    $('#volume').addClass('level0');
  }
  else if(val > 60){
    $('#volume').addClass('level1');
  }
  else if(val > 30){
    $('#volume').addClass('level2');
  }
  else{
    $('#volume').addClass('level3');
  }

  if(Playing.file_type == TRACK_YOUTUBE){
    setVolume(100 - val);
  }
  else{
    FunnelPlayer.setVolume(100 - val);
  }

}

function changeKeyVolume(mode){
  var nowV = $("#volume-slider").slider("value");
  /*
  $("#volume-slider").slider("value",10);
  
  if(mode == 'UP'){
    var after = nowV - 10; 
    if(after > 0){
      $("#volume-slider").slider("value",after);
    } 
  }
  else if(mode == 'DOWN'){
    var after = nowV + 10; 
    if(after < 100){
      changeOnVolume(after);
      $("#volume-slider").slider("value",after);
    } 
  }
  */
}

//modalwindow の高さ取得
function calculateContent() {
  contentAreaHeight = null;
  var contentAreaHeight = $(".modal_container").height();
  $(".scroll-pane").css("height", contentAreaHeight-24);
  //検索窓には影響させないため
  $('#overlap').find('.scroll-pane').height('');
  $(".modal_container").css("margin-top", 0-contentAreaHeight/2-34);
}

//post controll ///////////////////////////////////////
function postCancelBtn(){
  if($('#search_result_list').find('tr').length > 0){
    $('#post_form').remove();
    $('#search_result').fadeIn('fast',function(){
        onThumbReady();
    });
  }
  else{
    searchPostClose();
  }
}

function searchPostClose(){
  onThumbClose();
  if(getFunnelStatus() == STATUS_PAUSE) onPlay();
  $('#overlap').fadeOut();
  $('#scroll_area > *').remove();
  ParentWindowRelease();
}

function searchPostBack(){
  $('#post_form').remove();
  $('#search_result').fadeIn('fast',function(){
      onThumbReady();
  });
}


function getFunnelThumbStatus(){
  if(Playing.thumb_file_type == TRACK_YOUTUBE){
    return ThumbGetPlayerState();
  }
  else{
    if(FunnelThumbPlayer){
      return FunnelThumbPlayer.getPlayerState();
    }
    else{
      return -1;
    }
  }
}

function onThumbLoad(id){
  if(thumb_id != id){
    onThumbClose();
    $('#search_result_'+thumb_id+' > td.track_title > a:eq(0)').show();
    $('#search_result_'+thumb_id+' > td.track_title > a:eq(1)').hide();
    thumb_id = id;
    var obj = $('#search_result_'+id);
    Playing.thumb_file_type = obj.attr('file');
    Playing.thumb_yid = obj.attr('yid');
    onPause();
    onThumbReady();

    if(Playing.thumb_file_type == TRACK_YOUTUBE){
      ThumbLoadNewVideo(Playing.thumb_yid, 0);
      $('#ThumbPlayBtn').html('<img src="/images/btn-stop-search_result.png">');
    }
    else{
      if (!FunnelThumbPlayer){FunnelThumbPlayer = ($.browser.msie) ?  window['externalFunnelThumb'] : document['externalFunnelThumb'];}
      FunnelThumbPlayer.onLoad(id);
    }
  }
  else{
    onThumbPlay();
  }
}

function thumbHide(){
  $('#externalFunnelThumb').attr('height','1');
  $('#externalFunnelThumb').attr('width','1');
  $('#ThumbFunnelYTplayer').attr('height','1');
  $('#ThumbFunnelYTplayer').attr('width','1');
  $("#thumbPlayerArea").css('top','0px');
}

function thumbCPlay(id){
  var obj = $('#search_result_'+id+' > td.track_title');
  obj.find('a:eq(0)').hide();
  obj.find('a:eq(1)').show();
}

function thumbCPause(id){
  var obj = $('#search_result_'+id+' > td.track_title');
  obj.find('a:eq(0)').show();
  obj.find('a:eq(1)').hide();
}

function onThumbClose(){
  thumb_id = null;
  Playing.thumb_yid = null;
  Playing.thumb_file_type = null;
  $('#ThumbPlayBtn').html('');
  $('#externalFunnelThumb').attr('height','1');
  $('#externalFunnelThumb').attr('width','1');
  $('#ThumbFunnelYTplayer').attr('height','1');
  $('#ThumbFunnelYTplayer').attr('width','1');
  $("#thumbPlayerArea").css('top','0px');
  $('#search_result_list').find('.track_title > a:eq(0)').show();
  $('#search_result_list').find('.track_title > a:eq(1)').hide();
  if(getFunnelThumbStatus()){
    ThumbStop();
    if(FunnelThumbPlayer) FunnelThumbPlayer.onClose();
  }
}

function onThumbReady(){
  if (thumb_id){
    if(Playing.thumb_file_type == TRACK_YOUTUBE){
      $('#ThumbFunnelYTplayer').attr('height','60');
      $('#ThumbFunnelYTplayer').attr('width','76');
    }
    else{
      $('#externalFunnelThumb').attr('height','60');
      $('#externalFunnelThumb').attr('width','80');
    }
    var page = $('#search_result_'+thumb_id).attr('p');
    var t = (page * 22 ) + (thumb_id * 61); 
    $("#thumbPlayerArea").css('top', t);
  }
}

function onThumbPlay(){
  if (getFunnelThumbStatus() == STATUS_PAUSE){
    if(Playing.thumb_file_type == TRACK_YOUTUBE){
      $('#ThumbPlayBtn').html('<img src="/images/btn-stop-search_result.png">');
      ThumbPlay();
      thumbCPlay(thumb_id);
    }
    else{
      FunnelThumbPlayer.onPlay();
    }
  }
}

function onThumbPause(){
  if (getFunnelThumbStatus() == STATUS_PLAY){
    if(Playing.thumb_file_type == TRACK_YOUTUBE){
      $('#ThumbPlayBtn').html('<img src="/images/btn-play-search_result.png">');
      ThumbPause();
      thumbCPause(thumb_id);
    }
    else{
      FunnelThumbPlayer.onPause();
    }
  }
}

/////////////////////////////////////////////////////////////////
//FunnelPlayer
/////////////////////////////////////////////////////////////////

function getFunnelStatus(){
  if(Playing.file_type == TRACK_YOUTUBE){
    return getPlayerState();
  }
  else{
    if(FunnelPlayer){
      return FunnelPlayer.getPlayerState();
    }
  }
}

function onLoad(post_id){

  $.post("/track/player/"+post_id,
    function(data){
      if(data == "false"){
        var obj = $('.post_elements[listname="posts"] > li.track[pid="'+post_id+'"]').find('h3.track_title > a')
        var str = "<s>"+obj.html()+"</s>";
        obj.html(str);
        Playing.id = parseInt(post_id);
        getNextTrack();
        unBlocking();
      }
      else{
        $('.ui-layout-south').html(data).fadeIn('fast',function(){
        $('div.ui-layout-south,div#video,div#volume-wrap').exFixed();
        var obj = $('#main_player');
        Playing.file_type = obj.attr('file');
        Playing.yid = obj.attr('yid');
        Playing.sec = obj.attr('sec');

        onClose();
        if(Playing.file_type == TRACK_YOUTUBE){
          loadNewVideo(Playing.yid, 0);
        
          $('#externalFunnelPlayer').height('1px');
          $('#funnelYTplayer').height('144px');
        }
        else{
          $('#externalFunnelPlayer').height('144px');
          $('#funnelYTplayer').height('1px');
          if (!FunnelPlayer){
            FunnelPlayer = ($.browser.msie) ?  window['externalFunnelPlayer'] : document['externalFunnelPlayer'];
          }
          FunnelPlayer.onLoad(post_id,Playing.volume);
        }
        Playing.id = parseInt(post_id);

        //$('.post_elements:eq(0) > li > div').removeClass('now_playing');
        $('.post_elements[listname="posts"] > li.track > div').removeClass('now_playing');
        setPlayingLine(_case);
        PlayerInit(post_id);
        })
      }
    });
}

function onPlay(){
  if(Playing.file_type == TRACK_YOUTUBE){
    play();
  }
  else{
    FunnelPlayer.onPlay();
  }
  $('#btn-play').removeClass('stop');
  $('#btn-play').addClass('playing');
}

function onPause(){
  if (getFunnelStatus() == STATUS_PLAY){
    if(Playing.file_type == TRACK_YOUTUBE){
      pause();
    }
    else{
      FunnelPlayer.onPause();
    }
    $('#btn-play').removeClass('playing');
    $('#btn-play').addClass('stop');
  }
}

function onClose(){
  stop();
  if(FunnelPlayer) FunnelPlayer.onClose();
}

function onSeek(value){
  if(Playing.file_type == TRACK_YOUTUBE){
    seekTo((value/SLIDER_W) * getDuration());
  }
  else{
    if (FunnelPlayer.getBytesLoaded() / FunnelPlayer.getBytesTotal() > value/SLIDER_W){
      if(FunnelPlayer.getDuration() > 0){
        FunnelPlayer.onSeek(value/SLIDER_W);
      }
    }
  }
}

////////////////////////////////////////////////////////////////////////
//yotuube
////////////////////////////////////////////////////////////////////////
function onYouTubePlayerReady(playerId) {
  if(playerId == "Funnel"){
    ytplayer = document.getElementById("funnelYTplayer");
    setInterval(updateYTplayer, 250);
    updateYTplayer();
    ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
    ytplayer.addEventListener("onError", "onPlayerError");
  }
  if(playerId == "Thumb"){
    ThumbYtplayer = document.getElementById("ThumbFunnelYTplayer");
    setInterval(ThumbUpdateYTplayer, 250);
    ThumbUpdateYTplayer();
    ytplayer.addEventListener("onStateChange", "ThumbOnytplayerStateChange");
    ytplayer.addEventListener("onError", "ThumbOnPlayerError");
    $('#thumbPlayerArea').mouseover(function(){
        $('#ThumbPlayBtn').show();
        });
    $('#thumbPlayerArea').mouseout(function(){
        $('#ThumbPlayBtn').hide();
        });

    $('#thumbPlayerArea').toggle(
        function(){
          onThumbPause();
        },
        function(){
          onThumbPlay();
        }
    );
  }
}

function onytplayerStateChange(newState) {
}

function onPlayerError(errorCode) {
}

function updateYTplayer() {
  if(getPlayerState() == STATUS_PLAY || getPlayerState == STATUS_PAUSE){
    setLoadPosition(getBytesLoaded()/getBytesTotal());
    setPlayTime(getCurrentTime()/getDuration());
  }
  else if(getPlayerState() == STATUS_BUFF){
    NEXT_FLG = true;
  }
  else if(getPlayerState() == STATUS_CUE){
  }
  else if(getPlayerState() == STATUS_END){
    //多重再生防止
    if(NEXT_FLG){
      getNextTrack();
    }
    NEXT_FLG = false;
  }
}

function loadNewVideo(id, startSeconds) {
  if (ytplayer) {
    ytplayer.loadVideoById(id, parseInt(startSeconds));
  }
  unBlocking();
}

function cueNewVideo(id, startSeconds) {
  if (ytplayer) {
    ytplayer.cueVideoById(id, startSeconds);
  }
}

function play() {
  if (ytplayer) {
    ytplayer.playVideo();
  }
}

function pause() {
  if (ytplayer) {
    ytplayer.pauseVideo();
  }
}

function stop() {
  if (ytplayer) {
    ytplayer.stopVideo();
  }
}

function getPlayerState() {
  if (ytplayer) {
    return ytplayer.getPlayerState();
  }
}

function seekTo(seconds) {
  if (ytplayer) {
    ytplayer.seekTo(seconds, true);
  }
}

function getBytesLoaded() {
  if (ytplayer) {
    return ytplayer.getVideoBytesLoaded();
  }
}

function getBytesTotal() {
  if (ytplayer) {
    return ytplayer.getVideoBytesTotal();
  }
}

function getCurrentTime() {
  if (ytplayer) {
    return ytplayer.getCurrentTime();
  }
}

function getDuration() {
  if (ytplayer) {
    return ytplayer.getDuration();
  }
}

function setVolume(newVolume) {
  if (ytplayer) {
    ytplayer.setVolume(newVolume);
  }
}

function getVolume() {
  if (ytplayer) {
    return ytplayer.getVolume();
  }
}

function clearVideo() {
  if (ytplayer) {
    ytplayer.clearVideo();
  }
}

////////////////////////////////////////////////////////////////////////
//yotuube Thumb
////////////////////////////////////////////////////////////////////////

function ThumbOnytplayerStateChange(newState) {
}

function ThumbOnPlayerError(errorCode) {
}

function ThumbUpdateYTplayer() {
}

function ThumbLoadNewVideo(id, startSeconds) {
  if (ThumbYtplayer) {
   ThumbYtplayer.loadVideoById(id, parseInt(startSeconds));
  }
}

function ThumbPlay() {
  if (ThumbYtplayer) {
    ThumbYtplayer.playVideo();
  }
}

function ThumbPause() {
  if (ThumbYtplayer) {
    ThumbYtplayer.pauseVideo();
  }
}

function ThumbStop() {
  if (ThumbYtplayer) {
    ThumbYtplayer.stopVideo();
  }
}

function ThumbGetPlayerState() {
  if (ThumbYtplayer) {
    return ThumbYtplayer.getPlayerState();
  }
}

function ThumbClearVideo() {
  if (ThumbYtplayer) {
    ThumbYtplayer.clearVideo();
  }
}