var hints;

$(document).ready(function(){
	$('#openBtn1').bind('click', function(){
		if($('#dropDownMenuForRanking').css('display') == 'none'){
			$('#dropDownMenuForRanking').fadeIn(200, function(){
				$('body').one('click', function(){
					$('#dropDownMenuForRanking').hide();
				});
			});
		}
		else {
			$('#dropDownMenuForRanking').hide();
		}
	});
	$('#openBtn2').bind('click', function(){
		if($('#dropDownMenuForCommunity').css('display') == 'none'){
			$('#dropDownMenuForCommunity').fadeIn(200, function(){
				$('body').one('click', function(){
					$('#dropDownMenuForCommunity').hide();
				});
			});
		}
		else {
			$('#dropDownMenuForRanking').hide();
		}
	});
	
	$('.naviSlide').bind('click',slideNavi);
	jQuery.each($('.naviSlide'), function(){
		if($(this).next().css('display') != 'none'){
			var img = $(this).children(':only-child');
			switch(img.attr('alt')){
				case '女子タイプ別ランキング' :
					img.attr('src','/beauty/img/li_side_ranking_01_cr.png');
					break;
				case '職業別ランキング' :
					img.attr('src','/beauty/img/li_side_ranking_02_cr.png');
					break;
				case '年代別ランキング' :
					img.attr('src','/beauty/img/li_side_ranking_03_cr.png');
					break;
				case '地域別ランキング' :
					img.attr('src','/beauty/img/li_side_ranking_04_cr.png');
					break;
			}
		}
	});
	
	hints = {1:'ブログ名/プロフィール/URL',2:'コミュニティ名/概要',3:'ブログ記事タイトル/概要'};
	$('#SearchKeyword1').bind('focus', {key:$('#SearchKeyword1'), opt:$('#SearchOption1')}, removeSearchHint);
	$('#SearchKeyword1').bind('blur', {key:$('#SearchKeyword1'), opt:$('#SearchOption1')}, restoreSearchHint);
	$('#SearchOption1').bind('change', {key:$('#SearchKeyword1'), opt:$('#SearchOption1')}, resetHint);
	$('#SearchForm1').bind('submit', {key:$('#SearchKeyword1'), opt:$('#SearchOption1')}, checkKey);
	
	$('#SearchKeyword2').bind('focus', {key:$('#SearchKeyword2'), opt:$('#SearchOption2')}, removeSearchHint);
	$('#SearchKeyword2').bind('blur', {key:$('#SearchKeyword2'), opt:$('#SearchOption2')}, restoreSearchHint);
	$('#SearchOption2').bind('change', {key:$('#SearchKeyword2'), opt:$('#SearchOption2')}, resetHint);
	$('#SearchForm2').bind('submit', {key:$('#SearchKeyword2'), opt:$('#SearchOption2')}, checkKey);
	restoreSearchHint({data:{key:$('#SearchKeyword1'), opt:$('#SearchOption1')}});
	restoreSearchHint({data:{key:$('#SearchKeyword2'), opt:$('#SearchOption2')}});
});

function resetHint(event){
	if(hints[1] == event.data.key.val() || hints[2] == event.data.key.val() || hints[3] == event.data.key.val()){
		 event.data.key.val(hints[$(this).val()]);
	}
}

function removeSearchHint(event){
	if($(this).val() == hints[event.data.opt.val()]){
		 event.data.key.removeClass('defaultValue');
		$(this).val('');
	}
}

function restoreSearchHint(event){
	if(event.data.key.val() == ''){
		event.data.key.addClass('defaultValue');
		event.data.key.val(hints[event.data.opt.val()]);
	}
	else if(hints[1] == event.data.key.val() || hints[2] == event.data.key.val() || hints[3] == event.data.key.val()){
		event.data.key.addClass('defaultValue');
	}
}

function checkKey(event){
	if(hints[1] == event.data.key.val() || hints[2] == event.data.key.val() || hints[3] == event.data.key.val()){
		return false;
	}
	else if(event.data.key.val() == ''){
		return false;
	}
	else{
		return true;
	}
}

function slideNavi(){
	var img = $(this).children(':only-child');
	if($(this).next().css('display') == 'none'){
		$(this).next().slideDown(300);
		switch(img.attr('alt')){
			case '女子タイプ別ランキング' :
				img.attr('src','/beauty/img/li_side_ranking_01_cr.png');
				break;
			case '職業別ランキング' :
				img.attr('src','/beauty/img/li_side_ranking_02_cr.png');
				break;
			case '年代別ランキング' :
				img.attr('src','/beauty/img/li_side_ranking_03_cr.png');
				break;
			case '地域別ランキング' :
				img.attr('src','/beauty/img/li_side_ranking_04_cr.png');
				break;
		}
	}
	else{
		$(this).next().slideUp(300);
		switch(img.attr('alt')){
			case '女子タイプ別ランキング' :
				img.attr('src','/beauty/img/li_side_ranking_01_on.png');
				break;
			case '職業別ランキング' :
				img.attr('src','/beauty/img/li_side_ranking_02_on.png');
				break;
			case '年代別ランキング' :
				img.attr('src','/beauty/img/li_side_ranking_03_on.png');
				break;
			case '地域別ランキング' :
				img.attr('src','/beauty/img/li_side_ranking_04_on.png');
				break;
		}
	}
}

function toggleComment(btn){
	$comment = $(btn).parent().next();
	if($comment.css('display') == 'none'){
		$(btn).parent().next().slideDown(300);
	}
	else{
		$(btn).parent().next().slideUp(300);
	}
}

function finalanswer(){
	return window.confirm('この操作は取り消せません。コメントを削除しますか?');
}