/**
 * Since I use a background with pixels, that need to match up perfectly with the pixel logo
 * I need to adjust the entire site one pixel to the left, depending on the current viewport size
 */
function fixCenterAlignment()
{
    var adjustmentEven;
    var adjustmentUneven;
    if (Browser.Engine.webkit) {
        var scrollBarVisible = (document.getSize().y < document.getScrollSize().y) ? true : false;
    }
    if (Browser.Engine.gecko) {
        adjustmentEven = '0';
        adjustmentUneven = '-1px';
    }
    if (Browser.Engine.webkit) {
        adjustmentEven = scrollBarVisible ? '1px' : '0';
        adjustmentUneven = scrollBarVisible ? '0' : '1px';
    }
    if (Browser.Engine.trident) {
        adjustmentEven = '0';
        adjustmentUneven = '1px';
    }
    
	if (document.getSize().x%2 != 0) {
		$('siteContainer').setStyle('left',adjustmentUneven);
	} else {
		$('siteContainer').setStyle('left',adjustmentEven);
	}
}

window.addEvent('resize',fixCenterAlignment);
window.addEvent('domready',fixCenterAlignment);