jQuery(function(){
	fadeImg();
})

function fadeImg(){
	var _d = 3000;
	var _autoRotateDelay = 9000;
	var selector = '#bg-box';

/*don't change this*/
	var _self = this;
	var view;
	var _a = 0;
	var _t = false;
	var _list = jQuery(selector).children('img');
	_list.css({
		display: 'none',
		opacity: 0,
		zIndex: 1
	}).eq(_a).css({
		display: 'block',
		opacity: 1,
		zIndex: 2
	});

	_self.rotate = function(){
		if(_t) clearTimeout(_t)
		_t = setTimeout(function(){
			if(_a < _list.length -1) _self.changeEl(_a+1);
			else _self.changeEl(0);
		}, _autoRotateDelay);
	};

	_self.changeEl = function(ind){
		if(_a!=ind){
			_list.eq(_a).animate({
				opacity:0
			},{duration: _d, complete: function(){
				jQuery(this).css('display', 'none');
			}});
			_list.eq(ind).css({
				display:'block',
				opacity: 0
			}).animate({
				opacity:1
			},{duration: _d, complete: function(){
				jQuery(this).css('opacity', 'auto');
				_activeImage = _a = ind;
				jQuery(window).trigger('resize');
				_self.rotate();
			}});
		}
	};

	_self.initResize = function(){
		view = jQuery(selector).children('img:eq('+_a+')').get(0);
		if(view) {
			view.width = view.offsetWidth;
			view.height = view.offsetHeight;
			initBg();
			setTimeout(function(){
				_self.initBg();
			}, 10);
		}
	}

	_self.initBg = function(){
		var w = document.documentElement.offsetWidth;
		var h = document.documentElement.offsetHeight;
		var pr = view.width/view.height;
		var spr = w/h;

		jQuery('#bg-box').children().each(function(i, img){
			if(spr > pr) {
				img.style.width = w + "px";
				img.style.height = w/pr + "px";
				img.style.left = 0 + "px";
				img.style.top = h/2-img.height/2 + "px";
				img.width = w;
				img.height = w/pr;
			}
			else {
				img.style.height = h + "px";
				img.style.width = h*pr + "px";
				img.style.top = 0 + "px";
				img.style.left = w/2-img.width/2 + "px";
				img.height = h;
				img.width = h*pr;
			}
		});
	};

	jQuery(window).resize(function(){
		_self.initResize();
	})
	jQuery(window).load(function(){
		_self.initResize();
		_self.rotate();
	});
};