Alloy - Global variables within functions in alloy.js not updating values in other pages

Mobile Application Titanium SDK 3.1.1 IOS Simulator SDK 6.1 Mac OS X Alloy

I have a global variable and a global function that uses that variable in the alloy.js file. In another file, I have a button that will link to the function in the alloy.js file. Here are the two files:

alloy.js

``` Alloy.Globals.winSkin = '/images/background/background_original.png';

Alloy.Globals.army = function(e) { Alloy.Globals.winSkin = "/images/background/background_army.png"; console.log('winSkin:['+ Alloy.Globals.winSkin+"]"); //return Alloy.Globals.winSkin; //alert('work!'); }

```

settings.js

```

$.win.backgroundImage = Alloy.Globals.winSkin;

```

What I want to happen is: Alloy.Globals.winSkin holds the default background image for the app. When a user clicks on the 'Army' theme button, it should then trigger the army function located in the alloy.js file, which should change the Alloy.Globals.winSkin variable to the new image file, and then on the settings.js page, the value should also update and the background should then change to the new image. The value of the winSkin variable does change, as seen in the console the new image path is there, but it doesn't update in the other windows, either at all or not until a refresh of the page. Is there another way to do this? Or is there a way to automatically refresh the page when a new value is introduced? I have tried with and without the Alloy.Globals prefix, and with and without the 'return' statement, all work the same so far. Ideally I would like to put the same header in the settings file in all pages to utilize an app wide theme.