// JavaScript Document

$(function(){
	/*-------------
	Ga _trackEvent
	--------------*/
	$("a[href^=http]").click(function(){
		var url = $(this).attr('href');
			if( url.indexOf(location.hostname)<0){
			_gaq.push(['_trackEvent','_blank','Click',url]);
			}
	});

	/*-------------
	Ga _trackEvent
	--------------*/
	$("a[href^=http]").click(function(){
		var url = $(this).attr('href');
			if( url.indexOf(location.hostname)<0){
			_gaq.push(['_trackEvent','_blank','Click',url]);
			}
	});

	/*-------------
	fixHeight
	--------------*/
/*    $.fn.equalbox = function() {
    
        var bigHeight = 0 ;
        
        $(this).each(function () {
            $this = $(this);
            if ( $this.outerHeight() > bigHeight ) {
                bigHeight = $this.outerHeight();
            }
        });        
        
        return $(this).css("height", bigHeight);
    
    };
	$('#feature-01 ul').children().each(
		 function(i){
			 $(this).attr('id', 'recipe_01_' + (i + 1));
		 }
	 );
	$('#feature-02 ul').children().each(
		 function(i){
			 $(this).attr('id', 'recipe_02_' + (i + 1));
		 }
	 );

	var recipe01num = '#recipe_01_1';
	var recipe02num = '#recipe_02_1';
	
//	alert("recipe01num");

	$( '#recipe_01_1 , #recipe_02_1' ).equalbox();
	$( '#recipe_01_2 , #recipe_02_2' ).equalbox();
	$( '#recipe_01_3 , #recipe_02_3' ).equalbox();
	$( '#recipe_01_4 , #recipe_02_4' ).equalbox();
	$( '#recipe_01_5 , #recipe_02_5' ).equalbox();
	$( '#recipe_01_6 , #recipe_02_6' ).equalbox();
	$( '#recipe_01_7 , #recipe_02_7' ).equalbox();
	$( '#recipe_01_8 , #recipe_02_8' ).equalbox();
	$( '#recipe_01_9 , #recipe_02_9' ).equalbox();
	$( '#recipe_01_10 , #recipe_02_10' ).equalbox();
	$( '#recipe_01_11 , #recipe_02_11' ).equalbox();
	$( '#recipe_01_12 , #recipe_02_12' ).equalbox();
	$( '#recipe_01_13 , #recipe_02_13' ).equalbox();
	$( '#recipe_01_14 , #recipe_02_14' ).equalbox();
	$( '#recipe_01_15 , #recipe_02_15' ).equalbox();
	$( '#recipe_01_16 , #recipe_02_16' ).equalbox();*/

	/*-------------
	pageLoad
	--------------*/

	function randomtip(){
		var length = $("#feature-img li").length; // this is where we put the id of the list
		var ran = Math.floor(Math.random()*length) + 1;
		$("#feature-img li:nth-child(" + ran + ")").show();
	};
	randomtip();

	/*-------------
	pageTop
	--------------*/
	$("#pagetop").hover(function(){
		$(this).fadeTo(100, 0.7);
	},function(){
		$(this).fadeTo(100, 1);
	});
	
	var nowScroll;
	var theFlg=false;
	$(window).scroll(function(){
		var myScroll=$(this).scrollTop();
//		console.log(myScroll);
		
		if(myScroll>100){
			$("#pagetop").fadeIn("fast");
		}else if(myScroll<100){
			$("#pagetop").css("display","none");
		}
	});

	/*-------------
	form
	--------------*/

	//全てのチェックボックスをチェック
	$("#series_01_all,#series_02_all,#category_01_all,#category_02_all,#item_all,#cooking_all").click(function(){
		$(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked);
	});
	$('a.button_count a.connect_widget_like_button').css('padding', '0px');

	//フォームのvalue値
	//初期値の文字色
	var d_color = '#999999';
	//通常入力時の文字色
	var f_color = '#000000';
	if($('#form-free,#form-free-terms').attr("value") == ''){
		$('#form-free,#form-free-terms').attr('value','材料やメニュー名を入力');
	}
	$('#form-free,#form-free-terms').css('color',d_color).focus(function(){
		if('材料やメニュー名を入力' == $('#form-free,#form-free-terms').attr("value")){
			this.value = '';}
		$(this).css('color', f_color);
	})
	//選択が外れたときの処理
	.blur(function(){
		if($(this).val() == ''){
			$('#form-free,#form-free-terms').attr('value','材料やメニュー名を入力');
		}
		$(this).css('color', d_color);
	});
	// click
	function _onSearchClick(event){
		if('材料やメニュー名を入力' == $('#form-free,#form-free-terms').attr("value")){
			$('#form-free,#form-free-terms').attr("value", "");
		}
	}
	$("#search-btn01").bind("click", _onSearchClick);
	$("#search-btn02").bind("click", _onSearchClick);

	//アコーディオン
	$('#accordion .accordion-button').click(function() {
		if($('#accordion .accordion-content').is(':visible')) {
			$('#accordion .accordion-content').slideUp('fast');
			$("#accordion .search-btn").fadeIn(300);
		} else {
			$('#accordion .accordion-content').slideDown('fast');
			$("#accordion .search-btn").fadeOut(300);
		}
	});
	//閉じるボタン
		$('#accordion .accordion-close').click(function() {
 		$('#accordion .accordion-content').slideUp('fast');
		$("#accordion .search-btn").fadeIn(300);
	});
    //ページロード時
	$("#accordion .accordion-content").hide();

	/*-------------
	mouseOver (透過処理)
	--------------*/

	$(".alphaImg").hover(function(){
		$(this).fadeTo(100, 0.7);
	},function(){
		$(this).fadeTo(100, 1);
	});

	/*-------------
	mouseOver（fadeImg）
	--------------*/

	var _fadeImg;

	// mouse over
	function _onMouseOver(event)
	{
		_fadeImg = $(this);
		
		var imgHeight = _fadeImg.css("height");
		
		var hoverPath = _fadeImg.attr("src");
		var hoverStr = String(hoverPath);
		var hoverType = hoverStr.split(".")[1];
		var hoverNewPath = hoverStr.split(".")[0] + "_o." + hoverType;
		
		var parent = _fadeImg.parent();
		var tagName = String(parent.get(0).tagName).toLowerCase();
		var root = tagName == "a" ? parent.parent() : parent;
		
		root.css(
		{
			"width": _fadeImg.css("width"), 
			"height": _fadeImg.css("height")
		});
		if(parent.children().length < 2) parent.append("<img src="+ hoverNewPath + ">");
		
		var o = parent.children().eq(1);
		o.css(
		{
			"position": "relative", 
			"top": "-" + String(imgHeight),
			"left": "0", 
			"z-index": "0"
		});
		
		_fadeImg.css({ "z-index": "1" });
		
		_fadeImg.stop().animate({ "opacity": 0 }, { duration: 200 });
	}
	
	//mouse out
	function _onMouseOut(event)
	{
		_fadeImg.stop().animate({ "opacity": 1 }, { duration: 100 });
	}
	
	$(".fadehover").bind("mouseover", _onMouseOver);
	$(".fadehover").bind("mouseout", _onMouseOut);


	/*-------------
	mouseOver(Box Link)
	--------------*/
	//var linkboxes = $(".item");
//		for (var i=0; i<linkboxes.length; i++){
//		var readmores = $("h5");
//		for (var j=0; j<readmores.length; j++){
//			$(".item").click(function() {
//				var anchorTags = this.getElementsByTagName("a");
//				window.location = anchorTags[0].href;
//			});
//		}
//	}
//	$(".item h5").addClass("none"); 
//	$(".item").hover(function(){
//		},
//		function(){
//
//	});
	var linkboxes = $(".box-link");
		for (var i=0; i<linkboxes.length; i++){
		var readmores = $(".box-title");
		for (var j=0; j<readmores.length; j++){
			$(".box-link").click(function() {
				var anchorTags = this.getElementsByTagName("a");
				window.location = anchorTags[0].href;
			});
		}
	}
//	$(".box-link .box-title").addClass("none"); 
	$('#main .box-link').hover(function(){
		$(this).css('cursor' , 'pointer');
		$(this).addClass("box-hover"); 
		$(this).find('img.alphaImg').fadeTo(150, 0.7);
	},function(){
		$(this).removeClass("box-hover"); 
		$(this).find('img.alphaImg').fadeTo(150, 1);
	});

	/*-------------
	item photo
	--------------*/
	$('ul#thumb li a:first').addClass('on');

/*	$('ul#thumb li a').click(
		function(){
			$('#item-main-photo img').attr('src', $(this).attr('href'));
			$('ul#thumb li a').removeClass('on');
			$(this).addClass('on');
			return false;
		}
	);*/

	$('ul#thumb li a').click(
		function(){
			$('#item-main-photo img').before('<img src="' + $(this).attr('href') + '" alt="' + $(this).attr('title') + '" />');
			$('#item-main-photo img:last').fadeOut('fast',
				function(){
					$(this).remove();
				}
			);
			$('ul#thumb li a').removeClass("on");
			$(this).addClass("on");
			return false;
		}
	);

	/*-------------
	item icon
	--------------*/
	$('#main .mark a').each(function(){
		var tips =	$(this).attr('href');
		$(this).tinyTips('<iframe src="' + tips + '" frameborder="0" scrolling="no" marginheight="0px" marginwidth="0px"></iframe>');
	});
	$('#main .mark a').click(function(){
		$(this).attr('href', '#');
	});

    /*-------------------------------
    関連商品カルーセル
    --------------------------------*/
    // 設定
    // バナーBOXを指定
    var bannerBox = 'div.carousel-item-box';
    // バナーの表示数を指定
    var viewAmount = 4;
    // バナーのスクロール数を指定
    var scrollAmount = viewAmount;
    // Prevボタンを指定
    var buttonPrev = 'p.left-btn a';
    // Nextボタンを指定
    var buttonNext = 'p.right-btn a';
    // ページボタンBOXを指定
    var pageControlBox = 'p.related-pagenation';
    // ページ数表示
    var nowPage = $('span.related-page-now');
    var totalPage = $('span.related-page-all');
    // 設定ここまで
    
    var bannerUl = $('ul', bannerBox);
    var banners = $('li', bannerUl);
    var bannerLength = banners.length;
    var newBannerLength = bannerLength;
    
    // 空のliを追加
    if (bannerLength % viewAmount != 0) {
        for (i=0;i<viewAmount - bannerLength % viewAmount;i++) {
            bannerUl.append('<li>&nbsp;</li>');
            newBannerLength++;
        }
    }
    
    // バナーへID割り当て
    banners.each(function(){
        $(this).attr('id','bnr'+banners.index(this));
    });
    
    // ページ数初期化、関連商品が0件の場合はBOX非表示
    if (newBannerLength) {
        nowPage.html('1');
        totalPage.html((newBannerLength / viewAmount) + '');
    } else {
        $('section.item-related-area').hide();
    };
    
    // 1ページの場合は、ボタンを非表示
    if ((newBannerLength / viewAmount) < 2) {
        $(buttonPrev).hide();
        $(buttonNext).hide();
    }
    
    // カルーセル処理
    ($.browser.safari ? $(window).load : $).call($(window), function () {
        if (newBannerLength) {
            $(bannerBox).jCarouselLite({
                btnNext: buttonNext,
                btnPrev: buttonPrev,
                scroll: scrollAmount,
                visible: viewAmount,
                speed: 500,
                afterEnd: function(a) {
                    var idx = eval(a[0].id.replace('bnr',''));
                    nowPage.html(((idx / viewAmount) + 1) + '');
                }
            });
        }
    });

	/*-------------
	Map Print
	--------------*/
	$(document).ready(function(){
		$("#btn-print").click(function(){             // 印刷ボタンが押されたら
			$("body").addClass("print");            // body classに"print"を追加
			window.print();                         // 印刷を実行
			var timeout = setTimeout(function(){
				$("body").removeClass("print");     // body classから"print"を削除
			}, 1000);
			return false;                           // 終了
		});
	});


});