﻿advs ={
	options:{
		css:{
			position :'absolute',
			top:0,
			left:0,
			height:100,
			width:100,
			border: '1px solid #eee'
		},
		imgsrc:'',
		text:'',
		href:''
	},
	init: function(options) {
		$.extend(this.options, options||{});
		this.create();
		$(window).scroll(function(){
			advs.scroll();
		});
	},
	
	create: function() {

		$("body").append( 
			$("<div id='float_advs'></div>").css(this.options.css).css({'position':'absolute'})
				.append(
					$("<a href='#' target='_blank' ></a>").attr('href', this.options.href)
						.append(
							$("<img />").attr({'src': this.options.imgsrc, 'alt':this.options.text}).css({width:this.options.width, height:this.options.height, border:'0'})
						)
						
				)
				.append(
					$("<div></div>").append(
						$("<span>[关闭]</span>")
							.css({float:'right', cursor:'pointer'})
							.click(function(){ $("#float_advs").stop(); $('#float_advs').remove();})
					).css({background:'#eee'})
				)
		);
		
	},

	scroll: function() {
		var bodyTop = 0;  
		if (typeof window.pageYOffset != 'undefined') {  
			bodyTop = window.pageYOffset;  
		} else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {  
			bodyTop = document.documentElement.scrollTop;  
		}  
		else if (typeof document.body != 'undefined') {  
			bodyTop = document.body.scrollTop;  
		}
		this.stop();
		 $("#float_advs").css("top", 150 + bodyTop);
		this.animations();
	},
	
    animations: function() {
		var bodyTop = 0;  
		var clientHeight;
		if (typeof window.pageYOffset != 'undefined') {  
			bodyTop = window.pageYOffset;
			clientHeight = window.clientHeight;
		} else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {  
			bodyTop = document.documentElement.scrollTop;  
			clientHeight = document.documentElement.clientHeight;
		}  
		else if (typeof document.body != 'undefined') {  
			bodyTop = document.body.scrollTop;
			clientHeight = document.body.clientHeight;
		}

		var w = $(window).width()-$("#float_advs").width();
		var h =  $("#float_advs").height()
		w = Math.floor(Math.random() * w);
		h =  bodyTop + Math.floor(Math.random() * (clientHeight-h));
		$("#float_advs").animate({top:h, left:w}, 10000, 'swing', function() {advs.animations();});
	},
	stop: function() {
		$("#float_advs").stop();
	}
};

$(document).ready(function(){
		//alert("aa");
	    advs.init({css:{top:100, left:80, width:237, height:85}, imgsrc:'001.jpg', text:'关于调整服务时间的通知', href:'http://www.zsfdc.gov.cn/Article.aspx?id=5815&c1=0&c2=0'});
		advs.animations();
});
