var mainSwiff;
var gameSwiff;

window.addEvent( 'domready', init );

function init()
{
	mainSwiff = new Swiff( '/modules/content/skins/default/swf/SeptimusHeapSite.swf', {
		id: 'SeptimusHeapSite',
		width: '995',
		height: '700',
		params: {
			bgcolor: '#000000',
      base: '/modules/content/skins/default/swf'
		},
    vars: {
      dataFile: '/content/xml'
    }
	} );
	
	mainSwiff.inject( $('mainContainer') );
}

function loadGame ( gameId, url )
{
	// Game properties
	var props = {
		'botten':        {width: 750, height: 550},
		'speurder':      {width: 550, height: 400},
		'geestenziener': {width: 820, height: 550},
		'schildkever':   {width: 750, height: 550},
		'quiz':          {width: 1042, height: 768}
	};
	
	// Create the game
	gameSwiff = new Swiff( url, {
		id: 'game',
		width: props[gameId].width,
		height: props[gameId].height,
		params: {
			bgcolor: '#000000'
		}
	} );
	
	// Center the game
	$('gameContainer').setStyle( 'height', props[gameId].height );
	$('gameContainer').setStyle( 'width',  props[gameId].width );
	$('gameContainer').setStyle( 'margin-left', 0 - ( props[gameId].width / 2 ) );
	$('gameContainer').setStyle( 'margin-top',  0 ); // - ( props[gameId].height / 2 ) );
	
	var button = new Element( 'img', {'src': 'skins/default/images/close_game.png', 'alt': 'Sluit spel'} );
	button.setStyle( 'margin-top', 10 );
	button.setStyle( 'cursor', 'pointer' );
	button.addEvent( 'click', closeGame );
	
	// Inject the game and button
	gameSwiff.inject( $('gameContainer') );
	button.inject( $('gameContainer') );
	
	$('gameContainer').setStyle( 'display', 'block' );
	
	Swiff.remote( mainSwiff.toElement(), 'hide' );
}

function closeGame ()
{
	$('gameContainer').setStyle( 'display', 'none' );
	$('gameContainer').empty();
	Swiff.remote( mainSwiff.toElement(), 'show' );
}