// JavaScript Document



/* JS for Show/Hide cOVER pAGE*/

	function showComment(mark){
		var markNbr = getRight(mark.id, "_");
		// get the comment div
		var markComm = getObjectRef("comm_"+markNbr);
		var tailIMG = getObjectRef("tail_"+markNbr);
		var markPos = getScreenLoc(mark);
		with(markComm.style){
			visibility='visible';
			display='block';
			top = -1000;
		}
		var markCommRect = getObjectRect(markComm);
		with(markComm.style){
			left = markPos[0] + 125;
			if (markPos[0]<10){
				left = markPos[0];
				tailIMG.src="images/blueBook_bubbleLeft.gif";
			} else {
				tailIMG.src="images/blueBook_bubble.gif";
			}
			top = markPos[1] - (markCommRect.bottom - markCommRect.top) + 700;
		}
	}
	function hideComment(mark){
		var markNbr = getRight(mark.id, "_");
		var markComm = getObjectRef("comm_"+markNbr);
		with(markComm.style){
			visibility='hidden';
			display='none';
		}
	}
	
	function showHideComment(mark){
		var markNbr = getRight(mark.id, "_");
		var markComm = getObjectRef("comm_"+markNbr);
		with (markComm.style){
			if (visibility=='visible' && display=='block'){
				hideComment(mark);
			} else {
				showComment(mark);
			}
		}
	}
	
	var commentsVisible = false;
	function showHideComments(){
		showHide()
		for (var i=1; i<200; i++){
			ithMark = getObjectRef("anchor_" + i);
			if (ithMark == undefined || ithMark == null) continue;
			if (commentsVisible){
				hideComment(ithMark);
			} else {
				showComment(ithMark);
			}
		}
		commentsVisible = !commentsVisible;
		
	}
	function showMe(obj){
		obj.style.visibility='visible';
		obj.style.display='block';
	}
	function hideMe(obj){
		obj.style.visibility='hidden';
		obj.style.display='none';
	}
/******************************************/



	// put these to dom.js...
	function getStyleSheetById(id){
		if (BrowserIsSafari) return (document.styleSheets[0]);
		for(var i=0; i<document.styleSheets.length; i++){
			if (document.styleSheets[i].id==id || document.styleSheets[i].title==id){
				return document.styleSheets[i];
			}
		}
	}
	function addStyleRule(styleSheet, ruleID, ruleText){
		if (BrowserIsSafari){
			styleSheet.insertRule(ruleID+'{'+ruleText+'}', styleSheet.cssRules.length);
			/*
			for(var i=0; i<styleSheet.cssRules.length; i++){
				if (styleSheet.cssRules[i].selectorText) alert(styleSheet.cssRules[i].style.backgroundColor);
			}
			*/
		} else if (BrowserIsIE){
			styleSheet.addRule(ruleID, ruleText);
		} else {
			return styleSheet.insertRule(ruleID+'{'+ruleText+'}', styleSheet.cssRules.length);
		}
	}
	function removeStyleRule(styleSheet, ruleID){
		// this looks weird because Safari tells us it is IE.
		if (BrowserIsSafari || !BrowserIsIE){
			// find the rule
			ruleID = ruleID.toLowerCase();
			for (var i=styleSheet.cssRules.length-1; i>=0; i--){
				if (styleSheet.cssRules[i].selectorText!=undefined){
					var selectorText = styleSheet.cssRules[i].selectorText.toLowerCase();
					if (selectorText==ruleID){
						break;
					}
				}
			}
			styleSheet.deleteRule(i);
		} else {
			// find the rule
			ruleID = ruleID.toLowerCase();
			for (var i=styleSheet.rules.length-1; i>=0; i--){
				if (styleSheet.rules[i].selectorText!=undefined){
					var selectorText = styleSheet.rules[i].selectorText.toLowerCase();
					if (selectorText==ruleID){
						break;
					}
				}
			}
			styleSheet.removeRule(i);
		}
	}


/* Preload Cover Page Images */

var leftBalloonTail = new Image();
leftBalloonTail.src = "images/coverPage_PietyPolitics.gif";

var rightBalloonTail = new Image();
rightBalloonTail.src = "images/coverPage_PietyPolitics.gif";

var leftBalloonTail = new Image();
leftBalloonTail.src = "images/coverPage_HereticalEmpiricism.gif";

var rightBalloonTail = new Image();
rightBalloonTail.src = "images/coverPage_HereticalEmpiricism.gif";

var leftBalloonTail = new Image();
leftBalloonTail.src = "images/images/coverPage_Germs.gif";

var rightBalloonTail = new Image();
rightBalloonTail.src = "images/coverPage_Germs.gif";

var leftBalloonTail = new Image();
leftBalloonTail.src = "images/coverPage_Grenke.gif";

var rightBalloonTail = new Image();
rightBalloonTail.src = "images/coverPage_Grenke.gif";

var leftBalloonTail = new Image();
leftBalloonTail.src = "images/coverPage_Pultar_new_V.gif.gif";

var rightBalloonTail = new Image();
rightBalloonTail.src = "images/coverPage_Pultar_new_V.gif.gif";

var leftBalloonTail = new Image();
leftBalloonTail.src = "images/coverPage_BleedingRed.gif";

var rightBalloonTail = new Image();
rightBalloonTail.src = "images/coverPage_BleedingRed.gif";

var leftBalloonTail = new Image();
leftBalloonTail.src = "images/coverPage_RedSquare.gif";

var rightBalloonTail = new Image();
rightBalloonTail.src = "images/coverPage_RedSquare.gif";