var dc = function(a){	return document.createElement(a);};
var noaswitch = 1;//0:off,1:on.

//*************************//
//****	 program_list   ***//
//*************************//
$(function(){
  $('div.pentrywrap:even').css({"background":"transparent url(../../common/theme/basic/image/bg_multi_long_2.gif) 0 0 repeat-x"});
  $('div.pentrywrap p.progdesc:even').css({"background":"transparent url(../../common/theme/basic/image/bg_multi_long.gif) 0 0 repeat-x"});
});


//********************//
//****	 program   ***//
//********************//
$(function(){
  $('table.timesch tr:even').css("background", "#fff1e9");
  $('table.pdata tr:even').css("background", "#fffaf0");
});


//********************//
//****	 special   ***//
//********************//
$(function(){
  $('#special_1 dd').hide();
  $('#special_1 dt.acti').next().show();
  $('#special_2 dd').hide();
  $('#special_2 dt.acti').next().show();
  $('#special_1 dt').hover(function(){$(this).addClass('over');},function(){$(this).removeClass('over');})
  .click(function(){$('#special_1 dt').removeClass('acti');$('#special_1 dd').hide();$(this).next().show();$(this).addClass('acti');});
  $('#special_2 dt').hover(function(){$(this).addClass('over'); },function(){$(this).removeClass('over');})
  .click(function(){$('#special_2 dt').removeClass('acti');$('#special_2 dd').hide();$(this).next().show();$(this).addClass('acti');});
});


//**********************//
//****	 blogparts   ***//
//**********************//
$(function(){
  $('.bloglist li').hover(function(){$(this).addClass('over');$(this).css('cursor','pointer');},function(){$(this).removeClass('over')})
  .click(
    function(){
      $('.bloglist li.acti').removeClass('acti');$(this).addClass('acti');
      $('div.feedarea').hide();
      target = $(this).attr('id').replace('_blog','') + '_feed';
      $('div#' + target).show();
    }
  );

});

//*********************//
//****	 songlist   ***//
//*********************//
$(function(){
  $('div.songlist ul li').css({'padding':'3px 10px;'});
  $('div.songlist ul li:odd').css({'background':'#f8f5f6;'});

});






//***********************//
//****	 genreparts   ***//
//***********************//

