// JavaScript Document

var AAOA_UI_FADING_EFFECT_DURATION		= 0.2;


function AAOA_LoginViaPinNumber( pinNumber )
{
	var formPin		= $( 'mainLoginPinNumber' ).value;
	var form		= $( 'mainLogin' );
	
	
	formPin.value = pinNumber;
	form.submit();
}

var pinDialog 	= null;

function AAOA_ShowPinEntryDialog()
{
	
	hpage = $( 'page' );
	
	//pinDialog = document.createElement( 'div' )
	//pinDialog = $ ( document.createElement( 'div' ) );
	
	if ( !pinDialog )
	{
		pinDialog = $( document.body.appendChild ( document.createElement( 'div' ) ) );
		pinDialog.id = 'pinDialog';
		pinDialog.style.display 	= 'none';
	}
	
	pinDialog.innerHTML = '<div class="outerForm"><div class="innerForm"><table><tr><td><h1>Enter your\'re PIN</h1><p>Enter your personal pin number to access AAOA\'s online exclusive features and benefits.</p><span>PIN:</span><input type="text" id="dialogPinNumber" name="dialogPinNumber" /></td><td style="display:table-cell;"><img src="/images/webPinCard.jpg" /></td></tr><tr><td colspan="2"><input type="image" src="/images/buttons1/ok.gif" id="dialogOkButton" name="dialogOkButton" /><input type="image" id="dialogCancelButton" name="dialogCancelButton" src="/images/buttons1/cancel.gif"   /></td></tr></table></div></div>';	
		
	// --------------------------------------------------------
	//
	// 
	pinDialog._disablePage = function() {
		if ( 1 )
		{
			if ( !pinDialog._pageBlocker )
			{
				pinDialog._pageBlocker = $( document.body.appendChild ( document.createElement( 'div' ) ) );
				pinDialog._pageBlocker.id = 'pageBlocker';
			}
			
			//d.style.display		= 'none';
			pinDialog._pageBlocker.style.top 			= '0px';
			pinDialog._pageBlocker.style.left 			= '0px';
			pinDialog._pageBlocker.style.bottom			= '0px';
			pinDialog._pageBlocker.style.right 			= '0px';
			pinDialog._pageBlocker.style.position 		= 'fixed';
			pinDialog._pageBlocker.style.backgroundColor = '#000';
			pinDialog._pageBlocker.style.filter 		= "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			pinDialog._pageBlocker.style.opacity		= '0.0';
			
			pinDialog._pageBlocker.show();
			
			new Effect.Opacity( pinDialog._pageBlocker, { from: 0.0, to: 0.4, duration: AAOA_UI_FADING_EFFECT_DURATION });
			
		}
	}
	
	// --------------------------------------------------------
	//
	// 
	pinDialog._enablePage = function() {
		if ( 1 )
		{
			new Effect.Fade( pinDialog._pageBlocker, { duration: AAOA_UI_FADING_EFFECT_DURATION });
		}
	}
	
	// --------------------------------------------------------
	//
	// 
	pinDialog._closeDialog = function() {
		pinDialog._enablePage();
		new Effect.Fade( pinDialog, { duration: AAOA_UI_FADING_EFFECT_DURATION } );
		//document.body.removeChild( pinDialog );
	}
	
	// --------------------------------------------------------
	//
	// 
	pinDialog._submitLogin = function() {
		var mainLogin		= $('mainLogin');
		var mainPinField	= mainLogin.getElementsByTagName('input').pin;
		
		var pin				= $('dialogPinNumber').value;
		
		mainPinField.value = pin;
		mainLogin.submit();
	}
	
	// --------------------------------------------------------
	//
	// 
	pinDialog._showDialog = function() {
		var scrollY = 0;
		if ( document.body )
			scrollY = document.body.parentNode.scrollTop ;
		else
			scrollY = window.scrollY;
		
		pinDialog.style.position 	= 'fixed';
		pinDialog.style.width 		= '640px';
		pinDialog.style.height 		= '240px';
		pinDialog.style.top 		= '240px';
		pinDialog.style.left		= '50%';
		pinDialog.style.marginLeft	= '-320px';
		pinDialog.style.marginTop	= '-120px';
		
		//pinDialog.style.top = (240 + scrollY) + 'px';
		pinDialog._disablePage();
		new Effect.Appear( pinDialog, { duration: AAOA_UI_FADING_EFFECT_DURATION } );
		
		
		
	}
	
	pinDialogButtons = pinDialog.getElementsByTagName('input');
	pinDialogButtons.dialogCancelButton.onclick = function() {
		pinDialog._closeDialog();
	}
	pinDialogButtons.dialogOkButton.onclick = function() {
		pinDialog._submitLogin();
	}
		
	pinDialog._showDialog();
	return pinDialog;
	
	
	//new Effect.Opacity( hpage, { from: 1.0, to: 0.4, duration: AAOA_UI_FADING_EFFECT_DURATION });
		
	//;
	
	
	
	
	
	/*
	hpage.style.opacity 	= '0.4';
	hpage.style.filter		= 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; // for ie 8
	hpage.style.filter 		= 'filter: alpha(opacity=40)'; // (for ie 7 and earlier)
	*/
	/*
	if ( document.all )
	{
		for ( i = 0; i < document.all.length; i++ )
		{
			if ( document.all(i).id != 'pinDialog' )
				document.all(i).style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
		}
	}
	else
	{
		hpage.style.opacity 	= '0.4';
	}
	*/
	
	//hpage.style.filter 		= 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; // (for ie 7 and earlier)
	//hpage.addClassName('fadedBackground');
	
	// pinDialog.style.display = 'block';
	//Effect.Fade( hpage, { duration: 0.5 } );
	
	
	
	
	
}

function UI_TriggerLogin()
{
	AAOA_ShowPinEntryDialog();
}


function pageWidth() 
{
	return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ?  document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
} 
function pageHeight() 
{
	return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
} 

function fullWidth()
{
	return pageWidth() > document.width ? pageWidth() : document.width;
}

function fullHeight()
{
	return pageHeight() > document.height ? pageHeight() : document.height;
}

function posLeft() 
{
	return typeof window.pageXOffset != 'undefined' ? window.pageXOffset :document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0;
} 

function posTop() 
{
	return typeof window.pageYOffset != 'undefined' ?  window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;
} 

function posRight() 
{
	return posLeft()+pageWidth();
} 

function posBottom() 
{
	return posTop()+pageHeight();
}