;(function($){
	if (/1\.(0|1|2)\.(0|1|2)/.test($.fn.jquery) || /^1.1/.test($.fn.jquery)) {
	    alert('dialog组件需要jQuery v1.2.3以上版本!  您正使用 v' + $.fn.jquery);
	    return;
	}
	
	var index =0;
	
	$.fn.initAnimationAd = function(opts){
		//判断传入的参数是否为空
		if(opts==null){
			alert('您传入的参数为空，请传入正确的广告参数！');
		}		
		//捕捉当前调用扩展函数的源对象
		var _this = $(this);		
		
		//合并样式
		if(opts.css){
			$.extend(css, opts.css);
		}		
		//将样式赋给源对象
		_this.css(css);		
		//判断传入的广告元素是否为空
		if(opts.contents==null){
			return;
		}		
		//获取传入的广告内容
		var _items = opts.contents;		
		
		for(i=0;i<_items.length;i++){
			var _ad = $('<div id="ad_img_' + (i+1) + '"></div>');
			_ad.css(item_css);
			_ad.css('height',_this.height());
			_ad.append($('<a href="http://' + _items[i].href + '" target="_blank"><img style="border:none" src="' + _items[i].image + '"/></a>'));
			_this.append(_ad);
		}		
		
		//创建广告导航的容器
		var _nav_container = $('<div></div>');			
		//计算导航栏的top
		var nav_top = parseInt(_this.height()) - parseInt(nav_container_css.height);
		_nav_container.css(nav_container_css);
		_nav_container.css('top',nav_top + 'px');		
		_nav_container.css('width',_this.width());		
		_this.append(_nav_container);

		//创建广告导航图标
		for(i=_items.length;i>0;i--){
			var _nav_item = $('<div id="nav_item_' + i + '">' + i + '</div>');
			_nav_item.css(nav_item_css);
			_nav_item.hover(
				function(){
					$(this).parent().children().css(nav_item_css);
					$(this).css(nav_item_hover_css);
					$('div[id*="ad_img_"]').hide();
					$('#ad_img_'+$(this).html()).show();
				}
			);
			_nav_container.append(_nav_item);
		}		
		
		$('#nav_item_1').hover();
		
		setInterval(
			function(){
				index++;		
				$('#nav_item_' + (index%(_items.length)+1)).hover();
			},
			5000
		);
	
	}
	
	var css = {
		overflow: 'hidden',
		border:'none',
		width: '480px',
		height:'160px',
		position:'relative'
	}
	
	var item_css = {

	}
	
	var nav_container_css = {
		position: 'absolute',
		height: '30px',
		zIndex:'99',
		paddingRight:'30px'
	}
	
	var nav_item_css = {
		cursor: 'pointer',
		width: '16px',
		height: '16px',
		lineHeight:'16px',
		fontSize:'12px',
		textAlign: 'center',
		color: '#97A8F3',
		border: '1px solid #97A8F3',
		cssFloat: 'right',
		margin:'5px',
		backgroundColor: '#FFF'
	}
	
	var nav_item_hover_css = {
		cursor: 'pointer',
		width: '20px',
		height: '20px',
		lineHeight:'20px',
		fontSize:'14px',
		fontWeight:'bolder',
		textAlign: 'center',
		backgroundColor:'#74A8ED',
		color: '#FFF',
		border: '1px solid #EEEEEE',
		cssFloat: 'right',
		margin:'3px'
	}	
	
	
})(jQuery);