Aktiv css swithcer i JS

Tjenare.

Jag skulle behöva lite hjälp med att få fram en css-switcher i javascript.
Att hitta en vanlig switcher som aktiveras mha. en knapp eller en länk är ju inte direkt det svåraste. Men jag behöver en som aktivt kontrollerar skärmstorleken för att vid en ändring byta css-fil.

Vad ska jag ha det till?
Jag vill skapa mig en egen panel till min Sony Ericsson Xperia X1. Startar man panelen i "normalt" läge så har skärmen storleken 240x400px. Startar man panelen i "utfällt" läge så har skärmen storleken 400x240px. Dock så laddar panelen inte om sig vid en ändring.

Jag vill alltså skapa en css-fil för normalt läge och en widescreenversion, där javascriptet aktivt kontrollerar om skärmstorleken har ändrats.

Nu har jag suttit på jobbet, och eftersom det har varit en ganska död natt så satt jag och pluggade lite.

Tror ni att det här kan fungera? Eller borde man göra det på något annat sätt? Jag har tyvärr inte hunnit testa ännu, utan det får blir senare idag.

<link rel="stylesheet" type="text/css" href="normal.css" id="css"/>
<script type="text/javascript">
	setInterval ( "doSomething()", 1000 );
	function doSomething ( ) {
		if (screen.width > 240) { 
			document.write("<style type='text/css' src='wide.css'><\/style>");
		} else {
			Document.write(”<style type=’text/csss’ src=’normal.css’><\/style>”);
		}
	}
</script>

Tyvärr, jag kan inte göra så. Jag ska köra det lokalt på telefonen som inte har support för serverside script.
Samt att skärmstorleken kan/kommer att ändras under scriptets körtid. De storlekar som kommer att dyka upp är 240x400px och 400x240. Samt att sidan inte laddas om vid en ändring av skrämstorleken.