So, basically the images wont show up...

Code:
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=Unicode" />
        <title>RotMG Class Stats</title>
        <style type="text/css">
        body
        {
            margin: 0;
            width: 100px;
            height: 145px;
            font-family: verdana;
            font-weight: bold;
            font-size: 10px;
        }
        #gadgetContent
        {
            margin-top: 20px;
            width: 100px;
            vertical-align: middle;
            text-align: center;
            overflow: hidden;
        }
        </style>
        <script type="text/jscript" language="jscript">
            // Initialize the gadget.
            function init()
            {
				var oBackground = document.getElementById("imgBackground");
        </script>
    </head>
	
    <body onload="init()">
        <g:background id="imgBackground">
			<form name="characters" action="http://www.mydomain.com/myformhandler.cgi" method="POST">
			<div align="center">
			<select name="mydropdown">
			<option value="Default">-Choose-</option>
			<option value="Rogue">Rogue</option>
			<option value="Archer">Archer</option>
			<option value="Wizard">Wizard</option>
			<option value="Priest">Priest</option>
			<option value="Warrior">Warrior</option>
			<option value="Knight">Knight</option>
			<option value="Paladin">Paladin</option>
			<option value="Assassin">Assassin</option>
			<option value="Necromancer">Necromancer</option>
			<option value="Huntress">Huntress</option>
			<option value="Mystic">Mystic</option>
			<option value="Trickster">Trickster</option>
			<option value="Sorcerer">Sorcerer</option>
			<option value="Ninja">Ninja</option>
			</select>
			<script type="text/javascript">
				var val = document.getElementById("characters");
				if(val.value = "Default") {
					oBackground.src = "url(images/Default.png)";
				}
				else if(val.value = "Rogue") {
					oBackground.src = "url(images/Rogue.png)";
				}
				else if(val.value = "Archer") {
					oBackground.src = "url(images/Archer.png)";
				}
				else if(val.value = "Wizard") {
					oBackground.src = "url(images/Wizard.png)";
				}
				else if(val.value = "Priest") {
					oBackground.src = "url(images/Priest.png)";
				}
				else if(val.value = "Warrior") {
					oBackground.src = "url(images/Warrior.png)";
				}
				else if(val.value = "Knight") {
					oBackground.src = "url(images/Knight.png)";
				}
				else if(val.value = "Paladin") {
					oBackground.src = "url(images/Paladin.png)";
				}
				else if(val.value = "Assassin") {
					oBackground.src = "url(images/Assassin.png)";
				}
				else if(val.value = "Necromancer") {
					oBackground.src = "url(images/Necromancer.png)";
				}
				else if(val.value = "Huntress") {
					oBackground.src = "url(images/Huntress.png)";
				}
				else if(val.value = "Mystic") {
					oBackground.src = "url(images/Mystic.png)";
				}
				else if(val.value = "Trickster") {
					oBackground.src = "url(images/Trickster.png)";
				}
				else if(val.value = "Sorcerer") {
					oBackground.src = "url(images/Sorcerer.png)";
				}
				else if(val.value = "Ninja") {
					oBackground.src = "url(images/Ninja.png)";
				}
			</script>
			</div>
			</form>
		</g:background>
    </body>
</html>