var genrp = '/common/js/include/genrep';
$(function(){
  var Gs = Cget('Gser');
  var Ga = Cget('Gare');
  //var Gc = Cget('Gch');
  var Automode = Cget('Noa_auto');
  if(Gs != null || Ga != null){
    $('.servicelist li.acti').removeClass('acti');
    if(Gs == 'cable'){	$('.servicelist li').eq(0).addClass('acti');	}
    else if(Gs == 'businessdiva'){	$('.servicelist li').eq(1).addClass('acti');	}
    else if(Gs == 'spacediva'){ $('.servicelist li').eq(2).addClass('acti');	}
    else if(Gs == null){	Gs = 'cable';	$('.servicelist li').eq(0).addClass('acti');	}
    if(Ga != null){
      if(Ga.indexOf('スタンダード') != -1 || Ga.indexOf('ライト') != -1){		$('.plantab li.acti').removeClass('acti');	$('.plantab li').eq(0).addClass('acti');	}
      else if(Ga.indexOf('デラックス') != -1 || Ga.indexOf('ベーシック') != -1){	$('.plantab li.acti').removeClass('acti');	$('.plantab li').eq(1).addClass('acti');	}
      else if(Ga.indexOf('マキシマム') != -1 || Ga.indexOf('プレミアム') != -1){	$('.plantab li.acti').removeClass('acti');	$('.plantab li').eq(2).addClass('acti');	}
      else if(Ga.indexOf('北海道') != -1){	$('.areatab li.acti').removeClass('acti');	$('.areatab li').eq(0).addClass('acti');	}
      else if(Ga.indexOf('東　北') != -1){	$('.areatab li.acti').removeClass('acti');	$('.areatab li').eq(1).addClass('acti');	}
      else if(Ga.indexOf('新　潟') != -1){	$('.areatab li.acti').removeClass('acti');	$('.areatab li').eq(2).addClass('acti');	}
      else if(Ga.indexOf('関　東') != -1){	$('.areatab li.acti').removeClass('acti');	$('.areatab li').eq(3).addClass('acti');	}
      else if(Ga.indexOf('中　部') != -1){	$('.areatab li.acti').removeClass('acti');	$('.areatab li').eq(4).addClass('acti');	}
      else if(Ga.indexOf('関　西') != -1){	$('.areatab li.acti').removeClass('acti');	$('.areatab li').eq(5).addClass('acti');	}
      else if(Ga.indexOf('中　国') != -1){	$('.areatab li.acti').removeClass('acti');	$('.areatab li').eq(6).addClass('acti');	}
      else if(Ga.indexOf('四　国') != -1){	$('.areatab li.acti').removeClass('acti');	$('.areatab li').eq(7).addClass('acti');	}
      else if(Ga.indexOf('九　州') != -1){	$('.areatab li.acti').removeClass('acti');	$('.areatab li').eq(8).addClass('acti');	}
      else if(Ga.indexOf('沖　縄') != -1){	$('.areatab li.acti').removeClass('acti');	$('.areatab li').eq(9).addClass('acti');	}

    }
    //if(Gs != 'cable' && Ga.indexOf('関　東') == -1){ genreget(Gs,Ga);	}
    if(Ga.indexOf('関　東') == -1){ genreget(Gs,Ga);	}
    if($('div.onairform').length > 0 && noaswitch == 1){channelselector(Gs,Ga);}
  }else{
    var acti_service_tab = $('ul.servicelist li.acti').attr('id');
    if(acti_service_tab && acti_service_tab.indexOf('cable') != -1){
      if($('div.onairform').length > 0 && noaswitch == 1){channelselector('cable',$('ul.areatab li.acti').html());}
    }else{
      if($('div.onairform').length > 0 && noaswitch == 1){channelselector('spacediva',$('ul.plantab li.acti').html());}
    }
  }
  if($('div.onairform').length > 0){
    if(Automode == 'on'){
      $('input#autoupdateflag').attr('checked','checked');
    }else if(Automode == 'off'){
      $('input#autoupdateflag').attr('checked','');
    }
  }

  $('a').focus(function(){ this.blur();});
  $('.servicelist li').hover(function(){$(this).addClass('over');$(this).css('cursor','pointer');},function(){$(this).removeClass('over')})
  .click(function(){
    if($(this).attr('id').indexOf('cable') != -1){
      //alert($('ul.areatab li.acti').html());
      genreget($(this).attr('id'),'関　東');
      if($('div.onairform').length > 0 && noaswitch == 1){channelselector($(this).attr('id'),'関　東');}
      $('.areatab li.acti').removeClass('acti');
      $('.areatab li').eq(3).addClass('acti');
      Cset('Gare','関　東','10000');
    }else if($(this).attr('id').indexOf('business') != -1){
      genreget($(this).attr('id'),'ライト');
      //alert($('ul.plantab li.acti').html());
      if($('div.onairform').length > 0 && noaswitch == 1){channelselector($(this).attr('id'),'ライト');}
      $('.plantab li.acti').removeClass('acti');
      $('.plantab li').eq(0).addClass('acti');
      Cset('Gare','ライト','10000');
    }else if($(this).attr('id').indexOf('space') != -1){
      genreget($(this).attr('id'),'スタンダード');
      //alert($('ul.plantab li.acti').html());
      if($('div.onairform').length > 0 && noaswitch == 1){channelselector($(this).attr('id'),'スタンダード');}
      $('.plantab li.acti').removeClass('acti');
      $('.plantab li').eq(0).addClass('acti');
      Cset('Gare','スタンダード','10000');
    }
    $('input#noa_default_flag').val('1');
    Cset('Gser',$(this).attr('id').replace('servicelist_',''),'10000');
    $('.servicelist li.acti').removeClass('acti');$(this).addClass('acti');
  });
  $('.areatab li').hover(function(){$(this).addClass('over');$(this).css('cursor','pointer');},function(){$(this).removeClass('over')})
  .click(function(){$('input#noa_default_flag').val('1');channelselector('cable',$(this).html());genreget('',$(this).html());Cset('Gare',$(this).html(),'10000');$('.areatab li.acti').removeClass('acti');$(this).addClass('acti');});
  $('.plantab li').hover(function(){$(this).addClass('over');$(this).css('cursor','pointer');},function(){$(this).removeClass('over')})
  .click(function(){$('input#noa_default_flag').val('1');channelselector('spacediva',$(this).html());genreget('',$(this).html());Cset('Gare',$(this).html(),'10000');$('.plantab li.acti').removeClass('acti');$(this).addClass('acti');});
  $('.genrelist li').hover(function(){$(this).addClass('over');$(this).css('cursor','pointer');},function(){$(this).removeClass('over')});
  $('.genrelist li.button').click(function(){$('ul.genrelist').toggle();});
});

