// start - bottom nav tab highlighting 
var W3CDOM = (document.createElement && document.getElementsByTagName);


var mouseOvers = new Array();
var mouseOuts = new Array();


/*
window.onload = init;

function init()
{
	if (!W3CDOM) return;
	var nav = document.getElementById('mouseovers');
	var imgs = nav.getElementsByTagName('img');
	for (var i=0;i<imgs.length;i++)
	{
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
		
		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		mouseOuts[i] = new Image();
		mouseOuts[i].src = imgs[i].src;
		mouseOvers[i] = new Image();
		mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_omo" + suffix;
		imgs[i].number = i;
	}
}

function mouseGoesOver()
	{
		this.src = mouseOvers[this.number].src;
	}


function mouseGoesOut()
	{
		this.src = mouseOuts[this.number].src;
	}
	
window.addEvent('domready', init);
*/
// end - bottom nav tab highlighting 

//start - subpage fade in and out 
/*
var subpage = {
  activateTabs : function() {
    var tabs = $$(' .tab');
	
    tabs.each(function(tab, i) {
	  var tabFade = tab.id + '_subpage';
	  if (tab.id) {
        $(tab.id).addEvent('click', function() {
          var tabNum = tab.id.substring(3);
          var allFades = $$(' .subpage');
          allFades.each(function(fade){
            var fadeNum = fade.id.substring(3, 4);
			var imgEl = $('tab' + fadeNum).getElementsByTagName('img')[0];
            if (fadeNum != tabNum) {
			  if (fade.activate) {
                $(fade.id).setStyle('display', 'none');
			  }
			  fade.activate = false;
			  imgEl.src = mouseOuts[imgEl.number].src;
            } else {
			  if (!fade.activate) {          
                $(fade.id).setStyle('display', 'block');
			    fade.activate = true;
			  }
			  imgEl.src = mouseOvers[imgEl.number].src;
            }
          });
        });

        
        var tabClose = tab.id + '_close';
        $(tabClose).addEvent('click', function() {
          $(tabFade).setStyle('display', 'none');
		  $(tabFade).activate = false;
		  var imgEl = tab.getElementsByTagName('img')[0];
          imgEl.src = mouseOuts[imgEl.number].src;
        });
      }
	});	
  },

  positionTabs : function() {
    var tabLeft = $('tabbar').getLeft() + 39;
	// tab top should be the top of the tabbar minus height of subpage
    var tabTop = $('tabbar').getTop() - 393;
	var subpages = $$('.subpage');
    subpages.each(function(sub) {
      sub.setStyle('left', tabLeft);
	  sub.setStyle('top', tabTop);
	});
	
  }
};

window.addEvent('domready', subpage.activateTabs);
window.addEvent('domready', subpage.positionTabs);
window.addEvent('resize', subpage.positionTabs);
*/
//end - subpage fade in and out 




//start - highlighting of pod4 tab menu
  function highlightTab(targetBtnId) {
    var btnIds = new Array("1", "2", "3");

    for (var i = 0; i < btnIds.length; i++) {
      var id = btnIds[i];
      var btnId = "podtab" + id;
      var btnEl = document.getElementById(btnId);

      if (btnId == targetBtnId) {
        // target btn, so turn it on
        btnEl.className="podtabOn";

      } else {
        // other btns, so turn them off
        if(btnEl)
            btnEl.className="podtabOff";
      }
    }
  }
//end - highlighting of pod4 tab menu


//start drop-down menu. ie
sfHover = function() {     
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");     
	for (var i=0; i<sfEls.length; i++) {         
		sfEls[i].onmouseover=function() {             
			this.className+=" sfhover";         
		}         
		sfEls[i].onmouseout=function() {             
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");        
		}     
	} 
} 
if (window.attachEvent) window.attachEvent("onload", sfHover); 
//end drop-down menu. ie

//start drop-down docs menu. ie
sfHover = function() {     
	var sfEls = document.getElementById("docs").getElementsByTagName("LI");     
	for (var i=0; i<sfEls.length; i++) {         
		sfEls[i].onmouseover=function() {             
			this.className+=" sfhover";         
		}         
		sfEls[i].onmouseout=function() {             
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");        
		}     
	} 
} 
if (window.attachEvent) window.attachEvent("onload", sfHover); 
//end drop-down docs menu. ie

//start - showing and hiding divs
    var curDiv;

var ids=new Array('podtab1_div','podtab2_div','podtab3_div');

function switchid(divId){	
	hideallids();
	showdiv(divId);
    highlightTab(divId.substring(0, divId.length-4))
}

function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids.length;i++){
		hidediv(ids[i]);
	}		  
}

function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById && document.getElementById(id)) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers && document.id) { // Netscape 4
			document.id.display = 'none';
		}
		else if(document.all && document.all.id) { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function showdiv(id) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}
//end - showing and hiding divs


//choosing random pod image - start
function displayRandom() {
  // uses the ids array from above
  var randIndex=Math.floor(Math.random()* ids.length);
  var divId = ids[randIndex];
  switchid(divId);
}
// invoke our random div
window.addEvent('load', displayRandom);
//choosing random pod image - end


//start - search drop down
  function displaySearchDiv() {
    var searchDivEl = $('searchDiv');
    setSearchDropDown(searchDivEl);
    searchDivEl.style.display="block";
	
	var searchInputEl = $('searchInput');
	searchDivEl.setStyle('left', searchInputEl.getLeft());
	searchDivEl.setStyle('top', searchInputEl.getTop() + 17);
  }

  function hideSearchDiv() {
    var searchDivEl = $('searchDiv');
    searchDivEl.style.display="none";
  }

  function debug(e) {
    var keycode=e.keyCode? e.keyCode : e.charCode
    alert(String.fromCharCode(keycode));
  }

  window.onload=function() {
    var searchInputEl = $('searchInput'); 
    searchInputEl.onfocus=displaySearchDiv;
    searchInputEl.onkeydown=hideSearchDiv;
    //searchInputEl.onkeydown=debug;

    var searchDivCloseEl = $('searchDivClose'); 
    searchDivCloseEl.onclick=hideSearchDiv;
  }
 //end - search drop down