antidev: Jul 29, 2007

Here is the js file used to generate the news fader at the top of this screen. perty. think i'm gonna steal it and use on Joomla front page.

http://www.google.com/uds/solutions/newsbar/gsnewsbar.js?mode=new

function GSnewsBar(barRoot, options) {

 // IE fadein/fadeout is disabled
 // On IE6, when clear type is enabled, you MUST set a background color on
 // the element being tweaked. This is totally impractical. If you dont do this
 // the fonts look terrible/unreadable
 //
 // On IE7, they "fixed" the bug, but they did it by disable font smoothing so
 // once again, the results are terrible. Fix is to just don't do this on IE
 this.br_AgentContains_cache_ = {};
 if (this.br_IsIE()) {
   this.startupDelay = 50;
   this.ieMode = true;
 } else {
   this.startupDelay = 0;
   this.ieMode = false;
 }

 this.CL_RESULTDIV = "resultDiv_gsnb";
 this.CL_RESULTDIV_BOLD = "resultDiv_gsnb resultDivBold_gsnb";
 // FF on win/mac has an interesting issue as well. As soon as opacity hits
 // 100%, the font size seems to change by a pixel or so for many fonts.
 // net result: visible jiggle. The "fix" is to never let ffwin/mac hit 100%...
 this.linkContainerClass = this.CL_RESULTDIV;
 if (this.br_IsNav() && (this.br_IsWin() || this.br_IsMac()) ) {
   if (this.br_IsMac()) {
     this.linkContainerClass = this.CL_RESULTDIV_BOLD;
   }
   this.shortOpacityMode = true;
 } else {
   this.shortOpacityMode = false;
 }

 this.setGlobals();
 this.processArguments(barRoot, options);
 this.adjustGlobals();

 this.buildSuperStructure();
 this.buildSearchControl();

 // build handlers for mousein/mouseout watchers
 // on this.resultsBox
 if ( !this.verticalMode ) {
   this.resultsBox.onmouseover = this.methodClosure(this,
                                           GSnewsBar.prototype.setMouseIn,
                                           [null]);
   this.resultsBox.onmouseout = this.methodClosure(this,
                                           GSnewsBar.prototype.setMouseOut,
                                           [null]);
   if (this.currentResultRoot) {
     this.currentResultRoot.onmouseover = this.methodClosure(this,
                                             GSnewsBar.prototype.setMouseIn,
                                             [null]);
     this.currentResultRoot.onmouseout = this.methodClosure(this,
                                             GSnewsBar.prototype.setMouseOut,
                                             [null]);
   }
 }

 // ie does not like this mode, so defer load on IE
 if (this.ieMode || this.startupDelay != 0) {
   var bootCompleteClosure = this.methodClosure(this,
                                                GSnewsBar.prototype.bootComplete,
                                                [null]);
   setTimeout(bootCompleteClosure, this.startupDelay);
 } else {
   this.bootComplete();
 }
}

GSnewsBar.prototype.bootComplete = function() {
 // if we have an auto execute list, then start it up
 if (this.autoExecuteMode) {
   this.cycleTimeClosure = this.methodClosure(this,
                                              GSnewsBar.prototype.cycleTimeout,
                                              [null]);

   // if there is only a single item in the execute list, then
   // disable autoExecuteMode...
   if ( this.executeList.length == 1 ||
        this.cycleTime == GSnewsBar.CYCLE_TIME_MANUAL ) {
     this.switchToListItem(0);
   } else {
     this.cycleTimeout();
   }
 }
}

// cycle time for selecting a news set
GSnewsBar.CYCLE_TIME_EXTRA_SHORT = 3000;
GSnewsBar.CYCLE_TIME_SHORT = 10000;
GSnewsBar.CYCLE_TIME_MEDIUM = 15000;
GSnewsBar.CYCLE_TIME_LONG = 30000;
GSnewsBar.CYCLE_TIME_MANUAL = 3000000;

GSnewsBar.ONE_SECOND = 1000;
GSnewsBar.THREE_SECONDS = 3000;
GSnewsBar.FIVE_SECONDS = 5000;
GSnewsBar.TEN_SECONDS = 10000;

// cycle mode
GSnewsBar.CYCLE_MODE_RANDOM = 1;
GSnewsBar.CYCLE_MODE_LINEAR = 2;

GSnewsBar.MAX_CACHE_LIFETIME = 50;
GSnewsBar.MIN_CACHE_LIFETIME = 4;
GSnewsBar.DEFAULT_CACHE_LIFETIME = 16;
GSnewsBar.MAX_ERROR_COUNT = 4;
GSnewsBar.DEFAULT_QUERY = "Google";
GSnewsBar.MIN_STARTUP_DELAY = 50;
GSnewsBar.MAX_STARTUP_DELAY = 2000;

