
var jpath = '/v2/common/json/';
var dc = function(a){	return document.createElement(a);};

$(function(){
  //LiteBox
  if($('#c600 a[href$=.jpg]').length > 0 ||
    $('#c600 a[href$=.jpeg]').length > 0 ||
    $('#c600 a[href$=.gif]').length > 0 ||
    $('#c600 a[href$=.png]').length > 0){
    $('head').append($(dc('script')).attr({'type':'text/javascript','src':'/v2/common/js/imageviewer.js'}));
  }
  $('#c600 img.norc').attr('oncontextmenu','return false');
  $('#c600 img.norc').attr('onselectstart','return false');
  $('#c600 img.norc').bind("contextmenu",function(e){return false;});


  //Topics
  if($('#c600').length > 0 && $('#threecolumnfirstwrap').length > 0){
    //3カラムレイアウトに於いてメインカラムのheight値がカラム全体のheight値より260px以上小さい場合にTopicsを出力
    var theight = $('#threecolumnfirstwrap').css('height');
    theight += "";
    if(theight.match(/[^0-9]/g)){theight = theight.replace("px",'');}
    var cheight = $('#c600').css('height');
    if(theight.match(/[^0-9]/g)){cheight = cheight.replace("px",'');}
    if(theight > cheight){
      var sa = theight - cheight;
      if(sa > 260){
        $('#c600').append(
          $(dc('div')).attr({'id':'topicsarea'})
            .append($(dc('h1')).html('注目 NEWS'))
            .append($(dc('div')).addClass('m10')
              .append($(dc('ul')).attr({'id':'topics_list'}).addClass('listtype1')
                .append($(dc('li')).html('Now Loading...'))
              )
            )
        );
        setTimeout(
          function(){
            articllistget('news','','','','','mvd','0','10',$('ul#topics_list'));
          },'2000');
      }
    }
  }


  $('a,button,input[type=radio],input[type=checkbox]').focus(function(){ this.blur();});
  $('div#pagetoplink a').click(function(){$('html,body').animate({scrollTop:0}, 'slow');return false;});
  //ニュースタブ関連処理
  $('ul#newstablist a').hover(
    function(){
      var src = $(this).children('img').attr('src').replace('_black','_gray');
      $(this).css({'corsur':'pointer'})
      .children('img').attr('src',src);
    },
    function(){
      var src = $(this).children('img').attr('src').replace('_gray','_black');
      $(this).children('img').attr('src',src);
    }
  );
  $('#twocolumnright ul#newstablist a').click(
    function(){
      var h2tit = $(this).attr('title');
	if(h2tit){  $(this).parent().parent().parent().parent().prev().html(h2tit); }
      var c = 'news';
      var u = $(this).attr('href');
	var e = 10;
	if(u.indexOf('?n=japanese') > -1){
	  var a = 'japanese';
	}else if(u.indexOf('?n=international') > -1){
	  var a = 'international';
	}else if(u.indexOf('?n=live') > -1){
	  var a = 'live';
	}else{
	  var a = 'all';
	}
	var d = $('div#index_newsresult ul.listtype1');
	//タブ切替処理
	//alert($('ul#newstablist img[src*=black]').attr('src'));
	articllistget(c,a,'','','','','',e,d);
      return false;
    }
  );
  //ピックアップタブ関連処理
  $('ul#pickuptablist a').hover(
    function(){
      $(this).css({'corsur':'pointer','float':'left',opacity: 0.4});
    },
    function(){
      $(this).css({'float':'left',opacity: 1});
    }
  );
  $('#twocolumnright ul#pickuptablist a').click(
    function(){
      var h2tit = $(this).attr('title');
      if(h2tit){  $(this).parent().parent().parent().prev().html(h2tit); }
	var c = 'pickup';
      var u = $(this).attr('href');
      var e = 10;
      if(u.indexOf('?p=japanese') > -1){
        var a = 'japanese';
      }else if(u.indexOf('?p=international') > -1){
        var a = 'international';
      }else if(u.indexOf('?p=feature') > -1){
        var a = 'feature';
      }else{
        var a = 'all';
      }
      var d = $(this).parent().parent().next().next();
      articllistget(c,a,'','','','','',e,d);
      return false;
    }
  );

  
  //SEARCH BOX
  $('div#searchbox input[name=q]').focus(
    function(){
      if($(this).val() == 'キーワード'){$(this).val('');}
      $(this).css({'background':'#ddd','color':'#333'});
    }
  ).blur(
    function(){
      if($(this).val() == ''){$(this).val('キーワード');}
      $(this).css({'background':'#555','color':'#ccc'});
    }
  );
  $('input#searchbtn').click(
    function(){
      if($('div#searchbox input[name=q]').val() == 'キーワード'){
        $('div#searchbox input[name=q]').val('');
      }
    }
  );
  
  //NOA_LAYOUT
  $('div#noa_selector_box').css({
    'z-index':'20','margin':'0','position':'absolute',
    'width':'660px',
    'top':$('div#noa_information').offset().top + 20,
    'left':$('div#noa_information').offset().left,
    'filter':'alpha(opacity=95)',
    '-moz-opacity':'0.95','opacity':'0.95'
  });

  
  //NOA_EVENT

  $('div#selector_opener,div#noa_information').click(
    function(){
      $('div#noa_selector_box').animate({height: "toggle", opacity: "toggle"},"slow");
    }
  ).hover(
    function(){
      $(this).css({'cursor':'pointer','color':'#008fe8'});
    },function(){$(this).css({'cursor':'pointer','color':'#c2ff07'});}
  );
  $('div#noa_selector_box_close').click(
    function(){
      $('div#noa_selector_box').animate({height: "toggle", opacity: "toggle"},"slow");
    }
  ).hover(
    function(){
      $(this).css({'cursor':'pointer','background':'#222','color':'#fff'});
    },function(){
      $(this).css({'background':'#000','color':'#ddd'});
    }
  );
  $('div#noa_selector_box ul.noa_sap li').hover(
    function(){
      $(this).css({'cursor':'pointer','background':'#008EE8','color':'#fe0','border':'1px solid #08f'});
    },function(){
      if($(this).hasClass('active')){
        $(this).css({'background':'#eee','color':'#333','border':'1px solid #ccc'});
      }else{
        $(this).css({'background':'transparent','color':'#aaa','border':'1px solid #999'});
      }
    }
  ).click(
    function(){
      var saptype = $(this).parent().attr('id');
      var key = $(this).text();
      var service = '';
      var ap = '';
      if(saptype == 'noa_service_selector'){
        $('ul#noa_service_selector li.active').removeClass('active').css({'background':'transparent','color':'#aaa','border':'1px solid #999'});
	$(this).addClass('active');
	if(key.indexOf('有線') > -1){
	  $('div#noa_cable_area').show();
	  $('div#noa_bd_plan').hide();
	  $('div#noa_sd_plan').hide();
	  service = 'cable';
	}else if(key.indexOf('BUSINESS') > -1){
	  $('div#noa_cable_area').hide();
	  $('div#noa_bd_plan').show();
	  $('div#noa_sd_plan').hide();
	  service = 'businessdiva';
	}else if(key.indexOf('SPACE') > -1){
	  $('div#noa_cable_area').hide();
	  $('div#noa_bd_plan').hide();
	  $('div#noa_sd_plan').show();
	  service = 'spacediva';
	}else{
	  var service = 'cable';
	}
      }else if(saptype == 'noa_cablearea_selector'){
        $('ul#noa_cablearea_selector li.active').removeClass('active').css({'background':'transparent','color':'#aaa','border':'1px solid #999'});
	$(this).addClass('active');
	ap = $(this).text();
      }else if(saptype == 'noa_bdplan_selector'){
        $('ul#noa_bdplan_selector li.active').removeClass('active').css({'background':'transparent','color':'#aaa','border':'1px solid #999'});
	$(this).addClass('active');
	ap = $(this).text();
      }else if(saptype == 'noa_sdplan_selector'){
        $('ul#noa_sdplan_selector li.active').removeClass('active').css({'background':'transparent','color':'#aaa','border':'1px solid #999'});
	$(this).addClass('active');
	ap = $(this).text();
      }
      
      if(service == '' && $('#noa_service_selector li.active').text().indexOf('有線') > -1){
        service = 'cable';
      }else if(service == '' && $('#noa_service_selector li.active').text().indexOf('BUSINESS') > -1){
        service = 'businessdiva';
      }else if(service == '' && $('#noa_service_selector li.active').text().indexOf('SPACE') > -1){
        service = 'spacediva';
      }else if(service == ''){ service = 'cable'; alert('service not found');	}
      if(ap == '' && service == 'cable'){
        ap = $('#noa_cablearea_selector li.active').text();
      }else if(ap == '' && service == 'businessdiva'){
        ap = $('#noa_bdplan_selector li.active').text();
      }else if(ap == '' && service == 'spacediva'){
        ap = $('#noa_sdplan_selector li.active').text();
      }else if(ap == ''){
        alert(
	  "ap not found\n" +
	  $('#noa_cablearea_selector li.active').text() + "\n" +
	  $('#noa_bdplan_selector li.active').text() + "\n" +
	  $('#noa_sdplan_selector li.active').text()
	);
      }
      Cset('Noa_ser',service,'10000');
      Cset('Noa_are',ap,'10000');
      if($('div#noa_ch').length > 0){
        channelselector(service,ap);
      }
    }
  );
  
  //NOA_INITIALIZE(Cookie Load)
  var Gs = Cget('Noa_ser');
  var Ga = Cget('Noa_are');
  //var Gc = Cget('Noa_ch');
  var Automode = Cget('Noa_auto');
  if(Gs != null || Ga != null){

    $('ul#noa_service_selector li.active').removeClass('active');//.css({'background':'transparent','color':'#aaa','border':'1px solid #999'});
    if(Gs == 'cable'){
      $('ul#noa_service_selector li').eq(0).addClass('active');
      $('div#noa_cable_area').show();
      $('div#noa_bd_plan').hide();
      $('div#noa_sd_plan').hide();
    }else if(Gs == 'businessdiva'){
      $('ul#noa_service_selector li').eq(1).addClass('active');
      $('div#noa_cable_area').hide();
      $('div#noa_bd_plan').show();
      $('div#noa_sd_plan').hide();
    }else if(Gs == 'spacediva'){
      $('ul#noa_service_selector li').eq(2).addClass('active');	
      $('div#noa_cable_area').hide();
      $('div#noa_bd_plan').hide();
      $('div#noa_sd_plan').show();
    }else if(Gs == null){
      Gs = 'cable';	$('ul#noa_service_selector li').eq(0).addClass('active');
      $('div#noa_cable_area').show();
      $('div#noa_bd_plan').hide();
      $('div#noa_sd_plan').hide();
    }
    if(Ga != null){
      if(Ga.indexOf('スタンダード') != -1){	$('#noa_sdplan_selector li.active').removeClass('active');	$('#noa_sdplan_selector li').eq(0).addClass('active');	}
      else if(Ga.indexOf('デラックス') != -1){	$('#noa_sdplan_selector li.active').removeClass('active');	$('#noa_sdplan_selector li').eq(1).addClass('active');	}
      else if(Ga.indexOf('マキシマム') != -1){	$('#noa_sdplan_selector li.active').removeClass('active');	$('#noa_sdplan_selector li').eq(2).addClass('active');	}
      else if(Ga.indexOf('ライト') != -1){	$('#noa_bdplan_selector li.active').removeClass('active');	$('#noa_bdplan_selector li').eq(0).addClass('active');	}
      else if(Ga.indexOf('ベーシック') != -1){	$('#noa_bdplan_selector li.active').removeClass('active');	$('#noa_bdplan_selector li').eq(1).addClass('active');	}
      else if(Ga.indexOf('プレミアム') != -1){	$('#noa_bdplan_selector li.active').removeClass('active');	$('#noa_bdplan_selector li').eq(2).addClass('active');	}
      else if(Ga.indexOf('北海道') != -1){	$('#noa_cablearea_selector li.active').removeClass('active');	$('#noa_cablearea_selector li').eq(0).addClass('active');	}
      else if(Ga.indexOf('東　北') != -1){	$('#noa_cablearea_selector li.active').removeClass('active');	$('#noa_cablearea_selector li').eq(1).addClass('active');	}
      else if(Ga.indexOf('新　潟') != -1){	$('#noa_cablearea_selector li.active').removeClass('active');	$('#noa_cablearea_selector li').eq(2).addClass('active');	}
      else if(Ga.indexOf('関　東') != -1){	$('#noa_cablearea_selector li.active').removeClass('active');	$('#noa_cablearea_selector li').eq(3).addClass('active');	}
      else if(Ga.indexOf('中　部') != -1){	$('#noa_cablearea_selector li.active').removeClass('active');	$('#noa_cablearea_selector li').eq(4).addClass('active');	}
      else if(Ga.indexOf('関　西') != -1){	$('#noa_cablearea_selector li.active').removeClass('active');	$('#noa_cablearea_selector li').eq(5).addClass('active');	}
      else if(Ga.indexOf('中　国') != -1){	$('#noa_cablearea_selector li.active').removeClass('active');	$('#noa_cablearea_selector li').eq(6).addClass('active');	}
      else if(Ga.indexOf('四　国') != -1){	$('#noa_cablearea_selector li.active').removeClass('active');	$('#noa_cablearea_selector li').eq(7).addClass('active');	}
      else if(Ga.indexOf('九　州') != -1){	$('#noa_cablearea_selector li.active').removeClass('active');	$('#noa_cablearea_selector li').eq(8).addClass('active');	}
      else if(Ga.indexOf('沖　縄') != -1){	$('#noa_cablearea_selector li.active').removeClass('active');	$('#noa_cablearea_selector li').eq(9).addClass('active');	}
    }
    if($('div#noa_ch').length > 0){	channelselector(Gs,Ga);	}
  }else if($('div#noa_ch').length > 0){
    var acti_service = $('#noa_service_selector li.active').text();
    if(acti_service && acti_service.indexOf('有線') != -1){
      channelselector('cable',$('#noa_cablearea_selector li.active').text());
    }else if(acti_servece && acti_service.indexOf('BUSINESS') > -1){
      channelselector('businessdiva',$('#noa_bdplan_selector li.active').text());
    }else if(acti_servece && acti_service.indexOf('SPACE') > -1){
      channelselector('spacediva',$('#noa_sdplan_selector li.active').text());
    }
  }
  if(Automode == 'on'){
    $('input#autoupdateflag').attr('checked','checked');
    $('span#autoupdateflagtext').text('On');
  }else if(Automode == 'off'){
    $('input#autoupdateflag').attr('checked','');
    $('span#autoupdateflagtext').text('Off');
  }
  
  $('div#noa_viewarea div.noa_reslist').live('click',
    function(){
      var id = $(this).attr('id');
      //$(this).animate({'left':"-=40px",opacity:0},"slow");
      $(this).hide(600).removeClass('now_view');
      if(id == 'noa_reslist_0' || id == 'noa_reslist_1'){
	$(this).next('div').show(700).addClass('now_view');
      }else{
        $('div#noa_viewarea div#noa_reslist_0').show(700).addClass('now_view');
      }
      //clearInterval(noa_Interval);
    }
  ).live('mouseover',function(){$(this).css({'cursor':'pointer'});});
  
  
  
//noa_selected_ch

});