function genreget(serv,areaname){
  $('.genrelist').eq(0).before('<div class="loading"><img src="/common/theme/basic/image/ui/processing.gif" width="16" height="16" alt="Now Loading..." class="vam" />&nbsp;Now loading...</div>');
  $('.genrelist').css({'opacity':'0.4'});
  if(serv == ''){
    serv = $('.servicelist li.acti').attr('id');
  }
  var service = serv.replace('servicelist_','');
  if(service == 'cable'){
    if(areaname == ''){
      areaname = $('.areatab li.acti').html();
    }
    area = areaname;
    $('ul.areatab').show();
    $('ul.plantab').hide();
  }else{
    $('ul.areatab').hide();
    if(service == 'spacediva'){
      $('ul.plantab li').eq(0).html('スタンダード');
      $('ul.plantab li').eq(1).html('デラックス');
      $('ul.plantab li').eq(2).html('マキシマム');
    }else if(service == 'businessdiva'){
      $('ul.plantab li').eq(0).html('ライト');
      $('ul.plantab li').eq(1).html('ベーシック');
      $('ul.plantab li').eq(2).html('プレミアム');
    }
    if(areaname == ''){
      areaname = $('.plantab li.acti').html()
    }
    area = areaname;
    $('ul.plantab').show();
  }
  $.ajax({
    dataType:"text",
    type:"POST",
    url:genrp,
    data:{'service':service,'area':area},
    success:function(data){
      eval("var r = " + data);
      if(r.result){
	    target1 = $('ul.genrelist').eq(0);
	    target1_button = $('.genrelist li.button').eq(0).clone(true);
	    target2 = $('ul.genrelist').eq(1);
	    target2_button = $('.genrelist li.button').eq(1).clone(true);
	    cloned = $('.genrelist li').eq(0).clone(true);
	    target1.empty();
	    target2.empty();
	    genre = r.item;
	    for(i = 0; i < genre.length; i++){
	      newitem = cloned.clone(true);
	      href = '/guid/program/?genre=' + genre[i].md5 + '&s=' + service + '&area=' + areaname;
	      newitem.children().attr('href',href);
	      newitem.children().attr('title',genre[i].genre_name);
	      newitem.children().html(genre[i].genre_name + '(' + genre[i].genre_nums + ')');
	      if(i < 5){	target1.append(newitem.clone(true));	}
	      target2.append(newitem);
	    }//end for.
	    $('.genrelist').css({'opacity':'1'});
	    target1.append(target1_button);
	    target2.append(target2_button);
	    $('div.loading').remove();
      }else{
	    $('ul.genrelist').html('<li>申し訳ございませんが、現在ジャンルリストがご利用いただけません。<br />チャンネル内容は<a href="/guid/">こちら</a>からご確認下さい。</li>');
      }
    },
    error: function(){ $('ul.genrelist').html('<li>申し訳ございませんが、現在ジャンルリストがご利用いただけません。<br />チャンネル内容は<a href="/guid/">こちら</a>からご確認下さい。</li>');	}
  });//end ajax.

}