// result style
GSnewsBar.RESULT_STYLE_EXPANDED = 1;
GSnewsBar.RESULT_STYLE_COMPRESSED = 2;
GSnewsBar.prototype.processArguments = function(barRoot, opt_options) {
 this.retries = 0;
 this.barRoot = barRoot;
 this.statusRoot = null;
 this.autoExecuteMode = false;
 this.executeList = new Array();
 this.cycleTime = GSnewsBar.CYCLE_TIME_MANUAL;
 this.cycleMode = GSnewsBar.CYCLE_MODE_LINEAR;
 this.cycleNext = 0;
 this.cycleTimer = null;
 this.verticalMode = true;
 this.fadeTimer = null;
 this.mouseInResultArea = false;
 this.mouseOutCallFade = false;
 this.linkTarget = GSearch.LINK_TARGET_SELF;
 this.currentResultRoot = null;
 this.currentResultContainer = null;
 this.cacheLifetime = GSnewsBar.DEFAULT_CACHE_LIFETIME;

 this.fadeIncrement = 10;
 this.fadeTime = 400;
 this.fadeInCallback = GSnewsBar.methodCallback(this,
                                                GSnewsBar.prototype.fadeIn);
 this.fadeOutCallback = GSnewsBar.methodCallback(this,
                                                 GSnewsBar.prototype.fadeOut);
 this.fadeOpacity = 0;

 // set defaults that are changable via options
 this.resultSetSize = GSearch.SMALL_RESULTSET;
 this.ST_TITLE = "In the news";
 this.resultsBoxClass = this.CL_RESULTSBOX_EXPANDED;
 this.verticalMode = true;

 if (opt_options) {

   // horizontal
   if (opt_options.horizontal && opt_options.horizontal == true ) {
     this.verticalMode = false;
   } else {
     this.verticalMode = true;
   }

   // option.largetResultSet
   if (opt_options.largeResultSet && opt_options.largeResultSet == true ) {
     this.resultSetSize = GSearch.LARGE_RESULTSET;
   } else {
     this.resultSetSize = GSearch.SMALL_RESULTSET;
   }

   // option.resultStyle
   if (opt_options.resultStyle) {
     if (opt_options.resultStyle == GSnewsBar.RESULT_STYLE_EXPANDED) {
       this.resultsBoxClass = this.CL_RESULTSBOX_EXPANDED;
     } else if (opt_options.resultStyle == GSnewsBar.RESULT_STYLE_COMPRESSED) {
       this.resultsBoxClass = this.CL_RESULTSBOX_COMPRESSED;
     }
   }

   if (opt_options.linkTarget) {
     this.linkTarget = opt_options.linkTarget;
   }

   // if currentResult is specified AND we are in horizontal mode,
   // then pick it up.
   if (opt_options.currentResult && !this.verticalMode) {
     this.currentResultRoot = opt_options.currentResult;
     this.removeChildren(this.currentResultRoot);
   }

   if (opt_options.title) {
     this.ST_TITLE = opt_options.title;
   }

   // startupDelay
   if (opt_options.startupDelay &&
       opt_options.startupDelay >= GSnewsBar.MIN_STARTUP_DELAY &&
       opt_options.startupDelay <= GSnewsBar.MAX_STARTUP_DELAY) {
     this.startupDelay = opt_options.startupDelay;
   }

   // cacheLifetime
   if (opt_options.cacheLifetime &&
       opt_options.cacheLifetime >= GSnewsBar.MIN_CACHE_LIFETIME &&
       opt_options.cacheLifetime <= GSnewsBar.MAX_CACHE_LIFETIME ) {
     this.cacheLifetime = opt_options.cacheLifetime;
   }

   // the auto execute list contains
   // a cycleTime value, a cycleMode value, and an array
   // of searchExpressions
   if (opt_options.autoExecuteList) {

     // if specified and valid, then use it, otherwise
     // use default set above
     if (opt_options.autoExecuteList.cycleTime) {
       var cycleTime = opt_options.autoExecuteList.cycleTime;
       if (cycleTime == GSnewsBar.CYCLE_TIME_EXTRA_SHORT ||
           cycleTime == GSnewsBar.CYCLE_TIME_SHORT ||
           cycleTime == GSnewsBar.CYCLE_TIME_MEDIUM ||
           cycleTime == GSnewsBar.CYCLE_TIME_LONG ||
           cycleTime == GSnewsBar.CYCLE_TIME_MANUAL ) {
         this.cycleTime = cycleTime;
       }
     }

     // in vertical mode, cycleTime says how long
     // between new searches. In horizontal mode,
     // it's how long to keep a result up
     if (!this.verticalMode) {
       switch (this.cycleTime) {
       case GSnewsBar.CYCLE_TIME_EXTRA_SHORT:
       case GSnewsBar.CYCLE_TIME_SHORT:
         this.cycleTime = GSnewsBar.THREE_SECONDS;
         break;

       case GSnewsBar.CYCLE_TIME_MEDIUM:
       case GSnewsBar.CYCLE_TIME_MANUAL:
         this.cycleTime = GSnewsBar.FIVE_SECONDS;
         break;

       case GSnewsBar.CYCLE_TIME_LONG:
         this.cycleTime = GSnewsBar.TEN_SECONDS;
         break;
       }
       if (this.ieMode) {
         // since we are not fading in/out, lengthen the cycleTime by 1s
         this.cycleTime += GSnewsBar.ONE_SECOND;
       }
     }

     if (opt_options.autoExecuteList.cycleMode) {
       var cycleMode = opt_options.autoExecuteList.cycleMode;
       if (cycleMode == GSnewsBar.CYCLE_MODE_RANDOM ||
           cycleMode == GSnewsBar.CYCLE_MODE_LINEAR) {
         this.cycleMode = cycleMode;
       }
     }

     // now grab the list...
     if (opt_options.autoExecuteList.executeList &&
         opt_options.autoExecuteList.executeList.length > 0 ) {
       // grab from the list
       for (var i=0; i < opt_options.autoExecuteList.executeList.length; i++) {
         this.executeList.push(
           this.newListItem(opt_options.autoExecuteList.executeList[i]));
       }
       this.autoExecuteMode = true;
       this.currentIndex = 0;
       if (opt_options.autoExecuteList.statusRoot) {
         this.statusRoot = opt_options.autoExecuteList.statusRoot;
       }
     }
   }

   // horizontal mode MUST use autoExecute...
   if (!this.verticalMode && this.autoExecuteMode == false) {
     this.autoExecuteMode = true;
     this.currentIndex = 0;
     this.cycleTime = GSnewsBar.THREE_SECONDS;
     this.executeList.push(this.newListItem(GSnewsBar.DEFAULT_QUERY));
   }
 }

}