$(function(){
  var noa_reload = '';
  if($('label[for=autoupdateflag]').length > 0){
    $('label[for=autoupdateflag]').live('click',function(){
      if($('input#autoupdateflag').attr('checked')){
        $('input#noa_default_flag').val('1');
        Cset('Noa_auto','on','10000');
        $('span#autoupdateflagtext').text('On');
        
      }else{
        Cset('Noa_auto','off','10000');
        $('span#autoupdateflagtext').text('Off');
      }
    });
  }
  //clearInterval(noa_reload);
  var noa_reload = 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 noa_cycle = setInterval(
    function(){
      var view_id = $('div#noa_viewarea div.now_view').attr('id');
      $('div#noa_viewarea div#' + view_id).removeClass('now_view').hide(700);
      if(view_id == 'noa_reslist_0' || view_id == 'noa_reslist_1'){
        $('div#noa_viewarea div#' + view_id).next('div').addClass('now_view').show(700);
      }else{
        $('div#noa_viewarea div#noa_reslist_0').addClass('now_view').show(700);
      }
    },9900
  );

});


var noach = jpath + 'noachlist';
var nowonair = jpath + 'nowonair';

function channelselector(s,ap,g){
  var t = $('div#noa_ch');
  t.html('<div class="loading"><img src="/v2/common/im/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){
        t.append($(dc('p')).html('チャンネルを選択して下さい。'))
	.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 + '",chname:"' + z.chname + '",host:"' + z.host + '",program:"' + z.program.replace("'",'&apos;') + '",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('Noa_ch',$(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('Noa_ch');
	if(Gc != null){
	  Gc = Gc.replace("'",'&apos;');
	  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>チャンネルリストの読込に失敗しました。</p>');
      }
    },
    error:function(j){
      t.html('<p>チャンネルリストの読込に失敗しました。</p>');
    }
  });//end ajax.
}

