// JavaScript Document
//Global variables
var numWinResize = 0;

var niomaIconLeftOffset = 0;
var niomaIconTopOffset = 0;
var niomaIconWidth = 0;
var niomaIconHeight = 0;

xAddEventListener(window, 'load', winOnLoad, false);
xAddEventListener(window, 'resize', winOnResize, false);

function winOnLoad()
{
	 myLog("xClientWidth=" + xClientWidth());
	 myLog("xClientHeight=" + xClientHeight());
	 
	 
	 var niomaIcon = xGetElementById('niomaLogo_id');
	 niomaIconLeftOffset = xLeft(niomaIcon);
	 niomaIconWidth = xWidth(niomaIcon);
	 niomaIconTopOffset = xTop(niomaIcon);
	 niomaIconHeight = xHeight(niomaIcon);
	 
	 myLog("niomaIconLeftOffset=" + niomaIconLeftOffset);
	 myLog("niomaIconWidth=" + niomaIconWidth);
	 myLog("niomaIconTopOffset=" + niomaIconTopOffset);
	 myLog("niomaIconHeight=" + niomaIconHeight);
	 
	 centerMessage("slogan_id");
	 positionCounter("cntdwn"); // See counter's id at the "putspan" functions in the "countdown.js" file.
	 centerMessage("footerMessage_2");	 
}

function winOnResize()
{
   numWinResize++;
   if (numWinResize >= 0) {
	 
	  myLog("xClientWidth=" + xClientWidth());
	  myLog("xClientHeight=" + xClientHeight());
	  centerMessage("slogan_id");
	  positionCounter("cntdwn");
	  centerMessage("footerMessage_2");
   }
}

function centerMessage( elementId ) {
	
	// Available display witdh
	var avaDispWidth = xClientWidth() - (niomaIconLeftOffset + niomaIconWidth);
	myLog(elementId + ".avaDispWidth=" + avaDispWidth);
	
	// Current position of the element
	var elem = xGetElementById(elementId);
	
	var x0 = xLeft(elem);
    myLog(elementId + ".x0=" + x0);
	
	// Width of the element
	var elemWidth = xWidth(elem);
	myLog(elementId + ".elemWidth=" + elemWidth);
	
	// New position for the element
	var x1 = ((avaDispWidth - elemWidth) / 2) + (niomaIconLeftOffset + niomaIconWidth);
	myLog(elementId + ".x1=" + x1);
		
	myLog(elementId + ".xLeft=" + xLeft(elem, x1)); // reposition the element in its new coordinates
}

function positionCounter( elementId ) {
	
	// Available display witdh
	var avaDispWidth = xClientWidth();
	myLog(elementId + ".avaDispWidth=" + avaDispWidth);
	
	// Current X position of the element
	var elem = xGetElementById(elementId);
	
	var x0 = xLeft(elem);
    myLog(elementId + ".x0=" + x0);
	
	// Width of the element
	var elemWidth = xWidth(elem);
	myLog(elementId + ".elemWidth=" + elemWidth);
	
	// New X position for the element
	var x1 = (avaDispWidth - elemWidth) / 2;
	myLog(elementId + ".x1=" + x1);
		
	myLog(elementId + ".xLeft=" + xLeft(elem, x1)); // reposition the element in its new coordinates

	// Available display height
	var avaDispHeight = xClientHeight() - (niomaIconTopOffset + niomaIconHeight);
	myLog(elementId + ".avaDispHeight=" + avaDispHeight);
	
	// Current Y position of the elemnt
	var y0 = xTop(elem);
    myLog(elementId + ".y0=" + y0);
	
	// Height of the element
	var elemHeight = xHeight(elem);
	myLog(elementId + ".elemHeight=" + elemHeight);
	
	// New Y position for the element
	var y1 = ((avaDispHeight - elemHeight) / 2) + (niomaIconTopOffset + niomaIconHeight);
	myLog(elementId + ".y1=" + y1);
		
	myLog(elementId + ".xTop=" + xTop(elem, y1)); // reposition the element in its new coordinates

}

// To centralize the log enabling/disabling.
function myLog(msg) {
	// xConsole.log(msg);
}