// AJAX Back-end for Publications Page
// © 2006 Hawke AI
var ajaxObj;
var spotLoc;
var selBook;
var getDesc = false;
var n = 0;
var show;

function ajaxReq(locator,spot) {
	spotLoc = document.getElementById(spot);
	spotLoc.innerHTML = '<p align="center"><img src="images/spinner.gif" alt="Loading" width="60" height="60"></p>';
	if (window.XMLHttpRequest) {
		ajaxObj = new XMLHttpRequest();
		ajaxObj.onreadystatechange = ajaxState;
		ajaxObj.open("GET", locator, true);
		ajaxObj.send(null);
	} else if (window.ActiveXObject) {
		ajaxObj = new ActiveXObject("Microsoft.XMLHTTP");
		if (ajaxObj) {
			ajaxObj.onreadystatechange = ajaxState;
			ajaxObj.open("GET", locator, true);
			ajaxObj.send(null);
		}
	} else {
		spotLoc.innerHtml = "We&#8216;re sorry, the browser you are using does not support the JavaScript necessary to display this page. Please either turn on the JavaScript capabilities of your browser or upgrade it.";
	}
}

function ajaxState() {
	if (ajaxObj.readyState == 4) {
		if (ajaxObj.status == 200) {
			spotLoc.innerHTML = ajaxObj.responseText;
			if (getDesc) {
				ajaxReq("pubs/" + selBook + ".ptx","textarea");
				getDesc = false;
				
			}
		  checkForScroll();
		} else {
			spotLoc.innerHTML = ("Problem retrieving data: " + ajaxObj.statusText);
			checkForScroll()
		}
	}
}

function tabTriggers(tabName) {
	// tabName
	var procTab = tabName

	// Load tabs
	var chBooks = document.getElementById("chBooks");
	var lessons = document.getElementById("lessons");
	var adBooks = document.getElementById("adBooks");
	var etceter = document.getElementById("etc");

	//reset all Tab backgrounds to green
	chBooks.style.backgroundImage = "url(images/buttons/green_tab.jpg)";
	lessons.style.backgroundImage = "url(images/buttons/green_tab.jpg)";
	adBooks.style.backgroundImage = "url(images/buttons/green_tab.jpg)";
	etceter.style.backgroundImage = "url(images/buttons/green_tab.jpg)";
	
	switch (procTab) {
		case "chBooks":
			// reset tab
			chBooks.style.backgroundImage = "url(images/buttons/red_tab.jpg)";
			selBook = "BakRed";
			// request table of icons
			ajaxReq("pubs/chBooks1.pub","navTable");
			break;

		case "adBooks":
			adBooks.style.backgroundImage = "url(images/buttons/red_tab.jpg)";
			selBook = "CocukYuregi";
			// request table of icons
			ajaxReq("pubs/adBooks1.pub","navTable");
			break;
		
		case "lessons":
			lessons.style.backgroundImage = "url(images/buttons/red_tab.jpg)";
			selBook = "Davut1";
			// request table of icons
			ajaxReq("pubs/lessons1.pub","navTable");
			break;
		
		case "etc":
			etceter.style.backgroundImage = "url(images/buttons/red_tab.jpg)";
			selBook = "KucakDergi";
			// request table of icons
			ajaxReq("pubs/etc1.pub","navTable");
			break;
	}
	// load initial book in other table
	var bookBigPic = document.getElementById("bigBook");
	if (show) {
		clearTimeout(show);
	}
	if (selBook == "KucakDergi") {
		bookBigPic.innerHTML = '<img src="images/books/dergi/kucak0.jpg" alt="Kucak Magazines" lowsrc="images/spinner.gif" name="dergi">'
		dergiShow();
	} else {
		bookBigPic.innerHTML = "<img src=\"images/books/" + selBook + ".jpg\" alt=\"" + selBook + ".jpg\" lowsrc=\"images/spinner.gif\">";
	}
	getDesc = true;
}

function bookRollOver(bookName) {
	// processes rollovers in the book list.
	var procBook = bookName;
	var procBookImg = document.images[procBook];
	
	if (procBook != selBook) {
		if (procBookImg.src.indexOf("Gray") > 0) {
			procBookImg.src = "images/squares/tn_" + procBook + ".jpg";
		} else {
			procBookImg.src = "images/squares/tn_" + procBook + "Gray.jpg";
		}
	}
}

function bookSelect(bookName) {
	// processes when the given book icon is clicked
	var procBook = bookName;
	var procBookImg = document.images[procBook];
	var oldBook = selBook;
	selBook = procBook;
	bookRollOver(oldBook);
	procBookImg.src = "images/squares/tn_" + procBook + ".jpg";
	var bookBigPic = document.getElementById("bigBook");
	if (show) {
		clearTimeout(show);
	}
	if (bookName == "KucakDergi") {
		bookBigPic.innerHTML = '<img src="images/books/dergi/kucak0.jpg" alt="Kucak Magazines" lowsrc="images/spinner.gif" name="dergi">'
		dergiShow();
	} else {
		bookBigPic.innerHTML = "<img src=\"images/books/" + procBook + ".jpg\" alt=\"" + procBook + ".jpg\" lowsrc=\"images/spinner.gif\">";
	}
	ajaxReq("pubs/" + procBook + ".ptx","textarea");
}

