Been trying this for 10 mins but can't figure it out. Here's my battleback right now

This is the full image. The red part is the area that's currently rendered to the screen.

I tried messing around with back1Sprite but couldn't figure out how to move the origin of the texture to a different part the picture.
When I changed x and y position, it moved the entire image, so I know that's the one I want to change, but when I tried origin.x and origin.y it didn't seem to do anything.
It uses a TilingSprite the same way tilemap is done, so I thought I could just change the origin.

This is the full image. The red part is the area that's currently rendered to the screen.

I tried messing around with back1Sprite but couldn't figure out how to move the origin of the texture to a different part the picture.
When I changed x and y position, it moved the entire image, so I know that's the one I want to change, but when I tried origin.x and origin.y it didn't seem to do anything.
It uses a TilingSprite the same way tilemap is done, so I thought I could just change the origin.
Code:
Spriteset_Battle.prototype.createBattleback = function() {
var margin = 32;
var x = -this._battleField.x - margin;
var y = -this._battleField.y - margin;
var width = Graphics.width + margin * 2;
var height = Graphics.height + margin * 2;
this._back1Sprite = new TilingSprite();
this._back2Sprite = new TilingSprite();
this._back1Sprite.bitmap = this.battleback1Bitmap();
this._back2Sprite.bitmap = this.battleback2Bitmap();
this._back1Sprite.move(x, y, width, height);
this._back2Sprite.move(x, y, width, height);
this._battleField.addChild(this._back1Sprite);
this._battleField.addChild(this._back2Sprite);
this._back1Sprite.origin.y = -640 // shift it up?
};