GSnewsBar.prototype.testForDefaultQuery = function() {
 if (this.executeList.length == 1 &&
     this.executeList[0].query == GSnewsBar.DEFAULT_QUERY) {
   return true;
 } else {
   return false;
 }
}

GSnewsBar.prototype.resetAutoExecuteListItems = function(newList) {
 if (this.autoExecuteMode && newList.length > 0) {

   // stop the timers...
   this.clearCycleTimer();
   this.clearFadeTimer();

   // clear the status area
   if (this.statusRoot) {
     this.removeChildren(this.statusRoot);
   }

   // nuke the old list
   this.executeList = new Array();

   // build the new list
   for (var i=0; i < newList.length; i++) {
     this.executeList.push(this.newListItem(newList[i]));
   }
   this.currentIndex = 0;

   if (this.statusRoot) {
     this.populateStatusRoot();
   }

   if ( this.executeList.length == 1) {
     this.switchToListItem(0);
   } else {
     this.cycleTimeout();
   }
 }
}

GSnewsBar.prototype.adjustGlobals = function() {
 // horizontal mode changes certain globals...
 // - results are always compressed
 if (this.verticalMode == false) {
   this.resultsBoxClass = this.CL_RESULTSBOX_COMPRESSED;
 }
}

GSnewsBar.prototype.setGlobals = function() {

 // superstructure boxes
 this.CL_NEWSBARBOX = "newsBarBox_gsnb";
 this.CL_NEWSBARBOXFULL = "newsBarBox_gsnb full_gsnb";
 this.CL_NEWSBARBOXEMPTY = "newsBarBox_gsnb empty_gsnb";
 this.CL_NEWSBARINNERBOX = "newsBarInnerBox_gsnb";
 this.CL_VERTICAL = "vertical_gsnb";
 this.CL_HORIZONTAL = "horizontal_gsnb";

 // title
 this.CL_TITLEBOX = "titleBox_gsnb";

 // results
 this.CL_RESULTSBOX_EXPANDED = "resultsBox_gsnb expanded_gsnb";
 this.CL_RESULTSBOX_COMPRESSED = "resultsBox_gsnb compressed_gsnb";
 this.CL_BRANDINGBOX = "brandingBox_gsnb";
 this.CL_SNIPPET = "snippet_gsnb";

 // status
 this.CL_STATUSBOXROOT = "statusBoxRoot_gsnb";
 this.CL_STATUSBOX = "statusBox_gsnb";
 this.CL_STATUSBOX_ONEITEM = "statusBox_gsnb oneitem_gsnb";
 this.CL_STATUSITEMSEP = "statusItemSep_gsnb";
 this.CL_STATUSITEM = "statusItem_gsnb";
 this.CL_STATUSITEM_SELECTED = "statusItem_gsnb statusItemSelected_gsnb";
}

