function createNavBar(page){
  var pages=new Array({"id":6,"w":146,"l":"http://www.hrfhaiti.org/earthquake/","t":"Earthquake Update"},{"id":1,"w":81,"l":"http://www.hrfhaiti.org/","t":"About Us"},{"id":2,"w":85,"l":"http://www.hrfhaiti.org/programs/","t":"Current Programs"},{"id":3,"w":68,l:"https://www.hrfhaiti.org/donate/","t":"Donate"},{"id":4,"w":73,"l":"http://www.hrfhaiti.org/info/","t":"Stay Informed"});
  if (document.images){
    for (p in pages){
      if (pages[p].id!=page){
		eval('navRoll'+pages[p].id+' = new Image('+pages[p].w+',35)');
		eval('navRoll'+pages[p].id+'.src = "/media/navbar_'+pages[p].id+'_rollover.png"');
		eval('navNorm'+pages[p].id+' = new Image('+pages[p].w+',35)');
		eval('navNorm'+pages[p].id+'.src = "/media/navbar_'+pages[p].id+'_normal.png"');
	  }
    }
  }  
  var temp='';
  for (p in pages){
    if (pages[p].id!=page){temp+='<a href="'+pages[p].l+'" title="'+pages[p].t+'" onMouseOver="rollNavBar('+pages[p].id+',1)" onMouseOut="rollNavBar('+pages[p].id+',0)"><img id="navLink'+pages[p].id+'" src="/media/navbar_'+pages[p].id+'_normal.png" width="'+pages[p].w+'" height="35"/></a>'}
	else {temp+='<a href="'+pages[p].l+'" title="'+pages[p].t+'"><img src="/media/navbar_'+pages[p].id+'_active.png" width="'+pages[p].w+'" height="35"/></a>'}
  }
  document.getElementById('navBar').innerHTML='<div>'+temp+'</div>';
}
function rollNavBar(id,status){
  if (document.images) {
    current = document.getElementById('navLink'+id);
    if (status==true){current.src = eval('navRoll'+id+'.src')}
	else {current.src = eval('navNorm'+id+'.src')}
  }
}
function preloadPrimary(){
  var primary=new Array("programs_0.jpg","donate_0.jpg","info_0.jpg");
  if (document.images){
    for (img in primary){
		eval('preloadImg'+img+' = new Image(700,400)');
		eval('preloadImg'+img+'.src = "/media/'+primary[img]+'"');
    }
  }
}
function goHome(){
  window.location='http://www.hrfhaiti.org/';	
}
if(window.attachEvent)
  window.attachEvent("onload",setListeners);
function setListeners(){
  inputList = document.getElementsByTagName("INPUT");
  for(i=0;i<inputList.length ;i++){
    inputList[i].attachEvent("onpropertychange",restoreStyles);
    inputList[i].style.backgroundColor = "";
  }
  selectList = document.getElementsByTagName("SELECT");
  for(i=0;i<selectList.length;i++){
    selectList[i].attachEvent("onpropertychange",restoreStyles);
    selectList[i].style.backgroundColor = "";
  }
}
function restoreStyles(){
  if( event.srcElement.style.backgroundColor != "")
    event.srcElement.style.backgroundColor = "";
}