var $ = jquery.noconflict();

$(document).ready(function($) {

	$('#container').delay(400).addclass('active');

	/*-------------------------------------------------*/
	/* =  search animation
	/*-------------------------------------------------*/
	
	var searchtoggle = $('.open-search'),
		inputanime = $(".form-search"),
		body = $('body');

	searchtoggle.on('click', function(event){
		event.preventdefault();

		if ( !inputanime.hasclass('active') ) {
			inputanime.addclass('active');
		} else {
			inputanime.removeclass('active');			
		}
	});

	body.on('click', function(){
		inputanime.removeclass('active');
	});

	var elembinds = $('.open-search, .form-search');
	elembinds.bind('click', function(e) {
		e.stoppropagation();
	});



	/* ---------------------------------------------------------------------- */
	/*	header animate after scroll
	/* ---------------------------------------------------------------------- */

	(function() {

		var docelem = document.documentelement,
			didscroll = false,
			changeheaderon = 50;
			document.queryselector( 'header' );
		function init() {
			window.addeventlistener( 'scroll', function() {
				if( !didscroll ) {
					didscroll = true;
					settimeout( scrollpage, 100 );
				}
			}, false );
		}
		
		function scrollpage() {
			var sy = scrolly();
			if ( sy >= changeheaderon ) {
				$( 'header' ).addclass('active');
			}
			else {
				$( 'header' ).removeclass('active');
			}
			didscroll = false;
		}
		
		function scrolly() {
			return window.pageyoffset || docelem.scrolltop;
		}
		
		init();
		
	})();
	
	$('select').each(function(){
		var $this = $(this), numberofoptions = $(this).children('option').length;
	  
		$this.addclass('select-hidden'); 
		$this.wrap('<div class="select"></div>');
		$this.after('<div class="select-styled"></div>');
	
		var $styledselect = $this.next('div.select-styled');
		$styledselect.text($this.children('option').eq(0).text());
	  
		var $list = $('<ul />', {
			'class': 'select-options'
		}).insertafter($styledselect);
	  
		for (var i = 0; i < numberofoptions; i++) {
			$('<li />', {
				text: $this.children('option').eq(i).text(),
				rel: $this.children('option').eq(i).val()
			}).appendto($list);
		}
	  
		var $listitems = $list.children('li');
	  
		$styledselect.click(function(e) {
			e.stoppropagation();
			$('div.select-styled.active').not(this).each(function(){
				$(this).removeclass('active').next('ul.select-options').hide();
			});
			$(this).toggleclass('active').next('ul.select-options').toggle();
		});
	  
		$listitems.click(function(e) {
			e.stoppropagation();
			$styledselect.text($(this).text()).removeclass('active');
			$this.val($(this).attr('rel'));
			$list.hide();
			//console.log($this.val());
		});
	  
		$(document).click(function() {
			$styledselect.removeclass('active');
			$list.hide();
		});
	});
	
	$(function(){
		$('.btn[name]').click(function() {
			var tf_name_id = $(this).attr('name');
			$('.tc[name=' + tf_name_id + ']').addclass('act');
		});
		$('.close').click(function() {
			$(this).parents('.tc').removeclass('act')
		});
		$('.tc-bg').click(function() {
			$(this).parents('.tc').removeclass('act')
		});
	})
	
	//移动端内页导航
	$("#bnt_sub_nav").click(function(){
  	$(this).toggleclass("on");
		$("#sub_nav_content").slidetoggle();
	  });

	$("#sub_nav_content dt.title a").attr("href","javascript:void(0)");
	$("#sub_nav_content dt.title_on").next("dd").show();
	$("#sub_nav_content dt.title").click(function() {
		if ($(this).hasclass("title_on")) {
			$(this).next("dd").slidetoggle();
			$(this).removeclass("title_on");
		} else {
			$("#sub_nav_content dd").slideup();
			$("#sub_nav_content dt.title").removeclass("title_on").removeclass("on");
			$(this).toggleclass("title_on");
			$(this).next("dd").slidedown();
		}
	});

});