function noaresult(j){
  //alert("debug...");
  //var f = $('div#noa_viewarea');
  //f.html('<div class="loading">&nbsp;申し訳ございませんが、只今Now On Airはご利用になれません。</div>');
/**/
  var xxx;
  var f = $('div#noa_viewarea');
  f.html('<div class="loading"><img src="/v2/common/im/processing.gif" width="16" height="16" alt="Now Loading..." class="vam" />&nbsp;Now loading...</div>');
  //$('input#keyword').val($('input#keyword').val() + 'a');
  var tt = f;
  var ud = $('input#noa_ud').val();
  var stab = $('#noa_service_selector li.active').text();
  if(stab.indexOf('有線') != -1){
    var ser = '有線';
    var ap = $('#noa_cablearea_selector li.active').text();
  }else if(stab.indexOf('BUSINESS') != -1){
    var ser = 'ビジネスディーバ';
    var ap = $('#noa_bdplan_selector li.active').text();
    //channelselector('spacediva',$('ul.plantab li.acti').html());
  }else if(stab.indexOf('SPACE') != -1){
    var ser = 'スペースディーバ';
    var ap = $('#noa_sdplan_selector li.active').text();
  }else{
    var ser = '';
    var ap = '';
  }
  if(j.chname != ''){ $('span#noa_selected_ch').text(j.chname);	}
  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,'mn':'ML'},
    timeout:5000,
    success:function(jj){
      if(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=mnoa&sm=tagmode'
	  }else{ var linkurl = '';	}
	  tt.append($(dc('div'))
	        .attr('id','noa_reslist_' + i)
		.addClass(item.now == 1 ? 'noa_reslist now_view' : 'noa_reslist')
	        .css(item.now == 1 ? {'display':'block'}:{'display':'none'})
                .html(
		  (item.now == 1 ? '[再生中]&nbsp;' : '[' + i + '曲前]&nbsp;')
		  + item.song + '&nbsp;/&nbsp;' +
		  (
		    item.mlsearch != ''
		    ?
		      item.artist + '&nbsp;' +
		      '<a href="' + linkurl + '">[関連ニュース]</a>'
		    : 
		      item.artist
		  )
	        )
	  );
	}
	
	//var item = l[0];
	//tt.html(item.song + '&nbsp;/&nbsp;' + item.artist).animate({'left':100,''});
      }else if(jj.result == '9'){
        tt.html('<p class="point">現在、Now On Airはメンテナンス中の為ご利用になれません。</p>');
      }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>');
    }
  });
