<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body>
<script>
description('Blurring and focusing the window should blur and focus the focused element');

var divElement = document.createElement('div');
divElement.tabIndex = 0;
divElement.textContent = 'Outer';
document.body.appendChild(divElement);

var iframeElement = document.createElement('iframe');
document.body.appendChild(iframeElement);
var iframe = window.frames[0];
var innerDiv = iframeElement.contentDocument.createElement('div');
innerDiv.textContent = 'Inner';
innerDiv.tabIndex = 0;
iframeElement.contentDocument.body.appendChild(innerDiv);

var thisObjects = [];
var events = [];
var targets = [];

// Focus before setting up event listeners.
divElement.focus();

divElement.onfocus = divElement.onblur = window.onfocus = window.onblur =
    innerDiv.onfocus = innerDiv.onblur = iframe.onfocus = iframe.onblur = function(e)
{    
    thisObjects.push(this);
    events.push(e.type);
    targets.push(e.target);
};

if (window.testRunner) {
    window.testRunner.setWindowIsKey(false);
    window.testRunner.setWindowIsKey(true);
    
    innerDiv.focus();
    divElement.focus();
}

var i = 0;
function testNextEvent(target, eventType)
{
    shouldBe('thisObjects[' + i + ']', target);
    shouldBeEqualToString('events[' + i + ']', eventType);
    shouldBe('targets[' + i + ']', target);
    i++;
}

testNextEvent('divElement', 'blur');
testNextEvent('window', 'blur');
testNextEvent('window', 'focus');
testNextEvent('divElement', 'focus');

testNextEvent('divElement', 'blur');
testNextEvent('window', 'blur');
testNextEvent('iframe', 'focus');
testNextEvent('innerDiv', 'focus');

testNextEvent('innerDiv', 'blur');
testNextEvent('iframe', 'blur');
testNextEvent('window', 'focus');
testNextEvent('divElement', 'focus');

document.body.removeChild(divElement);
document.body.removeChild(iframeElement);
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>