// preload images
if(document.images) {
	site1 = new Image();
	site1.src = "/images/nav-bg.png";
	
	image1 = new Image();
	image1.src = "/images/nav-hitched-over.png";
	image2 = new Image();
	image2.src = "/images/nav-sayyes-over.png";
	image3 = new Image();
	image3.src = "/images/nav-details-over.png";
	image4 = new Image();
	image4.src = "/images/nav-thecouch-over.png";
	image5 = new Image();
	image5.src = "/images/nav-info-over.png";
	image6 = new Image();
	image6.src = "/images/nav-whatsnew-over.png";
	image7 = new Image();
	image7.src = "/images/nav-search-over.png";
}
function nav(imgName, state) {
	document.images[imgName].src = "/images/nav-" + imgName + "-" + state + ".png";
}
var old_index = 0;
var timeout_id;
function clear_timeouts() {
	if(document.getElementById) {
		if(timeout_id != null)
			self.clearTimeout(timeout_id);
	}
}
function popupon(index, leftPx) {
	if(document.getElementById) {
		clear_timeouts();
		if(old_index != 0) {
			if(document.getElementById(old_index + "Sub"))
				document.getElementById(old_index + "Sub").style.display = "none";
			nav(old_index, "off");
		}
		if(document.getElementById(index + "Sub")) {
			document.getElementById(index + "Sub").style.top = 25;
			document.getElementById(index + "Sub").style.left = leftPx; 
			document.getElementById(index + "Sub").style.display = "inline";
		}
		nav(index, "over");
		old_index = index;
	}
}
function popupoff() {
	if(document.getElementById) {
		if(old_index != 0)
			timeout_id = setTimeout("if(document.getElementById(old_index + 'Sub'))document.getElementById(old_index + 'Sub').style.display = 'none';nav(old_index, 'off');", 100);
	}
}

function addComment(postID) {
	if(document.getElementById("commentDiv" + postID).style.display == "none")
		viewComments(postID);
	var commentWin = window.open("/comments_add.cfm?postID=" + postID, "commentWin", "width=600,height=400,scrollbars=yes,resizable=yes");
	commentWin.focus();
}
function viewComments(postID) {
	if(document.getElementById("commentDiv" + postID).style.display == "none") {
		document.getElementById("commentDiv" + postID).style.display = "inline";
		document.getElementById("commentsShow" + postID).style.display = "none";
		document.getElementById("commentsHide" + postID).style.display = "inline";
	}
	else {
		document.getElementById("commentDiv" + postID).style.display = "none";
		document.getElementById("commentsShow" + postID).style.display = "inline";
		document.getElementById("commentsHide" + postID).style.display = "none";
	}
}

