// JavaScript Document

var thisPageID;
var pointedBoxID;

function setPromos() {
	document.getElementById("topPromo").href = webSitePromo.topPromo.comicURL;
	document.getElementById("topPromo").innerHTML = "<img src='"+webSitePromo.topPromo.oviPromoimage.landscape+"' border='0' />";
	document.getElementById("marginPromo").href = webSitePromo.marginPromo.comicURL;
	document.getElementById("marginPromo").innerHTML = "<img src='"+webSitePromo.marginPromo.oviPromoimage.portrait+"' border='0' />";
	
}

function setHighlights (callerPageID) {
	thisPageID = callerPageID;
	for (var i=0; i<menuItems.length; i++) {
		if (menuItems[i] != callerPageID) {
			document.getElementById(menuItems[i]).onmouseover = highLightBox;
			document.getElementById(menuItems[i]).onmouseout = removeHighLightBox;
		}
	}
}

function highLightBox() {
//	document.getElementById(this).className = 'navibar_item_mouseover';  
};
	
function removeHighLightBox() {
//	document.getElementById("Contact").className = 'navibar_item';
};
	
var menuItems = [
	"About", "Publishing", "Contact", "Instructions", "Comics", "Phones"			 				 
]
	
	/*
	<div class="navibar_box"> <a href="index.html">
  <div class="navibar_item" id="About"> About</div>
  </a> <a href="publishing.html">
  <div class="navibar_item" id="Publishing"> Publishing</div>
  </a> <a href="contact.html">
  <div class="navibar_item" id="Contact"> Contact </div>
  </a> <a href="instructions.html">
  <div class="navibar_item" id="Instructions"> Instructions </div>
  </a> <a href="comics.html">
  <div class="navibar_item" id="Comics"> Comics </div>
  </a> <a href="phones.html">
  <div class="navibar_item" id="Phones"> Phones & App Stores</div>
  </a> </div>
*/