function otherTable(tableName) {
	// loads the next table in a set
	procTable = tableName;
	// pull first book of section
	switch (procTable) {
		// Children's Books
		case "chBooks1":
			selBook = "BakRed";
			break;
		case "chBooks2":
			selBook = "DavutKdK";
			break;
		case "chBooks3":
			selBook = "IsaFirtinaKdK";
			break;
		case "chBooks4":
			selBook = "YusufKdK";
			break;
		// Teaching Materials
		case "lessons1":
			selBook="Davut1";
			break;
		case "lessons2":
			selBook = "RabbinSagladigi";
			break;

}
	ajaxReq("pubs/"+procTable+".pub","navTable");
		// load initial book in other table
	var bookBigPic = document.getElementById("bigBook");
	if (show) {
		clearTimeout(show);
	}
	if (selBook == "KucakDergi") {
		bookBigPic.innerHTML = "<img src=\"images/books/" + selBook + ".jpg\" alt=\"" + selBook + ".jpg\" lowsrc=\"images/spinner.gif\" name=\"dergi\">";
	}
	getDesc = true;
}

function dergiShow() {
	document.images["dergi"].src = "images/books/dergi/kucak" + n + ".jpg";
	n++;
	if (n > 8) { 
		n = 0;
	}
	show = setTimeout(dergiShow, 1500);
}

// Scripts for scrolling the information box
// © 2006 Hawke AI
function checkScrollCapability() {
	var textarea = document.getElementById('textarea');
	var scrollButtons = document.getElementById('drawcapt');
	if ((navigator.appName == "Microsoft Internet Explorer") || (parseFloat(navigator.appVersion) >= 5)) {
		textarea.style.overflow = "hidden";
		scrollButtons.style.visibility = "visible";
	} else {
		textarea.style.overflow = "auto";
		scrollButtons.style.visibility = "hidden";
	}		
}

function checkForScroll() {
	var textarea = document.getElementById('textarea');
	var dnArrow = document.getElementById('dnButton');
	var upArrow = document.getElementById("upButton");
	if (textarea.style.overflow == "hidden") {
		textarea.scrolltop = 0;
		upArrow.innerHTML = "<img src=\"images/buttons/scrollup_off.jpg\" alt=\"Scroll Up Unavailable\" width=\"26\" height=\"23\">";		
		dnArrow.innerHTML = "<a href=\"javascript:scroller('down');\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('scrolldown','','images/buttons/scrolldn_r.jpg',1)\" title=\"Click here to scroll text\"><img src=\"images/buttons/scrolldn_n.jpg\" alt=\"Scroll Down\" name=\"scrolldown\" width=\"26\" height=\"22\" border=\"0\"></a>";
	} 
}

function scroller(direction) {
	var scrollTotal;
	var textarea = document.getElementById("textarea");
	var upArrow = document.getElementById("upButton");
	var dnArrow = document.getElementById("dnButton");
	var textHeight = parseInt(textarea.style.height);
	goThisWay = direction;
	if (goThisWay == "down") {
		scrollTotal = 200;
	} else if (goThisWay == "up") {
		scrollTotal = -200
	}
	if (textarea.scrollTop + scrollTotal > 0) {
		textarea.scrollTop = textarea.scrollTop + scrollTotal;
		upArrow.innerHTML = "<a href=\"javascript:scroller('up');\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('scrollup','','images/buttons/scrollup_r.jpg',1)\" title=\"Click here to scroll text\"><img src=\"images/buttons/scrollup_n.jpg\" alt=\"Scroll Up\" name=\"scrollup\" width=\"26\" height=\"23\" border=\"0\"></a></a>";
	} else {
		textarea.scrollTop = 0;
		upArrow.innerHTML = "<img src=\"images/buttons/scrollup_off.jpg\" alt=\"Scroll Up Unavailable\" width=\"26\" height=\"23\">";
		dnArrow.innerHTML = "<a href=\"javascript:scroller('down');\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('scrolldown','','images/buttons/scrolldn_r.jpg',1)\" title=\"Click here to scroll text\"><img src=\"images/buttons/scrolldn_n.jpg\" alt=\"Scroll Down\" name=\"scrolldown\" width=\"26\" height=\"22\" border=\"0\"></a>";
	}
	
	if ((textarea.scrollHeight-textHeight) <= textarea.scrollTop) {
		dnArrow.innerHTML = "<img src=\"images/buttons/scrolldn_off.jpg\" alt=\"Scroll Down unavailable\" width=\"26\" height=\"22\">";
	} else {
		dnArrow.innerHTML = "<a href=\"javascript:scroller('down');\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('scrolldown','','images/buttons/scrolldn_r.jpg',1)\" title=\"Click here to scroll text\"><img src=\"images/buttons/scrolldn_n.jpg\" alt=\"Scroll Down\" name=\"scrolldown\" width=\"26\" height=\"22\" border=\"0\"></a>";
	}
}