// 默认obj为执行元素



// HOVER
	// 默认样式 .h , 默认Hover样式 .hover
	// 自定义HOVER可使用 Hover(obj, classname)
$(function(){
	$(".h").hover(function(){
		$(this).addClass("hover")
	}, function(){
		$(this).removeClass("hover")
	})
})
function Hover(obj, classname) {
	obj.hover(function(){
		$(this).addClass(classname)
	}, function(){
		$(this).removeClass(classname)
	})
}
	function set_font() {
	    // 计算、转换布局单位
	    var html = document.getElementsByTagName('html')[0];

	    var designFontSize = 100,
	        designWidth = 1920;

	    function setFontSize() {

	        var winWidth = document.documentElement.getBoundingClientRect().width;
	        if(winWidth>=770){
	        	designWidth = 1920;
	        }else{
	        	designWidth = 750;
	        }
	        var fontSize = winWidth / designWidth * designFontSize;
	        html.style.fontSize = fontSize + 'px';
	    }

	    setFontSize();
	    window.addEventListener('resize', function () {
	        setFontSize();
	    });
	    return this;
	}

	set_font()
// TAB
	// 默认焦点样式 .cur
	// 为防止xp系统opacity可能出现的锯齿或边缘模糊， 默认.tabbox效果.show() / .hide()
	// 拓展.tabbox成opacity， 需在.tabbox上加上 data-effect="true"
function Tab(tabBtn, tabBox) {
	var tabbl = true;
	tabBtn.eq(0).addClass("cur")
	tabBox.eq(0).show()
	tabBtn.click(function(){
        var n = $(this).index();
        $(this).addClass("cur").siblings().removeClass("cur")
        if(tabBox.attr("data-effect") == "true"){
        	if(!tabbl){
        		return
        	}
        	tabbl = false;
        	tabBox.eq(n).stop().fadeIn(800).siblings().stop().fadeOut(800, function(){
        		tabbl = true;
        	})
        }else{
        	tabBox.eq(n).show().siblings().hide()
        }
    })
}

// 图片全屏 / 图片充满整个父级
	// 默认box自带loading背景图
	// 默认obj hide
function FullBg(box, obj){
	box.css("background", "none")
	obj.eq(0).stop().fadeIn(1000)
	function resizeBg() {
		obj.removeClass("w-f").removeClass("h-f").css("margin", 0)
		var boxR = box.outerWidth() / box.outerHeight(),
			objR = obj.width() / obj.height();
		if( objR < boxR ) {
		    obj.addClass('w-f').css("margin-top", -(obj.height() - box.outerHeight()) / 2);
		}else{
		    obj.addClass('h-f').css("margin-left", -(obj.width() - box.outerWidth()) / 2);
		}
	}
	$(window).resize(resizeBg).trigger("resize");
}
// 视频全屏 / 视频充满整个父级 (video获取宽高有问题)
function videoFull(obj, width, height){
	var $video = obj
	function resizeBg() {
		$video.attr("width", "").attr("height", "").attr("style", "")
		var boxR = $('.top-video').outerWidth() / $('.top-video').outerHeight(),
			objR = width / height;

		if( objR < boxR ) {
			$video.attr("width", "100%")
			var videoHeight = $video.width() / objR
			var top = - (videoHeight - $('.top-video').outerHeight()) / 2 > 0 ? 0 : - (videoHeight - $('.top-video').outerHeight()) / 2
			$video.css("margin-top", top);
		}else{
			$video.attr("height", "100%")
			var videoWidth = $video.height() * objR
			var left = - (videoWidth - $('.top-video').outerWidth()) / 2 > 0 ? 0 : - (videoWidth - $('.top-video').outerWidth()) / 2
		    $video.css("margin-left", left);
		}
	}
	$(window).resize(resizeBg).trigger("resize");
}