GSnewsBar.prototype.getBarBoxClass = function(full) {
 var baseClass = full ? this.CL_NEWSBARBOXFULL : this.CL_NEWSBARBOXEMPTY;
 if (this.verticalMode) {
   baseClass += " " + this.CL_VERTICAL;
 } else {
   baseClass += " " + this.CL_HORIZONTAL;
 }
 return baseClass;
}

GSnewsBar.prototype.buildSuperStructure = function() {

 // create the newsBar box
 this.removeChildren(this.barRoot);
 this.barBox = this.createDiv(null, this.CL_NEWSBARBOX);
 this.barRoot.appendChild(this.barBox);
 this.innerBox = this.createDiv(null, this.CL_NEWSBARINNERBOX);
 this.barBox.appendChild(this.innerBox);

 // add in the title, statusBox, resultsBox, and branding

 // title
 this.titleBox = this.createDiv(this.ST_TITLE, this.CL_TITLEBOX);
 this.innerBox.appendChild(this.titleBox);

 // optional statusRoot, statusBox
 if (this.statusRoot == null) {
   this.statusRoot = this.createDiv(null, this.CL_STATUSBOXROOT);
   this.innerBox.appendChild(this.statusRoot);
 }
 this.populateStatusRoot();

 // resultsBox
 this.resultsBox = this.createDiv(null, this.resultsBoxClass);
 this.innerBox.appendChild(this.resultsBox);

 if (this.currentResultRoot) {
   this.currentResultContainer = this.createDiv(null,
                                                this.CL_RESULTSBOX_EXPANDED);
   this.currentResultRoot.appendChild(this.currentResultContainer);
 }

 // branding
 var branding = this.createDiv(null, this.CL_BRANDINGBOX);
 this.barBox.appendChild(branding);
 var orientation = GSearch.HORIZONTAL_BRANDING;
 if (this.verticalMode == false) {
   orientation = GSearch.VERTICAL_BRANDING;
 }
 GSearch.getBranding(branding, orientation);

 this.cssSetClass(this.barBox, this.CL_NEWSBARBOXEMPTY);
}

GSnewsBar.prototype.buildSearchControl = function() {
 this.ns = new GnewsSearch();
 this.ns.setResultSetSize(this.resultSetSize);
 this.ns.setLinkTarget(this.linkTarget);
 this.ns.setSearchCompleteCallback(this, GSnewsBar.prototype.searchComplete, [true]);

 this.nsBypass = new GnewsSearch();
 this.nsBypass.setResultSetSize(this.resultSetSize);
 this.nsBypass.setLinkTarget(this.linkTarget);
 this.nsBypass.setSearchCompleteCallback(this, GSnewsBar.prototype.searchComplete, [false]);
}

GSnewsBar.prototype.execute = function(query) {
 if (this.verticalMode == false) {
   this.clearFadeTimer();
   this.resetAutoExecuteListItems([query]);
 } else {
   this.populateStatusRoot();
   this.nsBypass.execute(query);
 }
}

GSnewsBar.prototype.executeInternal = function(query) {
 this.ns.execute(query);
}

GSnewsBar.prototype.clearAllResults = function() {
 this.cssSetClass(this.barBox, this.CL_NEWSBARBOXEMPTY);
}