//**********************//
//****  Now On Air   ***//
//**********************//
$(function(){

  $('label[for=autoupdateflag]').live('click',function(){
    if($('input#autoupdateflag').attr('checked')){
      $('input#noa_default_flag').val('1');
      Cset('Noa_auto','on','10000');
      //alert('on');
      $('span#autoupdateflagtext').text('On');
    }else{
      Cset('Noa_auto','off','10000');
      //alert('off');
      $('span#autoupdateflagtext').text('Off');
    }
  });

  setInterval(
    function(){
      var default_flag = $('input#noa_default_flag').val();
      
      if($('input#autoupdateflag').attr('checked')){
        eval("var xxx = " + $('select#noa_chlist option:selected').eq(0).val())
	if(default_flag == 1){
	  $('input#noa_default_flag').val('0');
	}else{
	  $('input#noa_default_flag').val('2');
	}
	if(xxx){ noaresult(xxx);}
      }
    },30000);
  
});

var noach = '/common/js/include/noachlist';
var nowonair = '/common/js/include/nowonair';
//var nowonair = '/common/js/include/newnowonair';
function channelselector(s,ap,g){
  var t = $('div.onairform');
  t.eq(0).html('<div class="loading"><img src="/common/theme/basic/image/ui/processing.gif" width="16" height="16" alt="Now Loading..." class="vam" />&nbsp;Now loading...</div>');
  
  $.ajax({
    dataType:"json",
    type:"POST",
    url:noach,
    data:{'s':s,"ap":ap,"g":g},
    success:function(j){
      t.html('');
      if(j.result == 1){
        if(s == 'cable'){ var mess = '地域';	}else{ var mess = 'プラン';	}
        t.append($(dc('p')).html('※' + mess + '＞チャンネルを選択して下さい。'))
	.append($(dc('p')).append($(dc('select')).attr({'id':'noa_chlist','name':'noa_chlist'})));
        var sel = $('select#noa_chlist');
	var l = j.lists;
	for(i = 0; i < l.length; i++){
	  var z = l[i];
	  var opval = '{ch:"' + z.divach + '",host:"' + z.host + '",program:"' + z.program + '",link:"' + z.link + '",url:"' + z.url + '"}';
	  sel.append($(dc('option')).val(opval).html('[' + z.chname + 'ch]&nbsp;' + z.program + '&nbsp;-(' + z.genre + ')'));
	}
	sel.change(function(){
	  Cset('Gch',$(this).val(),'10000');
	  eval("var jj = " + $(this).val());
	  $('input#noa_default_flag').val('0');
	  noaresult(jj);
	});
	$('select#noa_chlist option:odd').css({'background':'#eee'});
	var Gc = Cget('Gch');

	if(Gc != null){
	
	  if($('select#noa_chlist option[value*="' + Gc + '"]').length > 0){
	    $('select#noa_chlist').val(Gc);
	    eval("var jjj = " + Gc);
	  }else{
	    eval("var jjj = " + $('select#noa_chlist option').eq(0).val());
	  }
	  
	}else{
	  eval("var jjj = " + $('select#noa_chlist option').eq(0).val());
	}
	noaresult(jjj);
      }else{
        t.html('<p class="tc p10 point">チャンネルリストの読込に失敗しました。</p>');
      }
    },
    error:function(j){
      //alert("ERROR!\nS:" + s + "\nAP:" + ap + "\nG:" + g + "\nJSON:" + j);
    }
  });//end ajax.
}


