// JavaScript Document

function alignImgHorizontally(imgID,divID)
	{	
	imgWidth = document.getElementById(imgID).width;
	containerWidth = document.getElementById("valign-container").style.width;
	containerWidthInt = containerWidth.split('px');
	imgMarginSide = (containerWidthInt[0] - imgWidth)/2 + 'px'; 
	//alert(imgMarginSide);
	document.getElementById(imgID).style.marginLeft = imgMarginSide;
	}
	
function alignImgVertically(imgID,divID)
	{	
	imgHeight = document.getElementById(imgID).height; 
	containerHeight = document.getElementById(divID).style.height;
	containerHeightInt = containerHeight.split('px');
	imgMarginTop = (containerHeightInt[0] - imgHeight)/2 + 'px'; 
	//alert(imgMarginTop);
	document.getElementById(imgID).style.marginTop = imgMarginTop;
	}
	
function alignImgCenter(imgID,divID)
	{
	alignImgVertically(imgID,divID);
	alignImgHorizontally(imgID,divID);
	}