(function ($) {

	function FloatObject(jqObj, params) {
		this.jqObj = jqObj;

		switch (params.speed) {
			case 'fast': this.steps = 5; break;
			case 'normal': this.steps = 10; break;
			case 'slow': this.steps = 20; break;
			default: this.steps = 10;
		};

		var offset = this.jqObj.offset();

		this.currentX = offset.left;
		this.currentY = offset.top;

		this.origX = typeof (params.x) == "string" ? this.currentX : params.x;
		this.origY = typeof (params.y) == "string" ? this.currentY : params.y;

		this.jqObj.css({ 'position': 'absolute', 'top': this.currentY, 'left': this.currentX });
	}

	FloatObject.prototype.updateLocation = function () {

		this.updatedX = $(window).scrollLeft() + this.origX;
		this.updatedY = $(window).scrollTop() + this.origY;

		this.dx = Math.abs(this.updatedX - this.currentX);
		this.dy = Math.abs(this.updatedY - this.currentY);

		return this.dx || this.dy;
	}

	FloatObject.prototype.move = function () {
		if (this.jqObj.css("position") != "absolute") return;
		var cx = 0;
		var cy = 0;

		if (this.dx > 0) {
			if (this.dx < this.steps / 2)
				cx = (this.dx >= 1) ? 1 : 0;
			else
				cx = Math.round(this.dx / this.steps);

			if (this.currentX < this.updatedX)
				this.currentX += cx;
			else
				this.currentX -= cx;
		}

		if (this.dy > 0) {
			if (this.dy < this.steps / 2)
				cy = (this.dy >= 1) ? 1 : 0;
			else
				cy = Math.round(this.dy / this.steps);

			if (this.currentY < this.updatedY)
				this.currentY += cy;
			else
				this.currentY -= cy;
		}

		this.jqObj.css({ 'left': this.currentX, 'top': this.currentY });
	}

	$.floatMgr = {

		FOArray: new Array(),

		timer: null,

		initializeFO: function (jqObj, params) {
			var settings = $.extend({
				x: 0,
				y: 0,
				speed: 'normal'
			}, params || {});
			var newFO = new FloatObject(jqObj, settings);

			$.floatMgr.FOArray.push(newFO);

			if (!$.floatMgr.timer) $.floatMgr.adjustFO();

			if (!$.floatMgr.registeredEvents) {
				$(window).bind("resize", $.floatMgr.onChange);
				$(window).bind("scroll", $.floatMgr.onChange);
				$.floatMgr.registeredEvents = true;
			}
		},

		adjustFO: function () {
			$.floatMgr.timer = null;

			var moveFO = false;

			for (var i = 0; i < $.floatMgr.FOArray.length; i++) {
				FO = $.floatMgr.FOArray[i];
				if (FO.updateLocation()) moveFO = true;
			}

			if (moveFO) {
				for (var i = 0; i < $.floatMgr.FOArray.length; i++) {
					FO = $.floatMgr.FOArray[i];
					FO.move();
				}

				if (!$.floatMgr.timer) $.floatMgr.timer = setTimeout($.floatMgr.adjustFO, 50);
			}
		},

		onChange: function () {
			if (!$.floatMgr.timer) $.floatMgr.adjustFO();
		}
	};

	$.fn.makeFloat = function (params) {
		var obj = this.eq(0);
		$.floatMgr.initializeFO(obj, params);
		if ($.floatMgr.timer == null) $.floatMgr.adjustFO();
		return obj;
	};
})(jQuery);


function floatingClose(){
	$("#floating-box").css("display","none");
}

$(document).ready(function ($) {

if (!$.browser.msie || ($.browser.msie && $.browser.version > 6)) {

	if ($(".validation-summary-errors").length != 0) {
		if ($(".validation-summary-errors").html().length != 0) {
			$(".validation-summary-errors").css('display', 'none');

			$("#container").append($('<div id="floating-box" />'));

			$("#floating-box").append($('<div id="floating-in" />'));

			$("#floating-in").append($('<div id="floating-close"><a href="#" onclick="javascript:floatingClose();">x</a></div>'));
			$("#floating-in").append($('<div id="floating-text" />'));

			$("#floating-text").html($(".validation-summary-errors").html());

			var containerPos = $("#container").offset();

			$("#floating-box").css("left", (($(window).width() - $("#floating-box").width()) / 2) + "px");
			$("#floating-box").css("top", 90 + "px");

			$("#floating-box").draggable({
				start: function (event, ui) {
				},
				stop: function (event, ui) {
					var Stoppos = $(this).position();

					$("#floating-box").css("top", Stoppos.top - $(window).scrollTop() + "px");

					if (Stoppos.left < 0 || Stoppos.left + $("#floating-box").width() > $(window).width())
						$("#floating-box").css("left", (($(window).width() - $("#floating-box").width()) / 2) + "px");

					if (Stoppos.top < 0 || Stoppos.top + $("#floating-box").height() - $(window).scrollTop() > $(window).height())
						$("#floating-box").css("top", 90 + "px");

					$("#floating-box").makeFloat({ x: "current", y: "current", speed: "fast" });
				}
			});

			$("#floating-box").makeFloat({ x: "current", y: "current", speed: "fast" });
		}
	}

}

});