// Set onLoad with jQuery
$(function(){


// Set onClick for Context Box ----------------------------------------------------------------------*
function setDropDown(trg, box, tgt, anm, bgp){	

	var hovFlag;
	
	trg.each(function(i){	
		var target = eval(tgt);
		var bscpnt = target.parent();

		$(this).click(function(){  		
			if(target.hasClass('cur')){
				if (anm == 'slide'){target.slideUp('fast')}
				else if (anm == 'fade'){target.fadeOut('fast')}
				else {target.hide()};
				target.removeClass('cur');
				bscpnt.css('z-index', 0);
				if(bgp[0]) $(this).css('background-position',bgp[1]);
			}else{
				box.hide().removeClass('cur');
				box.parent().css('z-index', 0);
				bscpnt.css('z-index', 10);
				if (anm == 'slide'){target.slideDown('fast')}
				else if (anm == 'fade'){target.fadeIn('slow')}
				else {target.show()}
				target.addClass('cur');
				if(bgp[0]) {
					trg.css('background-position',bgp[1]);
					$(this).css('background-position',bgp[2]);
				}
			}
			return false;
		});
		
		$(this).hover(function(){hovFlag = true;},function(){hovFlag = false;});
		box.hover(function(){hovFlag = true;},function(){hovFlag = false;});
	});
	
	$(document).mousedown(function(){
		if(!hovFlag) {
			if (anm == 'slide'){box.slideUp('fast')}
			else if (anm == 'fade'){box.fadeOut('fast')}
			else {box.hide()};
			box.removeClass('cur');
			box.parent().css('z-index', 0);
			if(bgp[0]) trg.css('background-position',bgp[1]);
			if($('div.regist')) $('div.regist').hide();
			if(tgt == "$(this).siblings('div.reason').children('dl')") $('img.reason').css('visibility','visible');	
		}
	});
}

/* Variables Meaning =========================================================================

var trg : Event Trigger Object
var box : Context Box Object
var tgt : Target Path to Context Box from Trigger [String]
var anm : Select Animation Type [String: slide / fade / none]
var bgp : Change Background-Position of Trigger [Array: [0]Boolean, [1]Focus, [2]Blur]

============================================================================================*/

// Delimeter
function setDelimiter(){
	var trg = $('.dlmtr .menu a');
	var box = $('.dlmtr .menu').siblings('div.dropdown');
	var tgt = "$(this).parent().siblings('div.dropdown')";
	var anm = 'slide';
	var bgp = new Array(true, '0 0','0 -12px');
	trg.show();
	setDropDown(trg, box, tgt, anm, bgp);
	box.each(function(i){ // Wrap the Box in 7 DIVs decorated with CSS.
		$(this).wrapInner('<div class="inr-wr01"><div class="inr-wr02"><div class="inr-wr03"><div class="inr-wr04"><div class="inr-wr05"><div class="inr-wr06"><div class="inr-wr07"></div></div></div></div></div></div></div>');
	});
}
if($('.dlmtr .menu a')) setDelimiter();

// ymsc-mn06
function setMn06(){
	$('.ymsc-mn06').filter(function(){
		$('li p.video').click(function(idx){
			if($(this).parent().hasClass('ncr') && $('ul.js_music').hasClass('view')){
				$('ul.js_music').removeClass('view');
				$('ul.js_music').fadeOut('normal',function(){$('ul.js_video').fadeIn(function(){						
					$('ul.js_video').addClass('view');	
				});});
				$(this).parent().removeClass('ncr');
				$(this).parent().addClass('crr');
				$('li p.music').parent().removeClass('crr');
				$('li p.music').parent().addClass('ncr');
			}
		});
		
		$('li p.music').click(function(idx){
			if($(this).parent().hasClass('ncr') && $('ul.js_video').hasClass('view')){
				$('ul.js_video').removeClass('view');
				$('ul.js_video').fadeOut('normal',function(){$('ul.js_music').fadeIn(function(){
					$('ul.js_music').addClass('view');						  
				});});
				$(this).parent().removeClass('ncr');
				$(this).parent().addClass('crr');
				$('li p.video').parent().removeClass('crr');
				$('li p.video').parent().addClass('ncr');
			}
		});
	
	});
}
if($('.ymsc-mn06')) setMn06();

// ymsc-mn05
function setMn05(){
	$('.ymsc-mn05 .dropdown div.ctbd').wrapAll('<div class="cnr01"><div class="cnr02"><div class="cnr03"><div class="cnr04"><div class="cnr05"><div class="cnr06"></div></div></div></div></div></div>')// Wrap the Box in 6 DIVs decorated with CSS
	$('.ymsc-mn05 .dropdown').css('padding-bottom','5px');
	
	var btn = $('.ymsc-mn05 .dropdown .tab span');
	var tgt = $('.ymsc-mn05 .dropdown .ctbd');
	
	btn.each(function(i){		  
		$(this)	.show();
		if($(this).hasClass('opened')) tgt.eq(i).show();
		$(this).click(function(){				   
			if(!$(this).hasClass('opened')){
				var self = tgt.eq(i);
				self.siblings().filter(':visible').fadeOut('normal',function(){self.fadeIn()});
				btn.removeClass('opened');
				$(this).addClass('opened');
			}
		});
	});	

	$('.ymsc-mn05 .dropdown div.ct01 div:first, .ymsc-mn05 .dropdown div.ct02 div:first, .ymsc-mn05 .dropdown div.ct03 div:first').show();
	var inrTab = function(i){
		$(this).hover(function(){
			if($(this).attr('class') != 'cur') $(this).css('background-position','0 -72px');
		},function(){
			if($(this).attr('class') != 'cur') $(this).css('background-position','0 0');
		});
		$(this).click(function(){					 
			var inrBox = $(this).parents('div.ctbd').find('div:eq(' + i + ')');
			inrBox.siblings('div').hide();
			inrBox.show();
			$(this).addClass('cur');
			$(this).siblings().removeClass('cur').css('background-position','0 0');
			return false;
		});
	}
	$('.ymsc-mn05 .dropdown div.ct01 .inr-tab li').each(inrTab);	
	$('.ymsc-mn05 .dropdown div.ct02 .inr-tab li').each(inrTab);	
	$('.ymsc-mn05 .dropdown div.ct03 .inr-tab li').each(inrTab);
}
if($('.ymsc-mn05 .dropdown')) setMn05();


// ymsc-sd03
function setSd03(){
	$('.ymsc-sd03 ul.sw li.three').show();
	var trg = $('.ymsc-sd03 ul.sw li a');
	var box = $('.ymsc-sd03 .tab').children('div');
	var tgt = "$('.ymsc-sd03 .tab').children('div:eq(' + i + ')')";
	var anm = 'fade';
	var bgp = new Array(true, '100% 0','100% -24px');
	setDropDown(trg, box, tgt, anm, bgp);
}
if($('.ymsc-sd03 ul.sw')) setSd03();


// ymsc-mn118
function setMn118(){
	var trg = $('.ymsc-mn118 .dropdown p a');
	var box = $('.ymsc-mn118 .dropdown').children('ul');
	var tgt = "$('.ymsc-mn118 .dropdown').children('ul:eq(' + i + ')')";
	var anm = 'slide';
	var bgp = new Array(true, '100% 0','100% -300px');
	setDropDown(trg, box, tgt, anm, bgp);
}
if($('.ymsc-mn118 .dropdown p')) setMn118();


// Set the Buttons for Adding to "My Music"
function setAddmy(){
	var trg = $('.addmy .m11');
	var box = $('.addmy').children('div');
	var tgt = "$(this).siblings('div')";
	var anm = 'none';
	var bgp = new Array(true, '-19px 0','0 -19px');
	setDropDown(trg, box, tgt, anm, bgp);
	
	$('.addmy ul').after('<div class="regist"><p class="txt"></p><p class="link"></p></div>');// Add Box for Comments Registration Finished.
	$('.addmy li a').each(function(i){
		$(this).click(function(){
			var lst = $(this).parent();
			var reg = $(this).parent().parent().siblings('div.regist');
			if (lst.hasClass('add01')){
				$(this).replaceWith('<strong>' + $(this).text() + '</strong>');
				reg.find('p.txt').text('この作品はブックマークに追加されました。');
				reg.find('p.link').html('<a href="#bookmark">ブックマークに移動</a>');//★あとでちゃんとしたリンク入れます！
				reg.fadeIn('fast');
			}
			if (lst.hasClass('add03')){
				$(this).replaceWith('<strong>' + $(this).text() + '</strong>');
				reg.find('p.txt').text('この作品はアラートに追加されました。');
				reg.find('p.link').html('<a href="#alert">アラートに移動</a>');//★あとでちゃんとしたリンク入れます！
				reg.fadeIn('fast');
			}
			return false;
		});
	});	
}
if($('.addmy a.m11')) setAddmy();


// Set the Buttons for Switching Display the Reasons Why They Recommend
function setReason(){
	var trg = $('img.reason');
	var box = $('div.reason').children('dl');
	var tgt = "$(this).siblings('div.reason').children('dl')";
	var anm = 'none';
	var bgp = new Array(false);
	setDropDown(trg, box, tgt, anm, bgp);
	trg.show().click(function(){
		$('img.reason').css('visibility','visible');	
		$(this).css('visibility','hidden');	
	});		   
}
if($('.reason')) setReason();


// Set onClick for Slide in ymsc-mn75, ymsc-mn86 and ymsc-mn87 -----------------------------------------------------------*
$('.ymsc-mn75 p.more a, .ymsc-mn86 p.st01 a, .ymsc-mn87 p.st01 a').each(function(i){
	var more = $(this).parent().parent().parent().find('.ctB');	
	
	$(this).click(function(){
		if(more.css('display') == 'none'){
			more.slideDown('normal');
			$(this).text('折りたたむ').css('background-position','100% 100%');
		}else{
			more.slideUp('normal');
			$(this).text('もっと見る').css('background-position','100% 0');
		}
		return false;
	});
});


// Set Tab for ymsc-sd43 -----------------------------------------------------------*
$('.ymsc-sd43 ul.tab li').each(function(i){
	$(this).click(function(){
		if(!$(this).hasClass('opened')){
			$(this).addClass('opened').siblings().removeClass('opened');
			$('.ymsc-sd43 div.container').eq(i).addClass('opened').siblings().removeClass('opened');
		}
		return false;
	});
});

// Set Tab for ymsc-sd09_2-----------------------------------------------------------*
$('.ymsc-sd09_2 ul.tab li').each(function(i){
	$(this).click(function(){
		if(!$(this).hasClass('opened')){
			$(this).addClass('opened').siblings().removeClass('opened');
			$('.ymsc-sd09_2 div.container').eq(i).addClass('opened').siblings().removeClass('opened');
		}
		return false;
	});
});


});

// Set onFocus for TextBox of Search -----------------------------------------------------------*
$(document).ready(function(){
  $('.searchtxt')
    .blur(function(){
      var $$=$(this);
      if($$.val()=='' || $$.val()==$$.attr('title')){
        $$.css('color', '#bebebe')
          .val($$.attr('title'));
      }
    })
    .focus(function(){
      var $$=$(this);
      if($$.val()==$$.attr('title')){
        $(this).css('color', '#000')
               .val('');
      }
    })
    .parents('form:first').submit(function(){
      var $$=$('#text');
      if($$.val()==$$.attr('title')){
        $$.triggerHandler('focus');
      }
    }).end()
    .blur();
  });