
(function($) {

	$.fn.suraslide = function (options) {
		var defaults = {
			'fadeDuration': 'slow',
			'interval': 3000
		};
		options = $.extend(defaults, options);
		var target = $(this);

		var slidercss = {
			position: 'absolute',
			width: target.innerWidth(),
			height: target.innerHeight(),
			top: target.offset().top,
			left: target.offset().left
			};
		var sliderobjs = [$('<div></div>'), $('<div></div>')];
		setInterval(function() {
			var slidercss = {
				position: 'absolute',
				width: target.innerWidth(),
				height: target.innerHeight(),
				top: target.offset().top,
				left: target.offset().left
				};
			for(var i in [0, 1]) {
				sliderobjs[i].css(slidercss);
			}
		}, 300);
		for(var i in [0, 1]) {
			sliderobjs[i].css(slidercss).css('z-index', '1').appendTo('body');
		}
		target.css({'z-index': '3', position: 'relative'});
		sliderobjs[1].css({
			'background-image': 'url("' + options.imgs[0] + '")',
			'z-index': '2'
			});

		var currentImage = 0, activeSlider = 1;

		function startNext() {
			currentImage = (currentImage + 1) % options.imgs.length;
			sliderobjs[1 - activeSlider].css('background-image', 'url("' + options.imgs[currentImage] + '")');

			setTimeout(function () {
				sliderobjs[activeSlider].fadeOut(options.fadeDuration, function() {
					sliderobjs[activeSlider].css('z-index', 1);
					activeSlider = 1 - activeSlider;
					sliderobjs[activeSlider].css('z-index', 2);
					sliderobjs[1 - activeSlider].show();
					startNext();
				});
			}, options.interval);
		}
		setTimeout(startNext, 100);
	}
})(jQuery);


