var jpath = '/common/js/inc/';
var dc = function(a){	return document.createElement(a);};

$(function(){
  $('body').prepend($(dc('script')).attr({'type':'text/javascript','src':'/common/js/md5.js'}));
  $('a,button,input[type=radio],input[type=checkbox],textarea#mailmagazine_agree').focus(function(){ this.blur();});
  noaresult();

  //MM FORM
  $('input#fst').val('form');
  if($('input[name=kurucore_mm]:checked').val() == '1'){
    $('.mm_hidden').show();
  }else{$('.mm_hidden').hide();}
  $('label[for*=kurucore_mm]').click(function(){
    if($('input[name=kurucore_mm]:checked').val() == '1'){
      $('.mm_hidden').show();
    }else{
      $('.mm_hidden').hide();
    }
  });
  $('option:odd').css({'background':'#fadce9'});
  $('option:selected').css({'background':'#fff'});
  $('form#support').submit(function(){
    yellsend();
    return false;
  });
  $('form#support input[type=reset]').click(function(){
    $('.errmes').remove();
    $('.confirm').remove();
    $('form#support .fst_hidd').show();
    $('.mm_hidden').show();
    $('input#fst').val('form');
  });


  //NOA_INITIALIZE(Cookie Load)
  var Automode = Cget('Noa_auto');

  if(Automode == 'on'){
    $('input#autoupdateflag').attr('checked','checked');
    $('span#autoupdateflagtext').text('On');
  }else if(Automode == 'off'){
    $('input#autoupdateflag').attr('checked','');
    $('span#autoupdateflagtext').text('Off');
  }

  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')){
	noaresult();
      }
    },30000
  );


  if($('#ouenbox_head').length > 0){
    $('#ouenbox_head,#investigator_head').hover(function(){ $(this).css({'cursor':'pointer'}); },function(){})
    .click(function(){
      if($(this).hasClass('open')){  $(this).removeClass('open');  }
      else{ $(this).addClass('open');  }
      $(this).next().animate({height: "toggle", opacity: "toggle"});
    });
    $('#btn_about_imacore').hover(function(){ $(this).css({'cursor':'pointer'}); },function(){})
    .click(function(){
      shadowcreate('div.tooltip');
      $("div.tooltip").fadeIn("normal").css({
            "top":$(this).offset().top-121+"px","width":"260px","color":"#333",
            "left":$(this).offset().left - 290 +"px"
        }).animate({opacity:0.9})
	.html(
          '<h4>imacoreとは？</h4>' +
          '<div><p>ティーンに支持されている人気アーティストの新譜情報をご紹介します。</p>' +
          '<h5>imacoreアーティストとは？</h5>' +
          '<p>最近2年、3年以内にリリースされたシングル、アルバムにて各種ランキングBEST10を経験したアーティスト</p>' +
          '</div>'
        );
    });
  }



});

var shadowcreate = function(obj){
  var shadow = $(dc('div')).attr({'id':'shadow'}).css({
          'z-index':'1','margin':'0','width':$('body').width(),'height':$('body').height(),
	  'border':'0','background':'#fff','position':'absolute',
	  'top':0,'padding':'0','filter':'alpha(opacity=20)',
	  '-moz-opacity':'0.20','opacity':'0.20'
  }).click(function(){
    $(this).remove();
    $(obj).hide();
  });
  $('body').append(shadow);
};