GSnewsBar.prototype.searchComplete = function(fromListItem) {
 var ns;
 var cacheResults = false;
 var currentListItem = null;
 if (fromListItem) {
   currentListItem = this.executeList[this.currentIndex];
   if (currentListItem.cacheCount == 0) {
     cacheResults = true;
     currentListItem.results = new Array();
   }
   ns = this.ns;
 } else {
   ns = this.nsBypass;
 }
 if ( ns.results && ns.results.length > 0) {
   this.cssSetClass(this.barBox, this.getBarBoxClass(true));
   this.removeChildren(this.resultsBox);

   if (!this.verticalMode) {
     // for horizontal mode, nuke the old results
     // and reset currentResultIndex
     this.results = new Array();
     this.currentResult = 0;
   }

   // iterate over the results and capture the .html node
   // and append into the resultBox, OR just capture so that
   // we can fade it in/out
   for (var i = 0; i < ns.results.length; i++) {
     // if we are listItem based search, then cache results
     if (cacheResults) {
       currentListItem.cacheCount = 1;
       currentListItem.results.push(GSnewsBar.cloneObject(ns.results[i]));
       // reset error count based on sucessful search
       currentListItem.errorCount = 0;
     }

     var res = ns.results[i];
     if (this.verticalMode) {
       var resultDiv = this.createDiv(null, this.CL_RESULTDIV);
       var node = res.html.cloneNode(true);
       this.resultsBox.appendChild(resultDiv);
       resultDiv.appendChild(node);
     } else {
       this.results[i] = res;
     }
   }

   // start the fadein, fadeout sequence
   if (!this.verticalMode) {
     this.linkContainer = this.createDiv(null, this.linkContainerClass);
     this.resultsBox.appendChild(this.linkContainer);
     this.link = document.createElement("a");
     this.link.target = this.linkTarget;
     this.snippet = this.createSpan(" ", this.CL_SNIPPET);
     this.setHorizontalResultContent(
                       this.results[this.currentResult]);
     this.setOpacity(this.linkContainer, 0);
     this.linkContainer.appendChild(this.snippet);
     this.linkContainer.appendChild(this.link);
     this.fadeOpacity = 0;
     this.fadeIn();
   }
 } else {
   // no results, mark the container as empty
   this.cssSetClass(this.barBox, this.getBarBoxClass(true));
   // retry another search expression
   if ( this.executeList.length == 1 ||
        this.cycleTime == GSnewsBar.CYCLE_TIME_MANUAL ) {
     if (this.retries > 2) {

       // we failed the default query. Don't let this get caught
       // in a failure loop
       if (this.testForDefaultQuery()) {
         // stop the timers...
         this.clearCycleTimer();
         this.clearFadeTimer();

         // clear the status area
         if (this.statusRoot) {
           this.removeChildren(this.statusRoot);
         }
         return;
       } else {
         this.resetAutoExecuteListItems([GSnewsBar.DEFAULT_QUERY]);
         this.retries = 0;
       }
     } else {
       this.retries++;
     }
     this.switchToListItem(0);
   } else {

     // this really means that this is a list item based search
     // that should have worked and if it had worked would have
     // produced results that we cache. in this case though, we
     // got no results so mark this, and if we get too many on
     // this term, throw away the search term
     if (cacheResults) {
       currentListItem.errorCount++;
       // if we are getting excessive errors from this entry
       // then reset the list without this entry
       if (ns.completionStatus == 200) {
         currentListItem.errorCount = GSnewsBar.MAX_ERROR_COUNT + 1;
       }
       if (currentListItem.errorCount > GSnewsBar.MAX_ERROR_COUNT) {
         var newList = new Array();
         for (var i=0; i           if (this.executeList[i].errorCount <= GSnewsBar.MAX_ERROR_COUNT) {
             newList.push(this.executeList[i].query);
           }
         }
         if (newList.length == 0) {
           newList.push(GSnewsBar.DEFAULT_QUERY);
         }
         this.resetAutoExecuteListItems(newList);
       }
     }
     this.cycleTimeout();
   }
 }
}

GSnewsBar.prototype.setHorizontalResultContent = function(result) {
 var url = result.unescapedUrl;
 var linkString = result.titleNoFormatting;
 var snippet = result.publisher + " -  ";
 this.link.href = url;
 this.link.innerHTML = linkString;
 this.snippet.innerHTML = snippet;

 if (this.currentResultContainer) {
   this.removeChildren(this.currentResultContainer);
   var div = this.createDiv(null, this.CL_RESULTDIV);
   var node = result.html.cloneNode(true);
   div.appendChild(node);
   this.currentResultContainer.appendChild(div);
 }
}

GSnewsBar.prototype.clearCycleTimer = function() {
 if (this.cycleTimer) {
   clearTimeout(this.cycleTimer);
   this.cycleTimer = null;
 }
}

GSnewsBar.prototype.clearFadeTimer = function() {
 if (this.fadeTimer) {
   clearTimeout(this.fadeTimer);
   this.fadeTimer = null;
 }
}

GSnewsBar.prototype.setMouseIn = function() {
 this.mouseInResultArea = true;
}

GSnewsBar.prototype.setMouseOut = function() {
 this.mouseInResultArea = false;
 if (this.mouseOutCallFade) {
   this.fadeOut();
 }
}