function noaresult(j){
  //var f = $('div.onairresult');
  //f.html('<p class="pink">申し訳ございません。只今Now On Air機能がご利用になれません。</p>');
/**/
  var xxx;
  var f = $('div.onairresult');
  f.html('');
  f.append($(dc('h5')).html(j.program + '&nbsp;NOW ON AIR&nbsp;'))
  .append($(dc('div')).addClass('p5')
    .append($(dc('p')).addClass('fl')
      .append($(dc('label')).attr('for','autoupdateflag')
	  .html('<input type="checkbox" name="autoupdateflag" id="autoupdateflag" value="1" checked="checked" />&nbsp;自動更新&nbsp:&nbsp;<span id="autoupdateflagtext" class="point">On</span>')
	)
    )
    .append($(dc('p')).addClass('fr tr').html(
      j.link == 1 && j.url != '' ? '<a href="' + j.url + '" title="' + j.program + '番組表" >番組表へ</a>':''
    ))
    .append($(dc('br')).addClass('cl'))
  )
  .append($(dc('div')).attr('id','nowonairresult')
    .append($(dc('div')).css({'width':'97%','border-bottom':'1px solid #ccc','background':'#333','color':'#fff'})
      .append($(dc('div')).addClass('noa_info p5 fl').css({'width':'60px','border-right':'1px solid #ccc'}).html('&nbsp;'))
      .append($(dc('div')).addClass('noa_song p5 fl').css({'width':'200px','border-right':'1px solid #ccc'}).html('SONG'))
      .append($(dc('div')).addClass('noa_artist p5 fl').css({'width':'200px'}).html('ARTIST'))
      .append($(dc('div')).addClass('cl'))
    )
  );
  var Automode = Cget('Noa_auto');
  if(Automode == 'off'){
    $('input#autoupdateflag').removeAttr('checked');
    $('span#autoupdateflagtext').text('Off');
  }
  
  
  var tt = $('div#nowonairresult');
  var ud = $('input#noa_ud').val();
  var stab = $('ul.servicelist li.acti').attr('id');
  if(stab.indexOf('cable') != -1){
    var ser = '有線';
    var ap = $('ul.areatab li.acti').html();
  }else if(stab.indexOf('businessdiva') != -1){
    var ser = 'ビジネスディーバ';
    var ap = $('ul.plantab li.acti').html();
  }else if(stab.indexOf('spacediva') != -1){
    var ser = 'スペースディーバ';
    var ap = $('ul.plantab li.acti').html();
  }else{
    var ser = '';
    var ap = '';
  }
  var flag = $('input#noa_default_flag').val();
  
  $.ajax({
    dataType:"json",
    type:"POST",
    url:nowonair,
    data:{'c':j.ch,'h':j.host,'u':ud,'ser':ser,'ap':ap,'flag':flag},
    timeout:5000,
    beforeSend:function(){
      tt.html('<div class="loading"><img src="/common/theme/basic/image/ui/processing.gif" width="16" height="16" alt="Now Loading..." class="vam" />&nbsp;Now loading...</div>');
    },
    success:function(jj){
      if(jj && jj.result == 1){
        var l = jj.lists;
        tt.html('');
        for(i = 0; i < l.length; i++){
	  var item = l[i];
	  if(item.mllink != ''){
	    var linkurl = item.mllink;
	  }else if(item.mlsearch != ''){
	    var linkurl = 'http://www.music-lounge.jp/v2/articl/search/?q=' + item.mlsearch + '&fr=noa&sm=tagmode'
	  }else{ var linkurl = '';	}
	  tt.append($(dc('div')).css({'width':'97%','border-bottom':'1px solid #ccc','color': item.now == '1' ? '#f36' : '#333'})
              .append($(dc('div')).addClass('noa_info p5 tc fl').css({'width':'60px','border-right':'1px solid #ccc'}).html(item.now == '1'? '再生中' : i + '曲前'))
              .append($(dc('div')).addClass('noa_song p5 fl').css({'width':'200px','border-right':'1px solid #ccc'})
	        .html(
		  item.lyrics != '' ?
		    '<div class="fl">' + item.song + '</div>' +
		    '<div class="fr"><a href="/lyrics/?q=' + item.lyrics + '&fr=noa">[歌詞]</a></div>' +
		    '<div class="cl"></div>' : item.song
		)
	      )
              .append($(dc('div')).addClass('noa_artist p5 fl').css({'width':'238px'})
	        .html(
		  item.mlsearch != '' ?
		    '<div class="fl">' + item.artist + '</div>' +
		    '<div class="fr"><a href="' + linkurl + '" target="_blank">[関連ニュース]</a></div>' +
		    '<div class="cl"></div>' : item.artist
		)
	      )
              .append($(dc('div')).addClass('cl'))
	  );
	}
	
      }else{
	  $('input#autoupdateflag').attr('checked','');
	  $('span#autoupdateflagtext').text('Off');
        tt.html('<p class="point">NOW ON AIR楽曲の読込に失敗しました。</p>');
      }
    },
    error:function(){
      $('input#autoupdateflag').attr('checked','');
	$('span#autoupdateflagtext').text('Off');
	tt.html('<p class="point">申し訳ございませんが、只今Now On Airはご利用になれません。</p>');
    }
  });
/**/

}