var changed = false;

// adds hovers to li elements
var activate = function (id) {
    var li = document.getElementById(id);
    li.className='menuArticleHover';
    return true;
};
var deActivate = function (id) {
    var ul = document.getElementById(id);
    ul.className='menuArticle';
    return true;
};

// starts onload - determine new height of contentDiv
var editContent = function () {
    var mainContent = document.getElementById("mainContent");
    var contentHeader = document.getElementById("contentHeader");
    var contentDiv = document.getElementById("contentDiv");
    var fake2 = document.getElementById("fake2");
    
    var mainContentHeight = mainContent.offsetHeight;
    var contentHeaderHeight = contentHeader.offsetHeight;
    var newContentHeight = mainContentHeight - contentHeaderHeight;
    
    contentDiv.style.height = newContentHeight + "px";
    fake2.style.height = newContentHeight + "px";
    
    // edits Head image
    
    var innerContainer = document.getElementById("innerContainer");
    var innerContainerWidth = innerContainer.offsetWidth;
    var headImageDiv = document.getElementById("headImageDiv");
    var headImageDivWidth = headImageDiv.offsetWidth;
    
    var x;
    if (self.innerHeight) // all except Explorer
        {
            x = self.innerWidth;
        }
    else if (document.documentElement && document.documentElement.clientHeight) // Explorer 6 Strict Mode
        {
            x = document.documentElement.clientWidth;
        }
    else if (document.body) // other Explorers
        {
            x = document.body.clientWidth;
        }
    
    var leftDistance = (x - innerContainerWidth) / 2;
    var right = leftDistance + 40;
    
    var top = "144px";
    
    headImageDiv.style.right = right + "px";
    headImageDiv.style.top = top;
    
    if ((innerContainerWidth < 997) && (changed == false)) {
        var mainTextDiv = document.getElementById("mainText");
        mainTextDiv.style.width = "130px"; 
        changed = true;
    }
    
    if ((innerContainerWidth > 997) && (changed == true)) {
        var mainTextDiv = document.getElementById("mainText");
        mainTextDiv.style.width = "400px";
        changed = false;
    }
    
    return true;
};