GSnewsBar.prototype.cycleTimeout = function() {
 // select a new news topic
 // execute a search
 // restart the timer
 if ( this.executeList.length == 1 ||
      this.cycleTime == GSnewsBar.CYCLE_TIME_MANUAL ) {
   this.switchToListItem(0);
 } else {
   var index = 0;
   if (this.cycleMode == GSnewsBar.CYCLE_MODE_RANDOM) {
     var max = this.executeList.length - 1;
     index = Math.round(max * Math.random());
   } else if (this.cycleMode == GSnewsBar.CYCLE_MODE_LINEAR){
     index = this.cycleNext;
     this.cycleNext++;
     if (this.cycleNext >= this.executeList.length) {
       this.cycleNext = 0;
     }
   }

   this.switchToListItem(index);
   if (this.verticalMode) {
     this.clearCycleTimer();
     this.cycleTimer = setTimeout(this.cycleTimeClosure, this.cycleTime);
   }
 }
}


GSnewsBar.prototype.fadeIn = function() {
 if (this.ieMode) {
   // IE is very broken on the fade in/out
   // it ends up failing miserably on IE6 with cleartype on (well documented)
   // and on IE7, ends up turning off font-smoothing. So, on IE we do not
   // do the fade effect.
   this.fadeTimer = setTimeout(this.fadeOutCallback, this.cycleTime);
 } else {
   this.fadeOpacity = Math.min(this.fadeOpacity + this.fadeIncrement /
                                this.fadeTime, 1);
   var fadeOpacity = this.fadeOpacity;

   // this trick prevents shifting on firefox/windows
   if (fadeOpacity >= 1 && this.shortOpacityMode) {
     fadeOpacity = 0.9999999;
   }
   this.setOpacity(this.linkContainer, fadeOpacity);
   if (this.fadeOpacity < 1) {
     this.fadeTimer = setTimeout(this.fadeInCallback, this.fadeIncrement);
   } else {
     this.fadeTimer = setTimeout(this.fadeOutCallback, this.cycleTime);
   }
 }
}

GSnewsBar.prototype.fadeOut = function() {
 if (this.mouseInResultArea) {
   this.mouseOutCallFade = true;
   return;
 }

 // see above
 if (this.ieMode) {
   this.fadeOpacity = 0;
 } else {
   this.mouseOutCallFade = false;
   this.fadeOpacity = Math.max(this.fadeOpacity - this.fadeIncrement /
                                this.fadeTime, 0);
   this.setOpacity(this.linkContainer, this.fadeOpacity);
   if (this.fadeOpacity > 1) {
     this.fadeOpacity = 1;
   }
 }
 if (this.fadeOpacity > 0) {
   this.fadeTimer = window.setTimeout(this.fadeOutCallback, this.fadeIncrement);
 } else {
   if (this.currentResult+1 < this.results.length) {
     this.currentResult++;
     this.setHorizontalResultContent(this.results[this.currentResult]);
     this.fadeIn();
   } else {
     this.cycleTimeout();
   }
 }
}

/**
* Autoexecute List Item Support
*/
GSnewsBar.prototype.newListItem = function(q) {
 var listItem = new Object();
 listItem.node = null;
 listItem.query = q;
 listItem.results = new Array();
 listItem.errorCount = 0;
 listItem.cacheCount = 0;
 return listItem;
}


GSnewsBar.prototype.switchToListItem = function(i) {

 // if this is from a static query term, then just return
 if (i == -1) {
   return false;
 }
 // reset selcted class of previous item
 // note, first time through this sets
 // node 0
 if (this.executeList[this.currentIndex].node) {
   this.cssSetClass(this.executeList[this.currentIndex].node,
                    this.CL_STATUSITEM);

 }
 this.currentIndex = i;
 if (this.executeList[this.currentIndex].node) {
   this.cssSetClass(this.executeList[this.currentIndex].node,
                    this.CL_STATUSITEM_SELECTED);

 }
 var queryTerm = this.executeList[this.currentIndex].query;
 var cacheResults = false;
 var currentListItem = null;
 currentListItem = this.executeList[this.currentIndex];

 // if the listItem has no cached results, OR if
 // we have used the cached results several times
 // already, initiate a real search
 if (currentListItem.cacheCount == 0 ||
     currentListItem.cacheCount > this.cacheLifetime ) {
   currentListItem.cacheCount = 0;
   this.executeInternal(this.executeList[this.currentIndex].query);
 } else {

   // we have cached results and they are within the programmed
   // life time so use them. e.g., fake a search
   currentListItem.cacheCount++;
   this.ns.results = new Array();
   for (var ri=0; ri < currentListItem.results.length; ri++) {
     this.ns.results.push(currentListItem.results[ri]);
   }
   this.searchComplete(true);
 }
 return false;
}

