var tourOff = new Image();
tourOff.src = "images/tour_head0.gif";
var tourOn = new Image();
tourOn.src = "images/tour_head1.gif";
var pastTourOff = new Image();
pastTourOff.src = "images/tour_reviews_btn0.gif";
var pastTourOn = new Image();
pastTourOn.src = "images/tour_reviews_btn1.gif";

function tourHeadersRollover(ev) {
	var evt = ev ? ev : event; 
	var el = evt.target ? evt.target : evt.srcElement;	
	
	if (el.tagName.toLowerCase() == "img") {
		var imgEl = el;
	} else {
		var imgEl = el.getElementsByTagName("img")[0];
	}
	if (!imgEl) {
		return;
	}	
	if (evt.type == "mouseover") {
		imgEl.src = (imgEl.id == "tour_reviews_btn") ? pastTourOn.src : tourOn.src;
		el.style.cursor = "pointer";
		if (imgEl.id == "tour_reviews_btn") {
			el.onclick = function(){ location.href = "tour_archive.php"; }
		} else {
			el.onclick = function(){ location.href = "tour.php"; }
		}
	} else {
		imgEl.src = (imgEl.id == "tour_reviews_btn") ? pastTourOff.src : tourOff.src;
	}
}

function doTourRowRollover(ev, url) {
	var evt = ev ? ev : event; 
	var el = evt.target ? evt.target : evt.srcElement;
	var prnt = el.parentNode;
	// We need to make sure we have the tr and not a lower node:	
	while (prnt.tagName.toLowerCase() != "tr") {
		prnt = prnt.parentNode;
	}
	if (evt.type == "mouseover") {
		if (url == "") {
			prnt.className = "tour_item_selected";
		} else {
			prnt.className = "tour_item_selected_linked";	
		}
	} else {
		prnt.className = "tour_item";
	}
}

function openTourLink(ev, url) {
	if (url == "") {
		return;	
	}
	window.open(url, "", "");
	// this function may be called by a tr onclick or by a sub el 
	// of a linked tr, so we need to prevent the event bubbling (MIE) and propagation (Moz).
	// the following seems to do the trick:
	
	var evt = ev ? ev : event; 
	var el = evt.target ? evt.target : evt.srcElement;

	evt.cancelBubble = true;
	if (evt.stopPropagation) {
		evt.stopPropagation();	
	}
}