2D Align function

gistfile1.js

/* 
Go to CSS deck to understand how it works
http://cssdeck.com/labs/mtmn9aph/0

*/


function align (boundX, boundY, boundW, boundH, objectW, objectH, boundAlignX, boundAlignY, objectAlignX, objectAlignY) {
  
  var result = [];

  if (typeof objectAlignX === "undefined") {
    if (boundAlignX == 'left') objectAlignX = 0;
    if (boundAlignX == 'right') objectAlignX = objectW;
    if (boundAlignX == 'center') objectAlignX = objectW / 2;
  }

  if (objectAlignX == 'left') objectAlignX = 0;
  else if (objectAlignX == 'right') objectAlignX = objectW;
  else if (objectAlignX == 'center') objectAlignX = objectW / 2;

  if (typeof objectAlignY === "undefined") {
    if (boundAlignY == 'top') objectAlignY = 0;
    if (boundAlignY == 'bottom') objectAlignY = objectH;
    if (boundAlignY == 'center') objectAlignY = objectH / 2;
  }

  if (objectAlignY == 'top') objectAlignY = 0;
  else if (objectAlignY == 'bottom') objectAlignY = objectH;
  else if (objectAlignY == 'center') objectAlignY = objectH / 2;



  if (boundAlignX == 'left') result[0] = boundX - objectAlignX;
  else if (boundAlignX == 'right') result[0] = boundX + boundW - objectAlignX;
  else if (boundAlignX == 'center') result[0] = boundX + boundW / 2 - objectAlignX;
	else result[0] = boundX + boundAlignX - objectAlignX;

  if (boundAlignY == 'top') result[1] = boundY - objectAlignY;
  else if (boundAlignY == 'bottom') result[1] = boundY + boundH - objectAlignY;
  else if (boundAlignY == 'center') result[1] = boundY + boundH / 2 - objectAlignY;
	else result[1] = boundY + boundAlignY - objectAlignY;

  return result;
}