var MOVE_CONTENT = false;
var link1 = 14155;
var link2 = 14156;
var link3 = 14157;
var link4 = 14158;
var pageTitle;
var lowestPoint = 0;
var showMenu = false;
var currentItem = 0;
var contentTop = 0;

document.onmousedown=function(){
if(false) {
hideMenus();
}
setTimeout("hideMenus()",300); 
}


if (document.getElementById){
document.write('<style type="text/css">')
document.write('.switchmenu{display:none;background-color:#D4DDEC;}')
document.write('.switchcontent{display:none;position: relative; z-index:1;}')
document.write('</style>')
}

function goPage(thePage, theAnchor) {

	// okay.... first we have to get just the current url
	if(thePage != 0) {
		urlquery=location.href.split("?");
		rnurlterms=urlquery[1].split("&");
		
		theURL = urlquery[0] + "?" + rnurlterms[0];
		
		theURL = theURL + "&" + eval("link" + thePage);

		if(theAnchor != null) {
			hideMenus();
			theURL = theURL + "#anchor_"+thePage+"_"+theAnchor;
		}


		location.href = theURL
	} else {
		urlquery=location.href.split("?");
		rnurlterms=urlquery[1].split("&");
		
		theURL = urlquery[0] + "?" + rnurlterms[0];
		location.href = theURL;
	}

}


function insert_page_text(pageName,pageNo) {

	document.getElementById("title_text").innerHTML = pageName;
	document.getElementById("bread").innerHTML = ' > <a href="javascript:page_jump(' + pageNo  + ',0)">' + pageName + '</a>';
	page_name = pageName.replace(" ","_").toLowerCase();	
	// Display print link and 'printer' image/logo
	document.getElementById("print").innerHTML = '<a href="#" onclick="window.print(); return false;">Print <img border="0" src="/cce/css/images/print-button.gif"></a>';
	highlight(eval("link"+pageNo));	
}

function page_jump(pageNo,anchorNo) {
	currentItem = pageNo;
	//alert(currentItem);
	switch (pageNo){
		case 1: 
			insert_page_text("Civics Bytes",pageNo);
		break;
		case 2: 
			insert_page_text("In Focus",pageNo);
		break;
		case 3: 
			insert_page_text("CCEvents",pageNo);
		break;
		case 4: 
			insert_page_text("Resource Reviews",pageNo);
		break;
		default :
			document.getElementById("title_text").innerHTML = pageTitle;
			document.getElementById("print").innerHTML = '';
			document.getElementById("bread").innerHTML = '';	
	}
	

	
	// show content and swap image
	for(i=1;i<5;i++) {
		if(i == pageNo) {
			document.getElementById("news_image" + i).className = "news_image" + i + "_over";
			document.getElementById("content" + i).style.display="block";
			contentTop = document.getElementById("content" + i).offsetTop
		} else {
			document.getElementById("news_image" + i).className = "news_image" + i;
			document.getElementById("content" + i).style.display="none";
		}	
	}


	// go to location
	if(anchorNo == 0) {
		//item(pageNo);
		if(navigator.userAgent.indexOf('Safari') == -1) { // safari doesn't like this
			//document.location = "#top";
		}
	} else {
		hideMenus();
		document.location = "#anchor_"+pageNo+"_"+anchorNo;
	}


}

function hideMenus() {
	
	for(i=1;i<5;i++) {
		
		pageTitleTmp = $.trim(pageTitle);
		titleTextTmp = $.trim(document.getElementById("title_text").innerHTML);
		
		if(titleTextTmp != pageTitleTmp) {
			if(MOVE_CONTENT == false) {
				document.getElementById("content" + i).style.top = "0px";
			}
			link = document.getElementById("link" + i);
			//hideLayer("menu" + i)
			document.getElementById("menu" + i).style.display="none";
			link.innerHTML = "View items &gt;&gt;";
		}
	}
}

function showMenus() {
	for(i=1;i<5;i++) {
		document.getElementById("menu" + i).style.display="block";
	}
}

function item(itemNo) {
	
	pageTitleTmp = $.trim(pageTitle);
	titleTextTmp = $.trim(document.getElementById("title_text").innerHTML);
	
	if(itemNo != 0 && titleTextTmp != pageTitleTmp) {
		
		hideMenus();
		document.getElementById("menu" + itemNo).style.display="block";
		document.getElementById("menu" + itemNo).style.top="100px";
		link = document.getElementById("link" + itemNo);
		link.innerHTML = "&lt;&lt; Hide items";
		if(MOVE_CONTENT == false) {
			contentChange = document.getElementById("content" + currentItem).offsetTop - contentTop;
			if(contentChange!=0) {
				document.getElementById("content" + currentItem).style.top = "-" + contentChange + "px";
			}
			document.getElementById("menu" + itemNo).style.zindex = "1000"; 
		}
		
	}

}

