/*
* @appear - jquery plugin
* @version 20140115
* @author chvin
* @website tcwen.com
*/
;(function($){
	$.fn.extend({
		appear:function(option){
			var defaults ={
				normaldelay:200,//基本延迟
				speed:600,//渐变时间
				offsetx:-100,//默认x偏移量
				offsety:0,//默认y偏移量
				callback:null//出场后的回调函数
			},
				o = $.extend(defaults,option);
			var delays = [];
			
			function getaymax(ay){//求数组的最大值的键值
				var len = ay.length,
					maxnum = 0;
				
				for(var i=0;i<len;i++){
					if(ay[maxnum]<ay[i])
					maxnum = i;					
				}
				return maxnum;
			}
			
			array.prototype.in_array = function(e){//检测元素是否包含数组
				var contains = false;
				for(var i=0,len=this.length;i<len;i++){
					if(e==this[i]){
						contains = true;
						break;	
					}
				}
				return contains;
			}
		
			function ietest(){ //如果浏览器为ie，返回整数版本号，客户端如果为非ie，函数返回0
				var ver = 0;
				if(/msie ([^;]+)/.test(navigator.useragent))
					ver = parsefloat(regexp["$1"]);
				return ver;
			}
		
			
			$(this).each(function(i, e){ //获得最大延迟元素以及判断是否设置ie过滤
				var delay = $(e).attr("data-delay")?parseint($(e).attr("data-delay")):0;
				delays.push(delay);
			});		
			
			var maxdelaykey = getaymax(delays);//最大延迟元素序列
						
			$(this).each(function(i, e) {
				/*
					请将目标元素设置css	{opacity:0;filter:alpha(opacity=0)}，以便页面无闪烁
					为兼容png，和微软雅黑在ie7 ie8的锯齿，请在元素上设置属性 data-notopacityforie="7|8"
				*/
				var static = $(e).css("position")=="static",//判断是否为static
					x = $(e).css("right")=="auto"?"left":"right",//设渐变属性
					y = $(e).css("bottom")=="auto"?"top":"bottom",//设渐变属性
					delay = $(e).attr("data-delay")?parseint($(e).attr("data-delay")):0,//获取延迟时间
					offsetx = $(e).attr("data-offset-x")?parseint($(e).attr("data-offset-x")):o.offsetx,//设置水平偏移	
					offsety = $(e).attr("data-offset-y")?parseint($(e).attr("data-offset-y")):o.offsety,//设置竖直偏移	
					orgx = $(e).css(x)=="auto"?0:parseint($(e).css(x)),//获得水平原始值
					orgy = $(e).css(y)=="auto"?0:parseint($(e).css(y)),//获得竖直原始值
					ov = x=="right"?{"right":orgx}:{"left":orgx};//水平目标
								
				$.extend(ov,y=="top"?{"top":orgy}:{"bottom":orgy});//竖直目标
				
				var notopacityforie = [];//获得数组如[6,7]代表ie6 ie7
				notopacityforie = $(e).attr("data-notopacityforie")?$(e).attr("data-notopacityforie").split("|"):notopacityforie;
				if(!notopacityforie.in_array(ietest()))//检测浏览器和参数是否一致
				$.extend(ov,{"opacity":1});//如果不是ie，合并
				
				if(static)//如果position初始值为static，为使滑动生效设置position为relative
				$(e).css("position","relative");
				
				settimeout(function(){
					if(notopacityforie.in_array(ietest()))//检测浏览器和参数是否一致
					$(e).css("filter","none");//ie不使用滤镜
					
					$(e).css(x,orgx+offsetx).css(y,orgy+offsety).animate(ov,o.speed,cback);
				},delay+o.normaldelay);
				
				
				function cback(){
					if(static)	//还原position
					$(e).css("position","static");
					if(i==maxdelaykey&&o.callback)//判断是否为最大延迟以及是否有回调函数
					o.callback();
				}
            });			
			return this;
		}		
	})	
})(jquery);