Okay I'm at the point to ask for help...
I'm working on a resizable client for my server...
and my first step was the login page...
now I'm fairly new to RSPS development and API although I do have extensive experience with java...
I got this client nearly pre-made although I've made a lot of changes to it..

Here's my problem..

loginScreenArea = new RSImageProducer(765, 503, getGameComponent());//findhere4

765 and 503 being the default fixed aspect ratio of course
I have the variables newH and newW for height and width..

Here's the draw login screen function
Code:
private void drawLoginScreen(boolean flag) {
		resetImageProducers();
		if (super.saveClickX >= ((newW / 2) + 17) && super.saveClickX <= ((newW / 2) + 121) && super.saveClickY >= ((newH / 2) + 428) && super.saveClickY <= + ((newH / 2) + 456))
			port = 43594;//findhere
		else if(super.saveClickX >= ((newW / 2) + 17) && super.saveClickX <= ((newW / 2) + 121) && super.saveClickY >= ((newH / 2) + 466) && super.saveClickY <= ((newH / 2) + 494))
			port = 43595;
		//(port == 43594 ? backgroundWorld1 : backgroundWorld2).drawSprite(0, 0);
		loginScreenArea.initDrawingArea();//findhere3
		titleBox.drawSprite(254, 140);
		char c = '\u0168';
		if (loginScreenState == 0) {
			int i = 100;
			aTextDrawingArea_1271.method382(0x75a9a9, c / 190,
					onDemandFetcher.statusString, i, true);
			if ((this.mouseX >= 276) && (this.mouseX <= 493) && (this.mouseY >= 199) && (this.mouseY <= 224)) {
				this.boxHover.drawSprite(276, 198);
			}
			else if ((this.mouseX >= 276) && (this.mouseX <= 492) && (this.mouseY >= 245) && (this.mouseY <= 272)) {
				this.boxHover.drawSprite(276, 244);
			}
			this.smallText.method382(16777215, 385, this.loginMessage1, 283, true);
			this.smallText.method382(16777215, 385, this.loginMessage2, 297, true);
			this.aTextDrawingArea_1271.method389(false, 281, 16777215, new StringBuilder().append("").append(capitalize(myUsername)).append(((this.loginScreenCursorPos == 0 ? 1 : 0) & (loopCycle % 40 < 20 ? 1 : 0)) != 0 ? "|" : "").toString(), 217);
			this.aTextDrawingArea_1271.method389(true, 281, 16777215, new StringBuilder().append("").append(TextClass.passwordAsterisks(myPassword)).append(((this.loginScreenCursorPos == 1 ? 1 : 0) & (loopCycle % 40 < 20 ? 1 : 0)) != 0 ? "|" : "").toString(), 263);
			if ((this.mouseX >= 293) && (this.mouseX <= 474) && (this.mouseY >= 302) && (this.mouseY <= 327))
				this.loginHover.drawSprite(296, 301);
		}
		//int h = 768 / 2 - 150 + newH / 2;
		//int w = 65 + newW / 2;
		loginScreenArea.drawGraphics(newH / 2, super.graphics, newW /2);
		if(welcomeScreenRaised)
				{
					welcomeScreenRaised = false;
					drawLogo(graphics);

				}
		//if (welcomeScreenRaised) {
			/*welcomeScreenRaised = false;
			aRSImageProducer_1107.drawGraphics(0, super.graphics, 128);
			aRSImageProducer_1108.drawGraphics(371, super.graphics, 202);
			gameLogo.drawGraphics(265, super.graphics, 0);
			aRSImageProducer_1113.drawGraphics(265, super.graphics, 562);
			aRSImageProducer_1114.drawGraphics(171, super.graphics, 128);
			aRSImageProducer_1115.drawGraphics(171, super.graphics, 562);*/
			
		//}
	}
Here's what I've done with the new background...

Code:
//Resizable START
	/*void drawLoadingText(int i, String s) {
		anInt1079 = i;
		aString1049 = s;
		resetImageProducers();
		if(titleStreamLoader == null) {
			super.drawLoadingText(i, s);
			return;
		}
		loginScreenArea.initDrawingArea();
		//backgroundWorld1 = new Sprite("background");
		backgroundWorld1.drawSprite(0, 0);
		loadingBarEmpty = new Sprite("Login/loading 1");
		loadingBarFull = new Sprite(sign.signlink.findcachedir() + "Sprites/Login/loading 2.png", (int)Math.round(i*2.02), 12);
		loadingBarEmpty.drawSprite(230, 212);
		loadingBarFull.drawSprite(292, 236);
		newRegularFont.drawCenteredString(s + " - "+i+"%", 380, 228, 0xFFFFFD, 0);
		loginScreenArea.drawGraphics(0, super.graphics, 0);//171, super.graphics, 202);
		if(welcomeScreenRaised) welcomeScreenRaised = false;
	} */
	void drawLoadingText(int i, String s)
	{
		anInt1079 = i;
		aString1049 = s;
		resetImageProducers();
		
		if(titleStreamLoader == null)
		{
			super.drawLoadingText(i, s);
			return;
		}
	
		newLoadingText(i, "    NemoScape is loading " + i + "%", graphics);

		if(welcomeScreenRaised)
		{
			welcomeScreenRaised = false;
			if(!aBoolean831) {}
			newLoadingText(i, "    NemoScape is loading " + i + "%", graphics);
			drawLogo(graphics);
			newLoadingText(i, "    NemoScape is loading " + i + "%", graphics);
		}
	}
	void newLoadingText(int i, String s, Graphics g){
		Image LoadingBG = Toolkit.getDefaultToolkit().getImage(sign.signlink.findcachedir() + "Sprites/Login/loading 1.png");
		Image img1 = Toolkit.getDefaultToolkit().getImage(sign.signlink.findcachedir() + "Sprites/Login/loading 2.png");
		int h = 768 / 2 - 150 + newH / 2;
		int w = 65 + newW / 2;
		g.drawImage(LoadingBG, w+150, h + 0, gameFrame);
		g.drawImage(img1, w+213, h + 24, i + 100, 11, gameFrame);
		g.drawString(s, w+220, h+20);
	}
	//Resizable END
and of course... here's what I get...



Any help would be greatly appreciated... I'm sure if I can figure out how to do this then I can figure out how to do the actual game afterward.