/**/


}




function articllistget(c,a,g,q,t,so,s,e,d){
  var u = jpath + 'articllist';
  
  $.ajax(
    {
      url:u,
      type:"POST",
      cache:true,
      data:{
        'c':c,		//cornertype
	'a':a,		//attribute
	'g':g,		//genre
	'q':q,		//query
	't':t,		//tags
	'so':so,	//sort
	's':s,		//start
	'e':e		//end
      },
      beforeSend: function(){
        if(c == 'news'){
	  d.html($(dc('li')).text('Now Loading...'));
	}else if(c == 'pickup'){
	  d.html($(dc('p')).addClass('p10').text('Now Loading...'));
	}
      },
      error: function(){
        if(c == 'news'){
	  d.html($(dc('li')).text('申し訳ございません。読込エラーです。'));
	}else if(c == 'pickup'){
	  d.html($(dc('p')).addClass('p10').text('申し訳ございません。読込エラーです。'));
	}
      },
      success: function(r){
        eval("var r = " + r);
	if(c == 'news'){
	  buff_news(r,d);
	}else if(c == 'pickup'){
	  buff_pickup(r,d);
	}
      }
    }
  );
  
}

function buff_news(r,d){
  if(r.res == 1){
  //articlレコード取得成功
    var l = r.lists;
    d.html('');
    for(i = 0; i < l.length; i++){
      var url = '/v2/articl/news/detail/?articl=' + l[i].entrytime + '_' + l[i].id;
      var tex = l[i].title + '&nbsp;' + l[i].desc;
      d.append($(dc('li')).html(
        '<a href="' + url + '" title="' + tex + '">' + tex + '</a>'
      ));
    }	
  }else{
  //articlレコード取得失敗
    if(r.status == 2){
      d.html($(dc('li')).text('該当カテゴリに登録された記事が見つかりませんでした。'));
    }else{
      d.html($(dc('li')).text('申し訳ございません。読込エラーです。'));
    }
  }
}

