<!-- タブ作成start -->

$(function() {
	$('#container-1 ul').tabs({ fx: { opacity: 'toggle' } }).tabs('container-1', 2000);
});



<!-- タブ作成end -->

  $(document).ready(function(){
	 
	 function dbAccess(searchData){
  	 $.ajax({
		   type: "POST",
		   url: "/recipe/index.php/search/ee",
		   data: searchData,
		   success: function(xml){
//		   alert(xml);
        $("#result").empty();
        $("#previewImage").empty();
        $("div .resultPage").empty();
        $('#num').html($(xml).find('cnt').text());
        $("#result1").show();
        $("#noResult").hide();
        
        var page = create_links("",$(xml).find('cnt').text(),$('#displayNum').val(),$.cookie('page'));
    
        $('<p/>').html(page).appendTo('div .resultPage');
        
  	  $("a.page").click(function(){
  		$.cookie('page',this.id,{ expires: 7 });
  		var postTxt="";
		   postTxt += "free="+$.cookie('resFree');
		   postTxt += "&option="+$.cookie('searchOption');
		   postTxt += "&searchFlag="+$.cookie('searchFlag');
  		   postTxt += "&order="+$.cookie('sort');
		   postTxt += "&displayNum="+$('#displayNum').val();
		   postTxt += "&page="+$.cookie('page');
		   postTxt += "&checkedArr="+$.cookie('checkedArr');
		   postTxt += "&checkedRadioArr="+$.cookie('checkedRadioArr');
		   postTxt += "&radio_time="+$.cookie('radio_time');
		   postTxt += "&radio_calorie="+$.cookie('radio_calorie');
  		dbAccess(postTxt);
	  });

        // 画像+文字表示
  	  var display = $('#display').val();
        if(display==1){
        var x = 0;
        var y = 1;
        $('<div id="resultRow'+ y +'" class="resultRow"> </div>').appendTo('#result');
    	
        $(xml).find("element").each(function(){

            var item_text = $(this).text();
            var menu_id = $(this).find('menu_id').text();
            
            if(x < 3){
        		$('<a href="/recipe/index.php/search/detail/'+ menu_id +'"></a>').html('<img height="50" width="50" alt="'+$(this).find('menu_name').text()+'" src="/recipe/simages/'+menu_id.slice(0,4)+'/'+menu_id.slice(4,6)+'/'+menu_id+'ss.jpg">').appendTo('#previewImage');
        	} 
    		
            var cookTime = $(this).find('cookTime').text();
    		var calorie = $(this).find('calorie').text();
    		var salt = $(this).find('salt').text();
    		
    		if(cookTime.match(/\D/gi)){
    			var min = '';
    		}else{
    			var min = '分';
    		}
    		
    		if(calorie.match(/\D/gi)){
    			var kcal = '';
    		}else{
    			var kcal = 'kcal';
    		}
    		
    		if(salt.match(/\D/gi)){
    			var g = '';
    		}else{
    			var g = 'g';
    		}
    		
            resultHtml='<p class="recipeImg"><a href="/recipe/index.php/search/detail/'+$(this).find('menu_id').text()+'">'+
					'<img height="84" width="84" alt="'+$(this).find('menu_name').text()+'" src="/recipe/simages/'+menu_id.slice(0,4)+'/'+menu_id.slice(4,6)+'/'+menu_id+'s.jpg"/>'+
					'</a></p><p class="recipeName"><a href="/recipe/index.php/search/detail/'+$(this).find('menu_id').text()+'">'+
					$(this).find('menu_name').text()+'</a>'+
					'</p><p class="recipeInfo"><img height="13" width="45" alt="調理時間" src="/recipe/images/time_icon.gif"/>'+
					cookTime+min+
					'</p><p class="recipeInfo"><img height="13" width="45" alt="カロリー" src="/recipe/images/cal_icon.gif"/>'+
					calorie+kcal+
					'</p><p class="recipeInfo"><img height="13" width="45" alt="塩分" src="/recipe/images/salt_icon.gif"/>'+
					salt+g+'</p>';
				x++;
			$('<div class="result2ImgTxt"></div>').html(resultHtml).appendTo('#resultRow'+y);
			if(x%5 == 0){
				$('<div class="line"> </div>').appendTo('#result');
				y++
				$('<div id="resultRow'+ y +'" class="resultRow"> </div>').appendTo('#result');
			}

        });
        // 文字のみ
        }else if(display==2){
        	$(xml).find("element").each(function(i,field){
        		
        		var menu_id = $(field).find('menu_id').text();
        		
        		if(i < 3){
            		$('<a href="/recipe/index.php/search/detail/'+ menu_id +'"></a>').html('<img height="50" width="50" alt="'+$(field).find('menu_name').text()+'" src="/recipe/simages/'+menu_id.slice(0,4)+'/'+menu_id.slice(4,6)+'/'+menu_id+'ss.jpg">').appendTo('#previewImage');
            	}
        		
        		if(i % 10 == 0){
        			resultHtml = '<tbody><tr><th>レシピ名</th><th>おすすめポイント</th><th>調理時間<br />（分）</th><th>カロリー<br />（kcal）</th><th>塩分<br />（g）</th></tr>';
        		}
        		
        		if(	i % 2 == 0){
        			var even_odd = "odd";
        		}else{
        			var even_odd = "even";
        		}
        		
        		if($(field).find('catchcopy').text().length == 20){
        			ten="…";
        		}else {
        			ten="";
        		}
        			
        		resultHtml += '<tr class="'+ even_odd +'"><td class="recipeName">'+
	        		'<a href="/recipe/index.php/search/detail/'+$(this).find('menu_id').text()+'">'+ $(field).find('menu_name').text() +'</a></td>'+		
	        		'<td class="catchCopy">'+ $(field).find('catchcopy').text()+ ten +'</td>'+
	        		'<td class="recipeInfo">'+ $(field).find('cookTime').text() +'</td>'+
	        		'<td class="recipeInfo">'+ $(field).find('calorie').text() +'</td>'+
	        		'<td class="recipeInfo">'+ $(field).find('salt').text() +'</td></tr>';
        		if(i!=0 && (i+1) % 10 == 0 || parseInt($.cookie('page'))+1+i == $(xml).find('cnt').text()){
        			resultHtml += '</tbody>';
        			$('<table class="result2Txt"/>').html(resultHtml).appendTo('#result');
        		}
        		
        	});

        // 詳細
        }else if(display==3){
        	var resultHtml='';
        	$(xml).find("element").each(function(i,field){
	        	var menu_id = $(field).find('menu_id').text();
	    		
	    		if(i < 3){
	        		$('<a href="/recipe/index.php/search/detail/'+ menu_id +'"></a>').html('<img height="50" width="50" alt="'+$(field).find('menu_name').text()+'" src="/recipe/simages/'+menu_id.slice(0,4)+'/'+menu_id.slice(4,6)+'/'+menu_id+'ss.jpg">').appendTo('#previewImage');
	        	}
	        	
	    		if($(field).find('catchcopy').text().length == 20){
        			ten="…";
        		}else {
        			ten="";
        		}
	    		
	    		if($(field).find('ingredient').text().length == 20){
        			ten1="…";
        		}else {
        			ten1="";
        		}
	    		
	    		var cookTime = $(field).find('cookTime').text();
	    		var calorie = $(field).find('calorie').text();
	    		var salt = $(field).find('salt').text();
	    		
	    		if(cookTime.match(/\D/gi)){
	    			var min = '';
	    		}else{
	    			var min = '分';
	    		}
	    		
	    		if(calorie.match(/\D/gi)){
	    			var kcal = '';
	    		}else{
	    			var kcal = 'kcal';
	    		}
	    		
	    		if(salt.match(/\D/gi)){
	    			var g = '';
	    		}else{
	    			var g = 'g';
	    		}

	    			
	    		resultHtml +='<div class="result2Detail">'+
	    		'<div class="recipeImgContents"><p class="recipeImg">'+
	    		'<a href="/recipe/index.php/search/detail/'+$(this).find('menu_id').text()+'">'+
	    		'<img height="150" width="150" alt="'+$(field).find('menu_name').text()+'" src="/recipe/simages/'+menu_id.slice(0,4)+'/'+menu_id.slice(4,6)+'/'+menu_id+'m.jpg"/></a>'+
	    		'</p></div>'+
	    		'<div class="recipeInfomation"><p class="recipeName">'+
	    		'<a href="/recipe/index.php/search/detail/'+$(this).find('menu_id').text()+'">'+$(field).find('menu_name').text()+'</a></p>'+
	    		''+
	    		'<p class="catchCopy">'+ $(field).find('catchcopy').text() + ten +'</p>'+
	    		'<p class="recipeInfo"><img src="/recipe/images/ingredients_icon.gif" alt="材料" width="45" height="13" />'+
	    		$(field).find('ingredient').text() +ten1+
	    		'</p><p class="recipeInfo"><img src="/recipe/images/time_icon.gif"　alt="調理時間" width="45" height="13" />'+
	    		cookTime +min+
	    		'</p><p class="recipeInfo"><img src="/recipe/images/cal_icon.gif" alt="カロリー" width="45" height="13" />'+
	    		calorie +kcal+
	    		'</p><p class="recipeInfo"><img src="/recipe/images/salt_icon.gif"　alt="塩分" width="45" height="13" />'+
	    		salt +g+
	    		'</p></div></div>';
	    		
	    		if(i != 0 && (i+1) % 2 == 0 || (i+1) == $(xml).find('cnt').text()){
		    		$('<div class="resultRow"/>').html(resultHtml).appendTo('#result');
		    		
		    		$('<div class="line"/>').appendTo('#result');
		    		resultHtml = "";
	    		}
        	});
        }
        jQuery.unblockUI();
    }
    
		});
  }  
	  
  // checkbox読込start
  function countChecked() {
      var fields = box.serializeArray();

      $("#check").empty();
      
      $.cookie('radio_time', '', { expires: -1 });
      $.cookie('radio_calorie', '', { expires: -1 });
      var minus_radio=0;
      $.cookie('minus_radio', '', { expires: -1 });
      var checkedArr="";
      $.cookie('checkedArr', '', { expires: -1 });
      var checkedRadioArr="";
      $.cookie('checkedRadioArr', '', { expires: -1 });
      var chkCount="";
      jQuery.each(fields, function(i, field){

			if(field.name=="time"){
				$.cookie('radio_time',field.value,{ expires: 7 });
				var name = field.value;
				var id = field.name;
				var unit = "分まで";
				minus_radio ++;
			}else if(field.name=="calorie"){
				$.cookie('radio_calorie',field.value,{ expires: 7 });
				var name = field.value;
				var id = field.name;
				var unit = "kcalまで";
				minus_radio ++;
			}else if(field.name=="food"){
				checkedRadioArr += "food='"+field.value+"' and ";
				no = parseInt(field.value);
				switch(no)
				{
					case 1:var name = "ごはん";break;
					case 2:var name = "パン";break;
					case 3:var name = "穀類";break;
					case 4:var name = "パスタ";break;
					case 5:var name = "ピザ";break;
					case 6:var name = "おかず（主菜）";break;
					case 7:var name = "おかず（副菜）";break;
					case 8:var name = "サラダ";break;
					case 9:var name = "和え物";break;
					case 10:var name = "味噌汁";break;
					case 11:var name = "その他汁物";break;
					case 12:var name = "漬物";break;
					case 13:var name = "デザート";break;
					case 14:var name = "ドリンク";break;
					default:alert("該当なし");
				}
				
				var id = field.name;
				var unit = "";
			}else if(field.name=="season"){
				checkedRadioArr += "season='"+field.value+"' and ";
				no = parseInt(field.value);
				switch(no)
				{
					case 1:var name = "春（3～5月）";break;
					case 2:var name = "夏（6～8月）";break;
					case 3:var name = "秋（9～11月）";break;
					case 4:var name = "冬（12～2月）";break;
				}
				var id = field.name;
				var unit = "";
			}else if(field.name=="scene"){
				checkedRadioArr += "scene='"+field.value+"' and ";
				no = parseInt(field.value);
				switch(no)
				{
					case 1:var name = "朝食";break;
					case 2:var name = "お弁当";break;
					case 3:var name = "おやつ";break;
					case 4:var name = "夜食";break;
					case 5:var name = "おつまみ";break;
					case 6:var name = "おもてなし";break;
				}
				var id = field.name;
				var unit = "";
			}else if(field.name=="compendium"){
				$.cookie('compendium',field.value,{ expires: 7 });
				no = parseInt(field.value);
				var name = field.value;
				var unit = "";
			}else{
				var name = field.value;
				var id = field.value;
				var unit = "";
				checkedArr += field.name+",";
			}
			$('<a id="'+ id +'" class="sel" href="javascript:void(0);" align="left"/>').append(name + unit +'<span class="dustboxText">[削除]</span>').appendTo('#check');
			chkCount=i+1;
      });

      $.cookie('minus_radio',minus_radio,{ expires: 7 });
      $.cookie('checkedRadioArr',checkedRadioArr,{ expires: 7 });
      $.cookie('checkedArr',checkedArr,{ expires: 7 });
      
      $("a.sel").click(function(){
		$('input[@type="checkbox"][@value="'+ this.id +'"]').attr('checked', false);
		$('input[@type="radio"][@name="'+ this.id +'"]').attr('checked', false);
		searchStart();
    	});
      return chkCount;
    }

        //チェックボックス
        box=$("#container-1").find("[type=checkbox],[type=radio]");

    //チェックボックスクリック時の処理
    box.click(searchStart);
  	
  	// checkbox読込end
  	
  	
  	// フリーキーワード検索start
  		function freekwGet(){
  			var freeKeyword = $("#freekw").val();
  			freeKeyword = freeKeyword.replace(/　/g," ");
  			freeKeyword = freeKeyword.replace(/^\s+|\s+$/g, "");
  			$("#txt").empty();
  			if(freeKeyword.length > 0 && searchOptionGet()){
  			schTxt = "";
  			var txt = freeKeyword.split(" ");
	      jQuery.each(txt, function(i, fieldt){
	      		if(fieldt.length > 0){
	      		$('<a id="'+ i +'" href="javascript:void(0);" class="freetxt"/>').append(fieldt+'<span class="dustboxText">[削除]</span>').appendTo('#txt');
	      		
					schTxt += fieldt+",";
	      		}
	      }

	      );
	      $("a.freetxt").click(function(){
	  		txt.splice(this.id,1);
	  		$("#freekw").val(txt.join(" "));
	  		searchStart();
	  			});
	      return schTxt;
	      
		}else{
			return 0;
			
			}
  		}

  		function searchOptionGet(){
  	  		if(0<$("input[@name='searchRange']:checked").length){
	  			searchOption="";
	  			$.cookie('searchOption1', '', { expires: -1 });
	  			$.cookie('searchOption2', '', { expires: -1 });
	  			$.cookie('searchOption4', '', { expires: -1 });
	  			for(i=0;i<$("input[@name='searchRange']:checked").length;i++){
					searchOption += $("input[@name='searchRange']:checked").eq(i).val()+",";
					$.cookie('searchOption'+$("input[@name='searchRange']:checked").eq(i).val(),$("input[@name='searchRange']:checked").eq(i).val(),{ expires: 7 });
			    }
			      
				searchOption += $("input[@name='searchType']:checked").val();
				$.cookie('searchType',$("input[@name='searchType']:checked").val(),{ expires: 7 });

				if($.cookie('searchType')=='1'){
					$('#fkwConditionKind').attr('src','/recipe/images/fkw_and_icon.gif');
				}else{
					$('#fkwConditionKind').attr('src','/recipe/images/fkw_not_icon.gif');
				}
				
				return searchOption;
  	  		}else{
				alert("検索オプションを選択してください。");
				return 0;
  	  		}
  		}
  	$("#freekwSearch").click(searchStart);
  	
  	// フリーキーワード検索end
  	
  	$("#clearAll").click(function(){
  		
  		$("#freekw").val('');
  		$("#container-1").find("input:checked").attr("checked", false);
  		
  		searchStart();
  		
  	});
  	
  	// enterキーで検索
  	$(":input").keydown(function(e){
		  if( e.keyCode == 13){
			  searchStart();
		  }
	});

  	 	
   function searchStart(){
	   jQuery.blockUI({ css: {
	        border: 'none',
	        padding: '15px',
	        backgroundColor: '#000',
	        '-webkit-border-radius': '10px',
	        '-moz-border-radius': '10px',
	        opacity: '.8',
	        color: '#fff'
	    } });
	   resChk = countChecked();
	      
	   $("div .resultPage").empty();
	   // 前回のページング削除
	   $.cookie('page',0,{ expires: 7 });
	   
	   resFree = freekwGet();
	   postTxt ="";
	   searchFlag=0;
	   if(resFree){
		searchFlag++;
	   postTxt = "free="+resFree+"&";
	   $.cookie('resFree',resFree,{ expires: 7 });
	   searchOption = searchOptionGet();
		   if(searchOption){
		   	postTxt += "option="+searchOption;
		   	$.cookie('searchOption',searchOption,{ expires: 7 });
			
		   }
	   }else if(resChk < 1){
//		   $("#num").empty();
//		   $("#previewImage").empty();
		   $("#result1").hide();
		   $("#noResult").show();
		   $("#result").empty();
		   $('<img src="/recipe/images/start_img_090929.jpg" alt="ダイエーのおすすめレシピのご紹介"  />').appendTo('#result');
		   jQuery.unblockUI();
	   }
	
	   if(($("#container-1").find("input:checked").length)- $.cookie('minus_radio') > 0){	   
		   searchFlag = searchFlag+2;
	   }else if(resFree == 0 && $.cookie('minus_radio') > 0){
		   searchFlag = 4;
	   }
	   $.cookie('searchFlag',searchFlag,{ expires: 7 });
	   
	   if(searchFlag > 0){
		   postTxt += "&searchFlag="+searchFlag;
		   postTxt += "&order="+$.cookie('sort');
		   postTxt += "&displayNum="+$('#displayNum').val();
		   postTxt += "&page="+$.cookie('page');
		   postTxt += "&checkedArr="+$.cookie('checkedArr');
		   postTxt += "&checkedRadioArr="+$.cookie('checkedRadioArr');
		   postTxt += "&radio_time="+$.cookie('radio_time');
		   postTxt += "&radio_calorie="+$.cookie('radio_calorie');
		   dbAccess(postTxt);
	   }
	   
   }

   // 並び替えボタンstart
   $("span > .button").click(function(){
		if(this.src.indexOf("on",35)>0){
			this.src = this.src.replace("_on","");
			$.cookie('sort', '', { expires: -1 }); // delete cookie
		}else{
			$('#cookTime').attr('src','/recipe/images/sort_time_btn.gif');
			$('#calorie').attr('src','/recipe/images/sort_cal_btn.gif');
			$('#salt').attr('src','/recipe/images/sort_salt_btn.gif');
			
			this.src = this.src.replace("btn","btn_on");
			$.cookie('sort',this.id,{ expires: 7 });
		}
		searchStart();
   });
   
   $("select").change(function () {
	   searchStart();
  });
   
   searchStart();
   
  	// スライド作成start
    $(".changeSearch").click(function () {
    	if(this.src.indexOf("_on",35)>0){
			this.src = this.src.replace("_on","");
		}else{
			$(".changeSearch").attr('src','/recipe/images/shiborikomi_btn_on.gif');
			$("#freekwSearchOption").attr('src','/recipe/images/fkw_option_btn.gif');
		}
      $("#visible1").slideToggle('slow');
//      $("#recipeSearch").slideToggle('slow');
      $("#fkwSearchOptionContents").slideUp('slow');
    });
    
    $("#freekwSearchOption").click(function () {
    	if(this.src.indexOf("_on",35)>0){
			this.src = this.src.replace("_on","");
		}else{
			$("#freekwSearchOption").attr('src','/recipe/images/fkw_option_btn_on.gif');
			$(".changeSearch").attr('src','/recipe/images/shiborikomi_btn.gif');
		}
        $("#fkwSearchOptionContents").slideToggle('slow');
        $("#visible1").slideUp('slow');
      });
    // スライド作成end
    
    // イージング
    $('a[href*=#resultContents]').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
          var $target = $(this.hash);
          $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
          if ($target.length) {
            var targetOffset = $target.offset().top;
            $('html,body').animate({scrollTop: targetOffset}, 1000);
           return false;
          }
        }
      });
    
    
    function create_links(base_url,total_rows,per_page,page)
	{
		var num_links			=  0; // Number of "digit" links to show before/after the currently viewed page
		var cur_page	 		=  0; // The current page being viewed
		var first_link   		= '&lsaquo; 最初';
		var next_link			= '&gt;';
		var prev_link			= '&lt;';
		var last_link			= '最後 &rsaquo;';
		var uri_segment		= 3;
		var full_tag_open		= '';
		var full_tag_close		= '';
		var first_tag_open		= '';
		var first_tag_close	= '&nbsp;';
		var last_tag_open		= '&nbsp;';
		var last_tag_close		= '';
		var cur_tag_open		= '&nbsp;<b>';
		var cur_tag_close		= '</b>';
		var next_tag_open		= '&nbsp;';
		var next_tag_close		= '&nbsp;';
		var prev_tag_open		= '&nbsp;';
		var prev_tag_close		= '';
		var num_tag_open		= '&nbsp;';
		var num_tag_close		= '';	
		
		// If our item count or per-page total is zero there is no need to continue.
		if (total_rows == 0 || per_page == 0)
		{
		   return '';
		}

		// Calculate the total number of pages
		num_pages = Math.ceil(total_rows / per_page);

		// Is there only one page? Hm... nothing more to do here then.
		if (num_pages == 1)
		{
			return '';
		}

		// Determine the current page number.		
		if (page != 0)
		{
			cur_page = page;
			
			// Prep the current page - no funny business!
			cur_page = parseInt(cur_page);
		}
				
		if (0) // もともと ! is_numeric(cur_page)
		{
			cur_page = 0;
		}
		
		// Is the page number beyond the result range?
		// If so we show the last page
		if (cur_page > total_rows)
		{
			cur_page = (num_pages - 1) * per_page;
		}
		
		uri_page_number = cur_page;
		cur_page = Math.floor((cur_page/per_page) + 1);
		
		// Calculate the start and end numbers. These determine
		// which number to start and end the digit links with
//		start = ((cur_page - num_links) > 0) ? cur_page - (num_links - 1) : 1;
//		end   = ((cur_page + num_links) < num_pages) ? cur_page + num_links : num_pages;

		start = ((cur_page % 10)>0) ? Math.floor(cur_page/10)*10+2 : (((cur_page/10)-1)*10+2) ;
		end   = ((start + 8) < num_pages) ? start + 8 : num_pages;
		
		// Add a trailing slash to the base URL if needed
		base_url = ""; // rtrim(base_url, '/')

  		// And here we go...
		var output = '';

		// Render the "First" link
		if  ((start - 8) >= 0)
		{
			output += first_tag_open+'<a id="0" class="page" href="javascript:void(0);">'+first_link+'</a>'+first_tag_close;
		}

		// Render the "previous" link
		if  ((start - 8) >= 0)
		{
			i = (start - 12)*per_page;
			if (i == 0) i = 0;
			output += prev_tag_open+'<a id="'+i+'" class="page" href="javascript:void(0);">'+prev_link+'</a>'+prev_tag_close;
		}

		// Write the digit links
		for (loop = start -1; loop <= end; loop++)
		{
			i = (loop * per_page) - per_page;
					
			if (i >= 0)
			{
				if (cur_page == loop)
				{
					output += cur_tag_open+loop+cur_tag_close; // Current page
				}
				else
				{
					n = (i == 0) ? i : i;
					output += num_tag_open+'<a id="'+n+'" class="page" href="javascript:void(0);">'+loop+'</a>'+num_tag_close;
				}
			}
		}

		// Render the "next" link
		if (start < num_pages-8)
		{
			output += next_tag_open+'<a id="'+((start+8) * per_page)+'" class="page" href="javascript:void(0);">'+next_link+'</a>'+next_tag_close;
		}

		// Render the "Last" link
		if (start < num_pages-8)
		{
			i = ((num_pages * per_page) - per_page);
			output += last_tag_open+'<a id="'+i+'" class="page" href="javascript:void(0);">'+last_link+'</a>'+last_tag_close;
		}

		// Kill double slashes.  Note: Sometimes we can end up with a double slash
		// in the penultimate link so we'll kill all double slashes.
//		output = preg_replace("#([^:])//+#", "\\1/", output);
		output = output.replace("#([^:])//+#", "\\1/")

		// Add the wrapper HTML if exists
		output = full_tag_open+output+full_tag_close;
		
		return output;		
	}	  
  });
