<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script>
function debug(str) {
    var c = document.getElementById('console')
    c.appendChild(document.createTextNode(str + '\n'));
}

var numErrs = 0;

function imageLoaded() {
    if (!i2.complete) {
        debug('FAILURE: image loaded but complete is false!');
        numErrs++;
    }
    
    if (i2.width != 52) {
        debug('FAILURE: image width should be 52, was ' + i2.width)
        numErrs++;
    }

    if (i2.height != 64) {
        debug('FAILURE: image width should be 64, was ' + i2.height)
        numErrs++;
    }

    if (numErrs == 0) {
        debug('SUCCESS!')
    }
    
    if (window.testRunner) { 
        testRunner.notifyDone();
    }
}

function runTests() {
    if (window.testRunner) {
        testRunner.dumpAsText();
        testRunner.waitUntilDone();
    }
    
    i1 = new Image();
    if (!i1.complete) {
        debug('FAILURE: Empty image should have complete set to true.');
        numErrs++;
    }
    
    i2 = new Image()
    i2.onload = imageLoaded;
    i2.src = 'resources/apple.gif';
}

</script>
</head>
<body onload="runTests();">
<p>
This tests that the Image JavaScript object works as expected. If the test is successful, the test "SUCCESS" should be shown below.
</p>
<pre id="console">
</pre>
</body>
</html>