$().ready(function() {
	var options = {
		left: "#Thumbs",
		right: "#Data",
		defaultRowLength: 4,
		thumbRowLength: 4,
		removeSpace: 220,
		minWidth: 200,
		Itemlength: $("#Thumbs a").length,
		thumbWidth: 110,
		isSet: false,
		usableWidth: function() {
			return parseInt($(window).width() - 220);
		},
		halfWidth: function() {
			return parseInt(this.usableWidth() / 2);
		},
		reSize: function() {
			$(this.right).css("width", $(window).width() - $(this.left).width() - this.removeSpace + "px");
			if (parseInt($(this.right).css("width")) < this.minWidth) { $(this.right).css("width", $(window).width() - this.removeSpace + "px"); }
			$("#FactionBG").css("left", $(this.right).position().left + 10);
		},
		setResize: function() {
			if (!this.isSet) {
				$(window).wresize(function() { options.position(); });
				this.isSet = true;
			}
		},
		position: function() {
			this.thumbRowLength = this.defaultRowLength;
			if (this.halfWidth() <= (this.thumbRowLength * this.thumbWidth)) { this.thumbRowLength = this.thumbRowLength - 1; }
			if (this.Itemlength <= 4) {
				$(this.left).css("width", (this.Itemlength * this.thumbWidth));
			} else {
				$(this.left).css("width", (this.thumbRowLength * this.thumbWidth));
			}
			this.reSize();
			this.setResize();
		}
	};

	options.position();
});