
var NavBar=Class.create();function widthOf(elementId)
{return Element.getDimensions(elementId).width;}
function setWidthOf(elementId,widthInPixels)
{Element.setStyle(elementId,{width:widthInPixels+"px"});}
function toggleHoverOn(elementId,hovering)
{var classToRemove=elementId+(hovering?'':'Hover');var classToAdd=elementId+(hovering?'Hover':'');if(!Element.visible(elementId+'Container'))
{Element.removeClassName(elementId,classToRemove);Element.addClassName(elementId,classToAdd);}}
function setNavBarBlockStyleAfter(event,style)
{var element=Event.element(event);for(var parent=element;parent!=null;parent=parent.parentNode)
{if(Element.hasClassName(parent,"navbar_navBarBlock"))
{element=parent;break;}}
Element.setStyle(element,style);}
function getSiteCells()
{return Element.getElementsByClassName(LEFT_SECTION,"navbar_navBarBlock");}
function getSiteCellWidths()
{var siteCells=getSiteCells();var siteCellWidths=new Array();var toDisplayAllSiteCells=1500;setWidthOf(LEFT_SECTION,toDisplayAllSiteCells);for(var i=0;i<siteCells.length;++i)
{siteCellWidths[i]=widthOf(siteCells[i])}
return siteCellWidths;}
var RIGHT_SECTION="navbar_rightSection";var LEFT_SECTION="navbar_leftSection";var NAVBAR_CONTAINER="navBar_content";var MINIMUM_RIGHT_SECTION_WIDTH=420
NavBar.prototype={initialize:function()
{this.loadedMoreSites=false;this.loadedBigpond=false;this.displayBlock={display:'block'};this.displayNone={display:'none'};this.backgroundNone={background:'none'};this.backgroundDark={background:'url(./js/navbar/i/n_tile_02.gif) repeat-x'};},observeElements:function()
{Event.observe("navbar_moreSites","mouseover",this.mouseOverMoreSites.bind(this),true);Event.observe("navbar_moreSites","mouseout",this.mouseOutMoreSites.bind(this),true);Event.observe("navbar_bigpond","mouseover",this.mouseOverBigpond.bind(this),true);Event.observe("navbar_bigpond","mouseout",this.mouseOutBigpond.bind(this),true);Event.observe("navbar_bigpondMore","mouseover",this.mouseOverBigpondMore.bind(this),true);Event.observe("navbar_bigpondMore","mouseout",this.mouseOutBigpondMore.bind(this),true);var siteCells=getSiteCells();for(i=0;i<siteCells.length;i++)
{this.observeNavBarBlock(siteCells[i]);}
Element.setStyle("navbar_moreSitesContainer",this.displayNone);Element.setStyle("navbar_bigpondContainer",this.displayNone);Event.observe(window,"resize",this.resizeNavbar);},observeNavBarBlock:function(divId)
{if($(divId)!=null)
{Event.observe(divId,"mouseover",this.mouseOverNavBarBlock.bind(this),true);Event.observe(divId,"mouseout",this.mouseOutNavBarBlock.bind(this),true);}},mouseOverMoreSites:function(evt)
{toggleHoverOn('navbar_moreSites',true)},mouseOutMoreSites:function(evt)
{toggleHoverOn('navbar_moreSites',false)},mouseOverBigpond:function(evt)
{var element=Event.element(evt);element.src="./js/navbar/i/n_bp_02.gif";},mouseOutBigpond:function(evt)
{var element=Event.element(evt);element.src="./js/navbar/i/n_bp.gif";},mouseOverBigpondMore:function(evt)
{if(!Element.visible('navbar_bigpondContainer'))
{$('navbar_bigpondMore').src="./js/navbar/i/n_bpa_02.gif";$('navbar_bigpond').src="./js/navbar/i/n_bp_02.gif";}},mouseOutBigpondMore:function(evt)
{if(!Element.visible('navbar_bigpondContainer'))
{$('navbar_bigpondMore').src="./js/navbar/i/n_bpa.gif";$('navbar_bigpond').src="./js/navbar/i/n_bp.gif";}},mouseOverNavBarBlock:function(event)
{setNavBarBlockStyleAfter(event,this.backgroundDark)},mouseOutNavBarBlock:function(event)
{setNavBarBlockStyleAfter(event,this.backgroundNone)},loadBigpond:function()
{if(Element.visible('navbar_bigpondContainer'))
{Element.setStyle('navbar_bigpondContainer',this.displayNone);$('navbar_bigpondMore').src="./js/navbar/i/n_bpa.gif";$('navbar_bigpond').src="./js/navbar/i/n_bp.gif";}
else
{if(this.loadedBigpond==false){var ajax=new Ajax.Updater("navbar_bigpondContainer","./js/navbar/bigpond.shtml");this.loadedBigpond=true;}
if(Element.visible('navbar_moreSitesContainer'))
{this.loadMoreSites();}
Element.setStyle('navbar_bigpondContainer',this.displayBlock);$('navbar_bigpondMore').src="./js/navbar/i/n_bpa_03.gif";$('navbar_bigpond').src="./js/navbar/i/n_bp.gif";}},loadMoreSites:function()
{if(Element.visible('navbar_moreSitesContainer'))
{Element.setStyle('navbar_moreSitesContainer',this.displayNone);Element.removeClassName('navbar_moreSites','navbar_moreSitesExpanded');Element.addClassName('navbar_moreSites','navbar_moreSites');}
else
{if(!this.loadedMoreSites){var ajax=new Ajax.Updater("navbar_moreSitesContainer","./js/navbar/moreSites.shtml");this.loadedMoreSites=true;}
if(Element.visible('navbar_bigpondContainer'))
{this.loadBigpond();}
Element.setStyle('navbar_moreSitesContainer',this.displayBlock);Element.removeClassName('navbar_moreSites','navbar_moreSitesHover');Element.removeClassName('navbar_moreSites','navbar_moreSites');Element.addClassName('navbar_moreSites','navbar_moreSitesExpanded');}},resizeNavbar:function()
{Element.setStyle(NAVBAR_CONTAINER,this.displayBlock);var navbarWidth=widthOf(NAVBAR_CONTAINER);var availableLeftWidth=navbarWidth-MINIMUM_RIGHT_SECTION_WIDTH;var siteCellWidths=getSiteCellWidths();var leftWidth=0;for(var i=0;i<siteCellWidths.length;++i)
{if(availableLeftWidth>=siteCellWidths[i])
{leftWidth+=siteCellWidths[i];availableLeftWidth-=siteCellWidths[i];}
else break;}
setWidthOf(LEFT_SECTION,leftWidth);setWidthOf(RIGHT_SECTION,widthOf(NAVBAR_CONTAINER)-leftWidth);},clearSearchField:function()
{$("navbar_searchField").value='';}};var navbar=new NavBar();