$(document).ready(function($){
	initRollOverImages();
	initRecipeBox();
	initProgramNav();
	initSideRanking();
});

function initRollOverImages() {  
	var image_cache = new Object();  
	$(".ro a img").not("[src*='_on.']").not("[src*='_c.']").each(function(i) {
		var parentClass = $(this).parent().parent().attr("class");
		if(parentClass.indexOf("noro") == -1){
			var imgsrc = this.src;  
			var dot = this.src.lastIndexOf('.');  
			var imgsrc_on = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);  
			image_cache[this.src] = new Image();  
			image_cache[this.src].src = imgsrc_on;  
			$(this).hover(  
				function() { this.src = imgsrc_on;},  
				function() { this.src = imgsrc; }  
			);
		};
	});  
}


$(function() {
	$('a[href*=#]').click(function() {
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
			var target = $(this.hash);
			target = target.length && target;
			if (target.length) {
				var sclpos = 0;
				var scldurat = 800;
				var targetOffset = target.offset().top - sclpos;
				$('html,body')
					.animate({scrollTop: targetOffset}, {duration: scldurat, easing: "easeOutExpo"});
				return false;
			}
		}
	});
});


function initRecipeBox(){
	//表示の処理
	var $recipeBtn = $('#recipeBtn');
	var $recipeBox = $('#recipeBox');
	var $recipeBtnImg = $('#recipeBtnImg');
	if($("body").is(":has('.nowonair')")){
		$recipeBox.css('width','811px')
	}
	
	$recipeBtn.hover(function(){
		$recipeBox.css('opacity','0').css('display','block');
		$recipeBox.animate(
			{opacity: 1},
			{duration:200,queue: false}
		)
		$recipeBtnImg.attr('src','/img/common/gnav06_on.png');
	},
	function(){
		$recipeBox.animate(
			{opacity: 0},
			{duration:100,queue: false,complete:function(){$(this).css('display','none');}}
		)
		$recipeBtnImg.attr('src','/img/common/gnav06.png');
	});
}

function initProgramNav(){
	//表示の処理
	var $programNavBtn = $('#programNavBtn');
	var $programNav = $('#programNav');
	var $programNavBtnImg = $('#programNavBtnImg');
	
	$programNavBtn.hover(function(){
		$programNav.css('opacity','0').css('display','block');
		$programNav.animate(
			{opacity: 1},
			{duration:200,queue: false}
		)
		$programNavBtnImg.attr('src','/img/common/gnav01_on.png');
	},
	function(){
		$programNav.animate(
			{opacity: 0},
			{duration:100,queue: false,complete:function(){$(this).css('display','none');}}
		)
		$programNavBtnImg.attr('src','/img/common/gnav01.png');
	});
}

function initSideRanking() {  
	var $sideRankingNav = $('#sideRanking .nav');
	var $rankinBtn1 = $('#rankinBtn1');
	var $rankinBtn2 = $('#rankinBtn2');
	var $sideRankingFoodies = $('#sideRankingFoodies');
	var $sideRankingTabelatte = $('#sideRankingTabelatte');
	var $rankingarrow1 = $('#rankingarrow1');
	var $rankingarrow2 = $('#rankingarrow2');
	
	$rankinBtn1.live('click',function(){
		$sideRankingFoodies.removeClass('dispNon');
		$sideRankingTabelatte.addClass('dispNon');
		$rankingarrow1.removeClass('dispNon');
		$rankingarrow2.addClass('dispNon');
		var miniHtml = $(this).html().replace('<a href="javascript:void(0);">','').replace('</a>','');
		$(this).empty().append(miniHtml);
		var miniHtml2 = '<a href="javascript:void(0);">'+$rankinBtn2.html().replace('_on','')+'</a>';
		$rankinBtn2.empty().append(miniHtml2);
		initTempRollOverImages($rankinBtn2.find('img'));
	});
	
	$rankinBtn2.live('click',function(){
		$sideRankingFoodies.addClass('dispNon');
		$sideRankingTabelatte.removeClass('dispNon');
		$rankingarrow1.addClass('dispNon');
		$rankingarrow2.removeClass('dispNon');
		var miniHtml = $(this).html().replace('<a href="javascript:void(0);">','').replace('</a>','');
		$(this).empty().append(miniHtml);
		var miniHtml2 = '<a href="javascript:void(0);">'+$rankinBtn1.html().replace('_on','')+'</a>';
		$rankinBtn1.empty().append(miniHtml2);
		initTempRollOverImages($rankinBtn1.find('img'));
	});
}