function yellsend(){

  $('.errmes').remove();
  $('.confirm').remove();
  var artist = $('select[name=artist]').val();
  var message = $('textarea[name=yellmessage]').val();
  var nickname = $('input[name=nickname]').val();
  var fm = $('input[name=fm]:checked').val();
  var age = $('select[name=age]').val();
  var job = $('select[name=job]').val();
  var pref = $('select[name=pref]').val();
  var mm_flag = $('input[name=kurucore_mm]:checked').val();
  var mail = $('input[name=mail]').val();
  var pass = $('input[name=password]').val();
  /*
  alert(
    '只今調整中です。' + "\n" +
    '応援アーティスト：' + artist + "\n" +
    'メッセージ：' + message + "\n" +
    'ニックネーム：' + nickname + "\n" +
    '性別：' + fm + "\n" +
    '年齢：' + age + "\n" +
    '職業：' + job + "\n" +
    '都道府県：' + pref + "\n" +
    'メルマガ利用：' + mm_flag + "\n" +
    'メールアドレス：' + mail + "\n" +
    'パスワード：' + pass 
  );
  */
  var err = 0;
  if(artist == ''){
    err ++;
    $('select[name=artist]').after($(dc('p')).addClass('errmes tpink').text('選択してください。'));
  }else{
    var artist_name = $('select[name=artist] option[value=' + artist + ']').html();
    $('select[name=artist]').addClass('fst_hidd').hide().after($(dc('p')).addClass('confirm').text(artist_name));
  }
  if(message == ''){
    err ++;
    $('textarea[name=yellmessage]').after($(dc('p')).addClass('errmes tpink').text('入力してください。'));
  }else{
    $('textarea[name=yellmessage]').addClass('fst_hidd').hide().after($(dc('p')).addClass('confirm').html(message.replace("\n",'<br />','g')));
  }
  if(nickname == ''){
    err ++;
    $('input[name=nickname]').after($(dc('p')).addClass('errmes tpink').text('入力してください。'));
  }else{
    $('input[name=nickname]').addClass('fst_hidd').hide().after($(dc('p')).addClass('confirm').text(nickname));
  }
  if(fm == '' || fm == undefined){
    err ++;
    $('label[for=fm_1]').after($(dc('p')).addClass('errmes tpink').text('選択してください。'));
  }else{
    if(fm == 0){  var fm_name = '男性';}else{ fm_name = '女性';}
    $('label[for*=fm_]').addClass('fst_hidd').hide();
    $('label[for=fm_1]').after($(dc('p')).addClass('confirm').text(fm_name));
  }
  if(age == ''){
    err ++;
    $('select[name=age]').after($(dc('p')).addClass('errmes tpink').text('選択してください。'));
  }else{
    $('select[name=age]').addClass('fst_hidd').hide().after($(dc('p')).addClass('confirm').text(age));
  }
  if(job == ''){
    err ++;
    $('select[name=job]').after($(dc('p')).addClass('errmes tpink').text('選択してください。'));
  }else{
    $('select[name=job]').addClass('fst_hidd').hide().after($(dc('p')).addClass('confirm').text(job));
  }
  if(pref == ''){
    err ++;
    $('select[name=pref]').after($(dc('p')).addClass('errmes tpink').text('選択してください。'));
  }else{
    $('select[name=pref]').addClass('fst_hidd').hide().after($(dc('p')).addClass('confirm').text(pref));
  }
  if(mm_flag == 1){
    var mm_flag_name = '登録する';
    if(mail == '' || mail == undefined){
      err ++;
      $('input[name=mail]').after($(dc('p')).addClass('errmes tpink').text('入力してください。'));
    }else if(!mail.match(/\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/)){
      err ++;
      $('input[name=mail]').after($(dc('p')).addClass('errmes tpink').text('メールアドレスの書式が登録出来ない書式です。'));
    }else{
      $('input[name=mail]').addClass('fst_hidd').hide().after($(dc('p')).addClass('confirm').text(mail));
    }
    if(pass == '' || pass == undefined){
      err ++;
      $('input[name=password]').show().after($(dc('p')).addClass('errmes tpink').text('入力してください。'));
    }else{
      var pass_name = '';
      for(i=0; i<pass.length;i++){pass_name += '*';}
      $('input[name=password]').addClass('fst_hidd').hide().after($(dc('p')).addClass('confirm').text(pass_name));
    }
  }else{
    var mm_flag_name = '登録しない';
  }
  $('label[for*=kurucore_mm]').addClass('fst_hidd').hide();
  $('label[for=kurucore_mm2]').after($(dc('p')).addClass('confirm').text(mm_flag_name));
  if(err > 0){
    $('input[type=submit]').val('送信確認');
    $('input[type=submit]').before($(dc('p')).addClass('errmes tpink').html(err + '項目で入力エラーがあります。<br />エラー箇所を修正し送信確認ボタンを押してください。'));
  }else{
    var fst = $('input#fst').val();
    if(fst == '' || fst == undefined || fst == 'form'){
      $('input#fst').val('confirm');
      $('input[type=submit]').val('送信');
      $('input[type=submit]').before($(dc('p')).addClass('confirm').html('入力内容を確認の上、送信ボタンを押してください。'));
    }else if(fst == 'confirm'){
      $('input#fst').val('sendding');
      yellpost();
    }
  }
}

