var vinTechniqueDetails = function(){
	
	var addListeners = function(){
		//鎼滅储鍏抽敭璇
		$('#search').on('click',function(){
			toSearchUrl();
		});
		//鍥炶溅鎵ц鎼滅储
		$('#technique-search').keyup(function(event){
			if(event.keyCode == 13){
				toSearchUrl();
			}
		});
		
		$('#refresh').on('click', function(){
			initHobbyArticles();
		});
	}
	
	
	var toSearchUrl = function(){
		var searchContent = $('#technique-search').val();
		if(searchContent == "") {
			window.location.href = "/blog/";
			return;
		}
		window.location.href = "/blog/?search=" + searchContent;
	}
	
	
	//鑾峰彇url鍙傛暟
	var getUrlParam = function(name){
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //鏋勯€犱竴涓惈鏈夌洰鏍囧弬鏁扮殑姝ｅ垯琛ㄨ揪寮忓璞
        var r = window.location.search.substr(1).match(reg);  //鍖归厤鐩爣鍙傛暟
        if (r != null) return decodeURI(r[2]); return null; //杩斿洖鍙傛暟鍊
    }
	
	
	//鍒濆鍖栨劅鍏磋叮鐨勬枃绔
	var initHobbyArticles = function(){
		var url_name =  getUrlParam('url_name');
		var data = {url_name: url_name};
		$.post('/api/', {m:6,f:'getHobbyArticles',p:data}, function(d){
			var data = JSON.parse(d);
			if(data.length == 0){
				$('.technique-hobby').hide();
				return;
			}
			var html = "";
			for(var i=0;i<data.length;i++){
				html += '<div class="col-md-4 col-sm-4"><a target="_blank" href="/blog/'+ data[i].url_name +'.html"><div class="hobby-img" style="background-image: url('+data[i].background_img+');"><div></div></div><p>'+ data[i].title +'</p></a></div>';
			}
			$('#hobby-article').html(html);
		});
	}

	let toTop = function (){
		$(".totop").click(function (){
			$('html,body').animate({scrollTop: 0}, 800);
		})
	}

	let runTabMenu = function () {
		let windowTop = $(window).scrollTop();
		if(windowTop > 300){
			$(".totop").show();
		}else{
			$(".totop").hide();
		}
	}
	
	
	return{
		init: function(){
			initHobbyArticles();
			addListeners();
			toTop();
			jQuery(window).load(runTabMenu());
			jQuery(window).scroll(runTabMenu);
		}
		
	};
}();

$(document).ready(function(){
	vinTechniqueDetails.init();
});