// Toggles the layer visibility
function toggleLayer(layerName) { 
	if(check) { 
		if (what =="none") { 
			return; 
		} else if (what == "dom1") { 
			if(document.getElementById(layerName).style.visibility == "visible") {
				document.getElementById(layerName).style.visibility="hidden";
			} else {
				document.getElementById(layerName).style.visibility="visible"; 		
			}
		} else {
			if(eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility') == "visible") {
				eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
			} else {
				eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"'); 
			}
		} 
	} else { 
		return; 
	} 
} 

// Toggles the layer visibility on 
function showLayer(layerName) { 

	if(check) { 
		
		if (what =="none") { 
			return; 
		} else if (what == "dom1") { 
			document.getElementById(layerName).style.visibility="visible"; 
		} else { 
 			eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"'); 
		} 
	} else { 
		return; 
	} 
} 

// Toggles the layer visibility off 
function hideLayer(layerName) { 
	if(check) { 
		if (what =="none") { 
			return; 
		} else if (what == "dom1") { 
			document.getElementById(layerName).style.visibility="hidden"; 
		} else { 
			eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"'); 
		} 
	} else { 
		return; 
	} 
} 

function reload_page() {
	urlquery=location.href.split("?")
	rnurlterms=urlquery[1].split("&") 

	if(rnurlterms.length  > 1) {
		linkID = rnurlterms[1].split("#")[0]
	} else {
		linkID = 0;
	}
	
	if(rnurlterms.length  > 1) {
		anchID = rnurlterms[1].split("#")[1];
		if(anchID == null) {
			anchID = 0;
		} else {
			anchID = anchID.split("_")[2];
		}
	} else {
		anchID = 0;
	}	
	
	if( linkID == link1 ) {
		page_jump(1,anchID);
	} else if ( linkID == link2 ) {
		page_jump(2,anchID);
	} else if ( linkID == link3 ) {
		page_jump(3,anchID);
	} else if ( linkID == link4 ) {
		page_jump(4,anchID);
	} else {
		page_jump(0,0);
		
		// setup front page
		pageTitle = "Insite Newsletter " + document.getElementById("season").innerHTML
		/* sets all the layers to how they should be */
		for(i=1;i<5;i++) {
			//showLayer("menu" + i);
			document.getElementById("menu" + i).style.display="block";
			document.getElementById("content" + i).style.display="none";
			document.getElementById("news_image" + i).className = "news_image" + i;
			var link = document.getElementById("link" + i);
			link.innerHTML = "";
		}
		if(navigator.userAgent.indexOf('Safari') == -1) { // safari doesn't like this
			//document.location = "#top";
		}
		document.getElementById("title_text").innerHTML = pageTitle;
		document.getElementById("print").innerHTML = "";
		document.getElementById("bread").innerHTML = '';
	}
	
	


}


function highlight(menuid) {

	for(i = 0; i < document.getElementsByTagName("a").length; i++) {
		if (document.getElementsByTagName("a")[i].className == "bold") {
			document.getElementsByTagName("a")[i].className = "none";
		}
	}
	//document.getElementById(menuid).className = "bold";
}

function init() { 
	// adjust menu
	showMenus();
	
	for(i=1;i<5;i++) {
		if(lowestPoint < document.getElementById("menu" + i).offsetHeight) {
			lowestPoint = document.getElementById("menu" + i).offsetHeight;
			
		}
	}

	for(i=1;i<5;i++) {
		document.getElementById("menu" + i).style.height = lowestPoint + "px";
	}
	
	hideMenus();
	
	if (document.layers) { 
		layerRef="document.layers"; 
		styleSwitch=""; 
		visibleVar="show"; 
		screenSize = window.innerWidth; 
		what ="ns4"; 
	} else if(document.all) { 
		layerRef="document.all"; 
		styleSwitch=".style"; 
		visibleVar="visible"; 
		screenSize = document.body.clientWidth + 18; 
		what ="ie4"; 
	} else if(document.getElementById) { 
		layerRef="document.getElementByID"; 
		styleSwitch=".style"; 
		visibleVar="visible"; 
		what="dom1"; 
	} else { 
		what="none"; 
		newbrowser = false; 
	} 
	check = true; 

	reload_page();
	

}