var yellregist = jpath + 'yellregist';
function yellpost(){
  var t = $('div#ouenbox');
  var os = t.offset();
  var w = t.width();
  var h = t.height();
  var obj = $(dc('div')).attr({'id':'yellpost'}).css({
     'z-index':'10','margin':'0','width':w,'height':h,
     'border':'1px solid #ccc','background':'#f7206c','position':'absolute','font-weight':'bold',
     'top':os.top,'left':os.left,'padding':'0','filter':'alpha(opacity=70)','color':'#fff',
     '-moz-opacity':'0.70','opacity':'0.70','text-align':'center','vartical-align':'middle'
  }).append(
    $(dc('div')).addClass('loading').css({
        'padding-top':h/2
    }).html(
      '<img src="/common/im/processing.gif" width="16" height="16" alt="Now Sending..." class="vam" /><br /><p>送信中です...</p><p>しばらくお待ちください</p>'
    )
  );
  t.append(obj);
  var ai = $('select[name=artist]').val();
  var ti = $('select[name=artist] option[value=' + ai + ']').html();
  var ms = $('textarea[name=yellmessage]').val();
  var nn = $('input[name=nickname]').val();
  var fm = $('input[name=fm]:checked').val();
  var ag = $('select[name=age]').val();
  var jb = $('select[name=job]').val();
  var pf = $('select[name=pref]').val();
  var mf = $('input[name=kurucore_mm]:checked').val();
  var ma = $('input[name=mail]').val();
  var pass = $('input[name=password]').val();
  var pa = CybozuLabs.MD5.calc(pass);
  /*alert(
    '只今調整中です。' + "\n" +
    'アーティスト：' + ai + "\n" +
    '応援アーティスト：' + ti + "\n" +
    'メッセージ：' + ms + "\n" +
    'ニックネーム：' + nn + "\n" +
    '性別：' + fm + "\n" +
    '年齢：' + ag + "\n" +
    '職業：' + jb + "\n" +
    '都道府県：' + pf + "\n" +
    'メルマガ利用：' + mf + "\n" +
    'メールアドレス：' + ma + "\n" +
    'HASH：' + pa + "\n" +
    'パスワード：' + pass
  );*/
  tt = obj;
  $.ajax({
    dataType:"json",
    type:"POST",
    url:yellregist,
    data:{'ai':ai,'ms':ms,'nn':nn,'fm':fm,'ag':ag,'jb':jb,'pf':pf,'mf':mf,'ma':ma,'pa':pa,'ti':ti},
    timeout:5000,
    success:function(jj){
      tt.css({'filter':'alpha(opacity=100)','color':'#fff','-moz-opacity':'1','opacity':'1','background':'#fff'});
      if(jj.result == 1){
        var l = jj.lists;
        $('#yellpost div.loading').html('<p class="confirm">応援ありがとうございます。<br />メッセージの送信を完了しました。</p>');
        Cset('Yell_artist',ai,'10000');
        setTimeout(
        function(){
          obj.remove();
          $('form#support input[type=reset]').trigger("click");
        },10000);
      }else{
        if(jj.etype == 'yell_already_registed'){
          $('#yellpost div.loading').html('<p class="tpink">同一アーティスとへの応援は既に受付いたしました。</p><img src="/common/im/processing.gif" width="16" height="16" alt="Now Sending..." class="vam" /><br /><p>しばらくお待ちください</p>');
        }else if(jj.etype == 'uniqu_email'){
          $('#yellpost div.loading').html('<p class="tpink">入力したメールアドレスは別のパスワードで既にメルマガ会員に登録されております。<br />会員登録時に入力したパスワードを入力してください。</p><img src="/common/im/processing.gif" width="16" height="16" alt="Now Sending..." class="vam" /><br /><p>しばらくお待ちください</p>');
        }else{
          $('#yellpost div.loading').html('<p class="tpink">' + jj.etype + 'エラーが発生しました。' + jj.error + '</p><img src="/common/im/processing.gif" width="16" height="16" alt="Now Sending..." class="vam" /><br /><p>しばらくお待ちください</p>');
        }
        setTimeout(
        function(){
          obj.remove();
          $('form#support input[type=reset]').trigger("click");
        },10000);
      }
    },
    error:function(jj){
	tt.css({'filter':'alpha(opacity=100)','color':'#fff','-moz-opacity':'1','opacity':'1','background':'#fff'});
        $('#yellpost div.loading').html('<p class="tpink">申し訳ありませんがエラーにより応援メッセージの送信が失敗しました。</p><img src="/common/im/processing.gif" width="16" height="16" alt="Now Sending..." class="vam" /><br /><p>しばらくお待ちください</p>');
        setTimeout(
        function(){
          obj.remove();
          $('form#support input[type=reset]').trigger("click");
        },10000);
    }
  });
  
}



var nowonair = jpath + 'nowonair';
function noaresult(){

  if(location.href.indexOf('stpr.cansystem') > 0){
    $('div#noa_resultarea').html('仮アップページでは表示できません。');
  }else{
  var xxx;
  var f = $('div#noa_resultarea');
  f.html('<div class="loading"><img src="/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();
  
  var flag = 1;
  
  $.ajax({
    dataType:"json",
    type:"POST",
    url:nowonair,
    data:{'c':200,'h':68,'flag':flag,'mn':'KC'},
    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{
	  $('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>');
    }
  });
  }//endif

}




//************************//
//****   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;
}