GSnewsBar.prototype.populateStatusRoot = function() {
 this.removeChildren(this.statusRoot);
 var sbClass = this.CL_STATUSBOX;
 if (this.executeList.length == 1) {
   sbClass = this.CL_STATUSBOX_ONEITEM;
 }
 this.statusBox = this.createDiv(null, sbClass);
 this.statusRoot.appendChild(this.statusBox);

 if ( this.executeList.length > 0) {
   for (var i=0; i < this.executeList.length; i++ ) {
     var listItem = this.executeList[i];
     var displayTerm = listItem.query;
     var cl;
     if (this.verticalMode) {
       cl = this.createClickLink(displayTerm, null, this.CL_STATUSITEM);

       // add click handler...
       cl.onclick = this.methodClosure(this,
                                        GSnewsBar.prototype.switchToListItem,
                                        [i] );
     } else {
       var gwsUrl = "http://news.google.com/nwshp?source=uds&q=" +
         encodeURIComponent(displayTerm);
       cl = this.createClickLink(displayTerm, gwsUrl, this.CL_STATUSITEM,
                                 GSearch.strings["more-results"] + ": " + displayTerm);
     }

     listItem.node = cl;
     this.statusBox.appendChild(cl);
     if (i+1 < this.executeList.length) {
       if (this.verticalMode) {
         this.statusBox.appendChild(this.createSpan("  ", this.CL_STATUSITEMSEP));
       }
     }
   }
 }
}

/**
* Static Helper Method
*/
GSnewsBar.methodCallback = function(object, method) {
 return function() {
   return method.apply(object, arguments);
 }
}

/**
* Class methods
*/
GSnewsBar.prototype.methodClosure = function(object, method, opt_argArray) {
 return function() {
   return method.apply(object, opt_argArray);
 }
}

GSnewsBar.prototype.createDiv = function(opt_text, opt_className) {
 var el = document.createElement("div");
 if (opt_text) {
   el.innerHTML = opt_text;
 }
 if (opt_className) { el.className = opt_className; }
 return el;
}

GSnewsBar.prototype.createSpan = function(opt_text, opt_className) {
 var el = document.createElement("span");
 if (opt_text) {
   el.innerHTML = opt_text;
 }
 if (opt_className) { el.className = opt_className; }
 return el;
}

GSnewsBar.prototype.removeChildren = function(parent) {
 while (parent.firstChild) {
   parent.removeChild(parent.firstChild);
 }
}

GSnewsBar.prototype.removeChild = function(parent, child) {
 parent.removeChild(child);
}

GSnewsBar.prototype.cssSetClass = function(el, className) {
 el.className = className;
}

GSnewsBar.prototype.createClickLink = function(text, opt_href,
                                              opt_className, opt_tooltip) {
 var el = document.createElement("a");
 if (opt_href) {
   el.href = opt_href;
   el.target = this.linkTarget;
 } else {
   el.href = "_nolink_";
 }
 el.appendChild(document.createTextNode(text));
 if (opt_className) {
   el.className = opt_className;
 }
 if (opt_tooltip) {
   el.title = opt_tooltip;
 }
 return el;
}


GSnewsBar.prototype.br_AgentContains_ = function(str) {
 if (str in this.br_AgentContains_cache_) {
   return this.br_AgentContains_cache_[str];
 }

 return this.br_AgentContains_cache_[str] =
   (navigator.userAgent.toLowerCase().indexOf(str) != -1);
}

GSnewsBar.prototype.br_IsIE = function() {
 return this.br_AgentContains_('msie');
}

GSnewsBar.prototype.br_IsKonqueror = function() {
 return this.br_AgentContains_('konqueror');
}

GSnewsBar.prototype.br_IsOpera = function() {
 return this.br_AgentContains_('opera');
}

GSnewsBar.prototype.br_IsSafari = function() {
 return this.br_AgentContains_('safari') || this.br_IsKonqueror();
}

GSnewsBar.prototype.br_IsNav = function() {
 return !this.br_IsIE() &&
        !this.br_IsSafari() &&
        this.br_AgentContains_('mozilla');
}

GSnewsBar.prototype.br_IsWin = function() {
 return this.br_AgentContains_('win');
}


GSnewsBar.prototype.br_IsMac = function() {
 return this.br_AgentContains_('macintosh') ||
        this.br_AgentContains_('mac_powerpc');
}

GSnewsBar.prototype.br_IsLinux = function() {
 return this.br_AgentContains_('linux');
}


