// JavaScript Document

function getMainLayoutHeight( )
{
	var mainLayout = document.getElementById( "mainLayout" );
	return mainLayout.offsetHeight;
}

function getMainLayoutWidth( )
{
	var mainLayout = document.getElementById( "mainLayout" );
	return mainLayout.offsetWidth;
}

function enlargeScreenshotIPad( id )
{
	var siteUrl = "http://tangiblegames.com";
	var closeButtonBaseImage = new Image( 17, 18 );
	closeButtonBaseImage.src = siteUrl + "/images/cross_base.png";
	var closeButtonPushImage = new Image( 17, 18 );
	closeButtonPushImage.src = siteUrl + "/images/cross_pressed.png";
	
	var fadeToBlack = document.createElement( "div" );
	fadeToBlack.setAttribute( "id", "fadeToBlack" );
	
	var mainLayout = document.getElementById( "mainLayout" );
	mainLayout.appendChild( fadeToBlack );
	
	redrawFeedBackForm( );
	
	var feedBackForm = document.createElement( "div" );
	feedBackForm.setAttribute( "id", "feedBackForm" );
	feedBackForm.setAttribute( "style", "width: 828px; height: 636px; margin: 0 auto; margin-top: 500px; background-image: url( '/images/screenshot_ipad_frame.png' ); background-repeat: no-repeat" );
	feedBackForm.setAttribute( "onClick", "closeFeedBackForm( )" );
	fadeToBlack.appendChild( feedBackForm );
	
	var closeButton = document.createElement( "div" );
	closeButton.setAttribute( "id", "closeButton" );
	closeButton.setAttribute( "style", "position: relative; top: 10px; width: 17px; height: 18px; margin-left: 13px; background-image: url( '/images/cross_base.png' ); cursor: pointer" );
	closeButton.setAttribute( "onMouseOver", "this.style.backgroundImage = 'url( /images/cross_pressed.png )'" );
	closeButton.setAttribute( "onMouseOut", "this.style.backgroundImage = 'url( /images/cross_base.png )'" );
	closeButton.setAttribute( "onClick", "closeFeedBackForm( )" );
	feedBackForm.appendChild( closeButton );
	
	var screenshot = document.createElement( "div" );
	screenshot.setAttribute( "id", "screenshot" );
	screenshot.setAttribute( "style", "width: 768px; height: 576px; margin-left: 30px; margin-top: 12px;" );
	screenshot.innerHTML = "<img src='/images/awesomememory/" + id + ".jpg' width=768 height=576>";
	feedBackForm.appendChild( screenshot );
	
	document.getElementById( "body" ).setAttribute( "onResize", "redrawFeedBackForm( )" );
}

function redrawFeedBackForm( )
{
	var fadeToBlack = document.getElementById( "fadeToBlack" );
	
	var fadeToBlackWidth;
	var fadeToBlackHeight;
	
	if( getMainLayoutWidth( ) > document.body.clientWidth )
		fadeToBlackWidth = getMainLayoutWidth( );
	else
		fadeToBlackWidth = document.body.clientWidth;
	
	if( getMainLayoutHeight( ) > document.height )
		fadeToBlackWidth = getMainLayoutHeight( );
	else
		fadeToBlackHeight = document.height;
	
	fadeToBlack.setAttribute( "style", "position: absolute; top: 0px; left: 0px; width: " + fadeToBlackWidth + "px; height: " + fadeToBlackHeight + "px; background-image: url( '/images/fadetoblack.png' );" );
}

function closeFeedBackForm( )
{
	var mainLayout = document.getElementById( "mainLayout" );
	var fadeToBlack = document.getElementById( "fadeToBlack" );
	mainLayout.removeChild( fadeToBlack );
}