function Progressbar(length, parent) { // the number of steps of the bar this.length = length; // the current position, expressed in steps (so 100% = length) this.position = 0; // the current percentage of the bar this.percentage = 0 // use this function to display the progress, because it updates everything this.step = function(count) { if (this.position < this.length) this.position += count; // update the bar this.percentage = this.position*(100/this.length); this.fill.style.width = this.percentage + "%"; // if the end is reached, the bar is hidden/removed if(this.position >= this.length) { this.fill.style.visibility = "hidden"; } } // the actual progressbar var bar = document.createElement("div"); bar.id = "resProgBar"; bar.className ="ProgressBar"; // the actual bar this.fill = document.createElement("div"); this.fill.id = "resProgFill"; this.fill.className = "ProgressBarFill"; this.fill.style.width = "0%" bar.appendChild(this.fill); // the container for the elements used by the Progressbar this.element = document.createElement("div"); this.element.style.textAlign = "center"; // get hasLayout in IE, needed because of the percentage as width of the bar this.element.className = "gainlayout"; // results counter inside progress bar var resCounter = document.getElementById("resCounter"); resCounter.style.display = "inline"; bar.appendChild(resCounter); // the result sites navigation var resNav = document.getElementById("resNav"); resNav.style.display = "inline"; bar.appendChild(resNav); this.element.appendChild(bar); parent.appendChild(this.element); } function addHover() { if (document.all&&document.getElementById) { var divs = document.getElementsByTagName("div"); for (i=0; i