function centerdiv(divid, Xwidth, Yheight) {
    // First, determine how much the visitor has scrolled
    var scrolledX, scrolledY;
    if( self.pageYOffset ) {
            scrolledX = self.pageXOffset;
            scrolledY = self.pageYOffset;
    } else if( document.documentElement && document.documentElement.scrollTop ) {
            scrolledX = document.documentElement.scrollLeft;
            scrolledY = document.documentElement.scrollTop;
    } else if( document.body ) {
            scrolledX = document.body.scrollLeft;
            scrolledY = document.body.scrollTop;
    }
    
    // Next, determine the coordinates of the center of browser's window
    var centerX, centerY;
    if( self.innerHeight ) {
            centerX = self.innerWidth;
            centerY = self.innerHeight;
    } else if( document.documentElement && document.documentElement.clientHeight ) {
            centerX = document.documentElement.clientWidth;
            centerY = document.documentElement.clientHeight;
    } else if( document.body ) {
            centerX = document.body.clientWidth;
            centerY = document.body.clientHeight;
    }
    
    // Xwidth is the width of the div, Yheight is the height of the
    // div passed as arguments to the function:
    var leftOffset = scrolledX + (centerX - Xwidth) / 2;
    var topOffset = scrolledY + (centerY - Yheight) / 2;
    // The initial width and height of the div can be set in the
    // style sheet with display:none; divid is passed as an argument to // the function
    var o=document.getElementById(divid);
    var r=o.style;
    r.position='absolute';
    r.top = topOffset + 'px';
    r.left = leftOffset + 'px';
    //r.display = "block";
}

function applySuggestion(wordID, suggestionText){
    document.getElementById(wordID).innerHTML = suggestionText;
    document.getElementById(wordID).className = document.getElementById(wordID).className.replace("wordIncorrect", "wordCorrected");
}

function submitCorrection(word){
    document.getElementById("submitFrame").src = "submitword.py?initial=1&word="+word;
    centerdiv("submitDiv", 350, 350);
    document.getElementById("submitDiv").style.visibility = "visible";
    document.getElementById("transparentDiv").style.visibility = "visible";
    //jQuery.facebox({ ajax: 'about.html' })
}

function closeDiv(){
    document.getElementById("submitDiv").style.visibility = "hidden";
    document.getElementById("transparentDiv").style.visibility = "hidden";
}