function buff_pickup(r,d){
  if(r.res == 1){
  //articlレコード取得成功
    var l = r.lists;
    d.html('');
    //alert(d.attr('id'));
    if(d.attr('id') == 'index_pickupresult'){
      d.append($(dc('ul')).attr('id','indexpickupreslist'));
      var t = $('ul#indexpickupreslist');
      for(i = 0; i < l.length; i++){
        var url = '/v2/articl/pickup/detail/?articl=' + l[i].entrytime + '_' + l[i].id;
	var tit = l[i].title;
	var src = l[i].thumb;
	var im = '<img src="' + src + '" class="pickupthumb" alt="' + tit + '" />';
	var desc = l[i].desc;
	var tags = l[i].tags.split(',');
	var taglist = '';
	if(tags.length > 0){
	  for(x = 0; x < tags.length; x++){
	    taglist += '&nbsp;<a href="/v2/articl/pickup/?tags=' + tags[x] + '" title="' + tags[x] + '">' +
	     tags[x] + '</a>&nbsp;';
	  }
	}
        t.append($(dc('li'))
	  .append($(dc('a')).addClass('gbox').attr({'href':url,'title':tit})
	    .append($(dc('h2')).text(tit))
	    .append(im)
	    .append(desc)
	    .append($(dc('div')).addClass('cl'))
	  )
	  .append($(dc('div')).addClass('mintia')
	    .html(taglist)
	  )
        );
      }//end for.
      d.append($(dc('br')).addClass('cl'))
       .append($(dc('div')).attr('id','genretagwrap')
         .append($(dc('div')).html('★PICKUP HOTジャンル一覧'))
       );
      


    }else{
      d.append($(dc('ul')).attr('id','sidepickupreslist'));
      var t = $('ul#sidepickupreslist');
      for(i = 0; i < l.length; i ++){
        var url = '/v2/articl/pickup/detail/?articl=' + l[i].entrytime + '_' + l[i].id;
	var tit = l[i].title;
	var src = l[i].thumb;
	var im = '<img src="' + src + '" width="50" class="pickupthumb" alt="' + tit + '" />';
	var desc = l[i].desc.substr(0, 50) + '&nbsp;．．．';
	t.append($(dc('li'))
	  .append($(dc('a')).addClass('gbox').attr({'href':url,'title':tit})
	    .append(im)
	    .append(tit + '&nbsp;:&nbsp;' + desc)
	    .append($(dc('div')).addClass('cl'))
	  )
	);
	
	
      }
      
    }
  }else{
  //articlレコード取得失敗
    if(r.status == 2){
      d.html($(dc('p')).addClass('p20').css('color','#ff1493').text('該当カテゴリに登録された記事が見つかりませんでした。'));
    }else{
      d.html($(dc('p')).addClass('p20').css('color','#ff1493').text('申し訳ございません。読込エラーです。'));
    }
  }
}





//************************//
//****   cookieparts   ***//
//************************//
function Cset(Cname,Cval,saveD){
   Cexp = new Date();
   Cexp.setTime(Cexp.getTime() + ( saveD * 24 * 60 * 60 * 1000 ));
   Citem = '@' + Cname + '=' + escape(Cval) + ';';
   Citem += ' path=/;';
   document.cookie =  Citem + 'expires=' + Cexp.toGMTString();
}
function Cget(Cname){
   Cn = '@' + Cname + '=';
   Cv = null;
   Cstr = document.cookie + ";" ;
   Cofs = Cstr.indexOf(Cn);
   if (Cofs != -1){
      CStart = Cofs + Cn.length;
      CEnd   = Cstr.indexOf(";" , CStart);
      Cv = unescape(Cstr.substring(CStart,CEnd));
   }
   //return Cstr.substring(CStart,CEnd);
   return Cv;
}