// 标签进场效果
	// 用于多平级标签依次载入 默认标签具有position属性及opacuty: 0;
	// direction 从哪个方向进入
	// distance  进入到指定距离
	// number    平级标签的个数
	// time      进场动画的时间
	// delay     下一标签的延迟
	// callback  回调函数
function Enter(obj, direction, distance, number, time, delay, callback) {
	// 从左往右，distance > 0
	if(direction == "left"){
		obj.stop().animate({
			left : distance,
			opacity : 1
		}, time)
		setTimeout(function(){
			if(obj.next().index() != -1){
				Enter(obj.next(), direction, distance, number, time, delay, callback)
			}else{
				setTimeout(function(){
					callback = callback || function(){};
	    			callback ();
	    			return
				}, time - delay)
			}
		}, delay)
	}
	// 从上往下，distance > 0
	if(direction == "top"){
		obj.stop().animate({
			top : distance,
			opacity : 1
		}, time)
		setTimeout(function(){
			if(obj.next().index() != -1){
				Enter(obj.next(), direction, distance, number, time, delay, callback)
			}else{
				setTimeout(function(){
					callback = callback || function(){};
	    			callback ();
	    			return
				}, time - delay)
			}
		}, delay)
	}
	// CSS3 X位移
	if(direction == "X"){
		obj.stop().transition({
			x : distance,
			opacity : 1
		}, time)
		setTimeout(function(){
			if(obj.next().index() != -1){
				Enter(obj.next(), direction, distance, number, time, delay, callback)
			}else{
				setTimeout(function(){
					callback = callback || function(){};
	    			callback ();
	    			return
				}, time - delay)
			}
		}, delay)
	}
	// CSS3 y位移
	if(direction == "Y"){
		obj.stop().transition({
			y : distance,
			opacity : 1
		}, time)
		setTimeout(function(){
			if(obj.next().index() != -1){
				Enter(obj.next(), direction, distance, number, time, delay, callback)
			}else{
				setTimeout(function(){
					callback = callback || function(){};
	    			callback ();
	    			return
				}, time - delay)
			}
		}, delay)
	}
}

// 图片加载 调用方法
// _PreLoadImg([
	// 图片路径(数组形式)
// ],function(){

// })
function _PreLoadImg(b,e){var c=0,a={},d=0;for(src in b){d++}for(src in b){a[src]=new Image();a[src].onload=function(){if(++c>=d){e(a)}};a[src].src=b[src]}};

/*********************************************************************************************/

// jQuery(window).load(function(){
//     // jQuery('.article-block').delay(300).scrollClass();
// });
/*********************************************************************************************/
// 渐入效果
/*********************************************************************************************/
(function(jQuery){
    $.fn.scrollClass = function(config){
        var defaults = {};
        var config = jQuery.extend(defaults, config);
        var target = this;

        function addAction(){
            var length = target.length;
            for(var i=0; i<length; i++){
                if(target.eq(i).hasClass('articleShow')) continue;
                var in_position = target.eq(i).offset().top + 100;
                var window_bottom_position = jQuery(window).scrollTop() + jQuery(window).height();
                if(in_position < window_bottom_position){
                    target.eq(i).addClass('articleShow');
                }
            }
        }
        addAction();

        jQuery(window).on('scroll', function(){
            addAction();
        });
        return target;
    };
})(jQuery);
/*********************************************************************************************/

$(function(){
if(!placeholderSupport()){   // 判断浏览器是否支持 placeholder
    $('[placeholder]').focus(function() {
        var input = $(this);
        if (input.val() == input.attr('placeholder')) {
            input.val('');
            input.removeClass('placeholder');
        }
    }).blur(function() {
        var input = $(this);
        if (input.val() == '' || input.val() == input.attr('placeholder')) {
            input.addClass('placeholder');
            input.val(input.attr('placeholder'));
        }
    }).blur();
};
})
function placeholderSupport() {
    return 'placeholder' in document.createElement('input');
}