GSnewsBar.prototype.setOpacity = function(element, opacity) {

 if (this.ieMode) {
   /*
   // on ie6, if the container doesn't have a background color
   // and cleartype is enabled, the text looks terrible
   // do not fade on ie6...
   // We tried limiting this to IE7, but that was a disaster
   // as well. IE7 seems to disable font-smoothing when you do this
   // making the newsbar look terrible. Fix is to just not do the
   // fade effect on IE at all
   if (navigator.userAgent.indexOf("MSIE 7") != -1) {
     var normalized = Math.round(opacity * 100);
     element.style.filter = "alpha(opacity=" + normalized + ");";
   }
   */
   return;
 } else {
   element.style.opacity = opacity;
 }
}

GSnewsBar.prototype.getNodeWidth = function(node) {
 return node.offsetWidth;
}

/**
* Blogger B2 has a problem in its html/javascript widget
* where it will throw away link tags. This is how the
* wizards used to load their css. This piece of code does
* its best to work around this problem and will try to
* reload missing css
*/
GSnewsBar.checkAndFixBloggerCSS = function(){

 if ( window._uds_nbw_donotrepair ) {
   return;
 }
 // same for all solutions
 var gsearchCssPattern = /http:\/\/www\.google\.com\/uds\/css\/gsearch\.css/;
 var gsearchCss = "http://www.google.com/uds/css/gsearch.css";

 // adjust for each solution...
 var selfWizardPattern = /file=uds\.js.*?&source=uds-nbw/;
 var selfNewModePattern = /gsnewsbar.js\?mode=new/;
 var selfCss = "http://www.google.com/uds/solutions/newsbar/gsnewsbar.css";

 var loadCss = function(css) {
   document.write('');
 }

 var windowRef = window.location.href;
 var inBlogger = false;
 if (windowRef && windowRef != "" &&
     windowRef.match(/http:\/\/.*?\.blogspot\.com/)) {
   inBlogger = true;
 }
 if (!inBlogger) {
   return;
 }

 // ok, so we are in blogger
 // now, look to see if we are running from our own
 // wizard code
 var selfNewMode = false;
 var selfWizard = false;
 var scripts = document.getElementsByTagName("script");
 if (scripts && scripts.length > 0) {
   for (var i=0; i < scripts.length; i++) {
     var src = scripts[i].src;
     if (src.match(selfWizardPattern)) {
       selfWizard = true;
     }
     if (src.match(selfNewModePattern)) {
       selfNewMode = true;
     }
   }
 }
 if (!selfWizard) {
   return;
 }
 if (selfNewMode) {
   return;
 }

 // ok, we are running in our own wizard, in blogger
 // now, we need to make sure our CSS is loaded, only
 // we can't really know for sure, because the css tag
 // is next. So, what we do is look for gsearch.css (or
 // the global that says gsearch.css was missing because
 // another wizard already had to fix things up
 var gsearchCssMissing = true;
 var selfCssMissing = true;
 if ( !window._uds_wizards_gsearchCssMissing ) {
   // no other wizard discovered gsearch.css missing
   // so either no one else has run, or its not missing
   // look for gsearch.css. If its missing, load it and
   // load ourselves. If its found, assume ours is there as well
   var links = document.getElementsByTagName("link");
   if (links && links.length > 0) {
     for (var i=0; i < links.length; i++) {
       if (links[i].href.match(gsearchCssPattern) ) {
         gsearchCssMissing = false;
         break;
       }
     }
   }
   if (gsearchCssMissing) {
     window._uds_wizards_gsearchCssMissing = true;
     loadCss(gsearchCss);
     loadCss(selfCss);
   }
 } else {
   // if someone else marked gsearch.css missing, then we should assume
   // that we are missing too and self load
   loadCss(selfCss);
 }
}
GSnewsBar.checkAndFixBloggerCSS();

GSnewsBar.cloneObject = function(obj) {
 var res = new Object();
 for (var prop in obj) {
   switch(typeof(obj[prop])) {
     case "object":
 if (typeof(obj[prop].nodeType) == "undefined" ||
     typeof(obj[prop].cloneNode) == "undefined") {
   res[prop] = GSnewsBar.cloneObject(obj[prop]);
 } else {
   try {
     res[prop] = obj[prop].cloneNode(true);
   } catch (e) {
     res[prop] = GSnewsBar.cloneObject(obj[prop]);
   }
 }
 break;
     default:
 res[prop] = obj[prop];
 break;
   }
 }
 return res;
}
antidev

Blog Archive

29.7.07

Here is the js file used to generate the news fader at the top of this screen. perty. think i'm gonna steal it and use on Joomla front page.

http://www.google.com/uds/solutions/newsbar/gsnewsbar.js?mode=new

http:

Custom Google Search: Related to Antioch

Antiochians Lastfm Radio

Community developed Fundraising solution? Got Concerns?

WhoTF is Antiochians?

CULT OF JOE

Labels

Module Overlay & Design notes v1.0

Module overlay & design notes v1.1
