var request = null;

var blkDisplayCount = 5;

var firstBlkDisplayed = -1;
var lastBlkDisplayed  = -1;
var	dynoBlks; // global array
var	numDynoBlks;
var numMainContentEntries = 0;

function getTwwsMainContentEntries() {

	var	url = "twwsMainContentEntryController.php";
	request =
		new Ajax.Request(
			url,
			{
				method: 'post',
				parameters:	'web20=1&siteNum=5&pageNum=24',
				onSuccess:	function (transport) {

					var mainContentResponse = eval('(' + transport.responseText + ')');
					var mainContent = $A(mainContentResponse.jsonReturn);
					numMainContentEntries = mainContent.length;
					var	mainContentDisplay = $("maincontentdisplay");
					mainContentDisplay.innerHTML = ""; // init display

					// read previous control
					if(numMainContentEntries > 0) {
						mainContentDisplay.innerHTML +=
						mainContentDisplay.innerHTML +=
							"<div id=\"mainscrlupctl\" style=\"visibility:hidden;float:left;clear:both;\" >" +
							"<img id=\"mainscrlupimg\" src=\"images/topofcontentbtn_yellowonred.gif\" alt=\"top of page content\" onmousedown=\"moveUpOneBlk()\" />" +
							"</div>";
						mainContentDisplay.innerHTML += "<br class=\"clearfloat\" />";
					} // end if(numMainContentEntries > 0)

					/**************************************************************/
					/********** BEGIN LARGE NON-SCROLLING IMAGES AT LEFT **********/
					/**************************************************************/
					var pageName = 'durantoklahoma.php';
					var tempInnerHTML = "<div style=\"float:left;clear:left;width:";
					switch(pageName) { // width for large non-scrolling image at left
					case	'bio.php'					:
						tempInnerHTML += "290px";
						break;
					case	'aboutorthodontics.php'		:
					case	'denisontexas.php'			:
					case	'durantoklahoma.php'		:
					case	'mcalesteroklahoma.php'		:
						tempInnerHTML += "400px";
						break;
					default								:
						break;
					} // end switch(pageName)

					tempInnerHTML += "height:";
						// height for large non-scrolling image for most other browser(s).
						// height likely larger than image for page stability
						switch(pageName) {
						case	'bio.php'					:
						case	'contactus.php'				:
						case	'aboutorthodontics.php'		:
						case	'denisontexas.php'			:
						case	'durantoklahoma.php'		:
						case	'mcalesteroklahoma.php'		:
							tempInnerHTML += "380px";
							break;
						default								:
							break;
						} // end switch(pageName)

					// check if there is a large image or a form
					switch(pageName) {
					case	'bio.php'					:
					case	'aboutorthodontics.php'		:
					// locations
					case	'denisontexas.php'			:
					case	'durantoklahoma.php'		:
					case	'mcalesteroklahoma.php'		:
						tempInnerHTML +=
							";margin-right:10px; \">" +
							"<span><img src=\"";
						break;
					case	'contactus.php'				:
						tempInnerHTML +=
							";margin-right:10px; \">" +
							"<span>";

						break;
					default								:
						break;
					} // end switch(pageName)

					// large image path and name
					switch(pageName) {
					case	'bio.php'					:
						tempInnerHTML +="images/drmobley.gif\">";
						break;
					case	'aboutorthodontics.php'		:
						tempInnerHTML +="images/mapoforthodonticappliances.gif\">";
						break;

					// locations
					case	'denisontexas.php'			:
						tempInnerHTML +="images/denisontexas.gif\">";
						break;
					case	'durantoklahoma.php'		:
						tempInnerHTML +="images/durantoklahoma.gif\">";
						break;
					case	'mcalesteroklahoma.php'		:
						tempInnerHTML +="images/mcalesteroklahoma.gif\">";
						break;
					case	'contactus.php'				:
					default								:
						break;
					} // end switch(pageName)

					tempInnerHTML +="</span><br class=\"clearfloat\" />";

					// caption or link, if any
					switch(pageName) {
					case	'bio.php'					:
						tempInnerHTML +="<h3>Dr. Gary Mobley</h3>";
						break;
					case	'aboutorthodontics.php'		:
						tempInnerHTML +="<h3>Map of Orthodontic Appliances</h3>";
						break;

					// locations
					case	'denisontexas.php'			:
						tempInnerHTML +="<a href=\"http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=2230+Eisenhower+Pkwy,+Denison,+TX&sll=37.0625,-95.677068&sspn=31.150864,56.601563&ie=UTF8&ll=33.73626,-96.537681&spn=0.007976,0.013819&z=16\"" +
							" style=\"margin-left:10px;\" target=\"_blank\"><h3>Map to Denison, Texas Office</h3></a>";
						break;
					case	'durantoklahoma.php'		:
						tempInnerHTML +="<a href=\"http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=698+Westside+Dr.,+Durant,+OK&sll=34.002261,-96.40415&sspn=0.007952,0.013819&ie=UTF8&ll=34.002937,-96.40415&spn=0.007952,0.013819&z=16&iwloc=A\"" +
							" style=\"margin-left:10px;\" target=\"_blank\"><h3>Map to Durant, Oklahoma Office</h3></a>";
						break;
					case	'mcalesteroklahoma.php'		:
						tempInnerHTML +="<a href=\"http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=321+S.+3rd+St.,+McAlester,+OK&sll=34.002937,-96.40415&sspn=0.007952,0.013819&ie=UTF8&ll=34.929307,-95.767329&spn=0.007864,0.013819&z=16&iwloc=A\"" +
							" style=\"margin-left:10px;\" target=\"_blank\"><h3>Map to McAlester, Oklahoma Office</h3></a>";
						break;
					case	'contactus.php'				:
					default								:
						break;
					} // end switch(pageName)

					switch(pageName) {
					case	'bio.php'					:
					case	'denisontexas.php'			:
					case	'aboutorthodontics.php'		:
					case	'durantoklahoma.php'		:
					case	'mcalesteroklahoma.php'		:
						tempInnerHTML +="</div>";
						mainContentDisplay.innerHTML += tempInnerHTML;
						break;
					case	'contactus.php'				:
						tempInnerHTML +="</div>";
						mainContentDisplay.innerHTML += tempInnerHTML;
						// first pass thru, form must be displayed without ajax interaction
 						$('maincontentdisplay').style.visibility = 'visible';
						break;

					default								:
						break;
					} // end switch(pageName)

					/**************************************************************/
					/**********  END  LARGE NON-SCROLLING IMAGES AT LEFT **********/
					/**************************************************************/



					/***********************************************/
					/********** BEGIN CMS DYNAMIC CONTENT **********/
					/***********************************************/
					for(var contentBlockNum = 0 ;  contentBlockNum < numMainContentEntries ; contentBlockNum++) {
						mainContentDisplay.innerHTML += mainContent[contentBlockNum].block; // update display
					} // end for
					/***********************************************/
					/**********  END  CMS DYNAMIC CONTENT **********/
					/***********************************************/


					// bottom read on control
					if(numMainContentEntries > 0) {

						var	footerDisplay = $("footer");
						footerDisplay.innerHTML +=
							"<div id=\"mainscrldownctl\" style=\"visibility:hidden;float:left;clear:both\" >" +
							"<img id=\"mainscrldownimg\" src=\"images/readonbtn_yellowongreen.gif\" alt=\"Read on...\" onmousedown=\"moveDownOneBlk()\" />" +
							"</div>";

						footerDisplay.innerHTML +=
							"<div><span style=\"float:left;clear:left;vertical-align:baseline;\">" +
							"<img src=\"images/wespecializeinsmiles.gif\" longdesc=\"images/wespecializeinsmiles.gif\"/>" +
							"</span><span style=\"float:right;clear:right;vertical-align:baseline;\">" +
						// 051009 TLW: CAUSES LOGO TO DROP DOWN AT RIGHT WHEN CROWDED:	"</span><span style=\"float:right;clear:right;padding-right:50px;vertical-align:baseline;\">" +
							"<img src=\"images/AmericanAssociationOfOrthodontists.gif\" " +
							"longdesc=\"images/AmericanAssociationOfOrthodontists.gif\"/></div>";

						// make group of beginning cms blocks visible
						dynoBlks = $$("div.dynohid");
						for(firstBlkDisplayed = i = 0, numDynoBlks = dynoBlks.length; (i < numDynoBlks) && (i < blkDisplayCount) ; i++) {
							dynoBlks[i].style.visibility = 'visible';
							dynoBlks[i].style.display    = 'block';
						}
						lastBlkDisplayed = i - 1;
						$('maincontentdisplay').style.visibility = 'visible';

						// make read controls visible
						$('mainscrlupctl').style.visibility      = 'visible';
						$('mainscrldownctl').style.visibility    = 'visible';
					} // end if

					// when page format larger than viewport,
					// background may not position properly

					if(getViewPortWidth() < 801) {
						document.body.style.backgroundPosition ="top left";
						$('mainLeftSideBar').style.marginLeft = "7px";
						$('topLeftSideBar').style.marginLeft = "7px";
						$('Header_bkgrd_w_stoke_blue').style.clear = "left";
					}

					// display footer
					$('footer').style.display='block';
					$('footer').style.visibility='visible';
				} // end function
			}
		); // end Ajax.Request

} // getTwwsMainContentEntries

function getViewPortWidth() {
	var viewPortWidth = 0;

	if(typeof window.innerWidth != 'undefined') {
		viewPortWidth = window.innerWidth;
		// *** CURRENTLY UNUSED: viewPortHeight = window.Height;
	} else if((typeof document.documentElement != 'undefined') &&
		(typeof document.documentElement.clientWidth != 'undefined') &&
		(typeof document.documentElement.clientWidth != 0)) {
		viewPortWidth = document.documentElement.clientWidth;
		// *** CURRENTLY UNUSED: viewPortHeight = document.documentElement.clientHeight;
	} else {
		viewPortWidth = document.getElementsByTagName('body')[0].clientWidth;
		// *** CURRENTLY UNUSED: viewPortHeight = document.getElementsByTagName('body')[0].clientHeight;
	}
	return(viewPortWidth);
} // end getViewPortWidth

function moveUpOneBlk() {
	if((firstBlkDisplayed > 0) && ((lastBlkDisplayed + 1 - blkDisplayCount) > 0)) {
		dynoBlks[lastBlkDisplayed].style.visibility = 'hidden';
		dynoBlks[lastBlkDisplayed].style.display    = 'none';
		lastBlkDisplayed--;
		dynoBlks[firstBlkDisplayed - 1].style.visibility = 'visible';
		dynoBlks[firstBlkDisplayed - 1].style.display    = 'block';
		firstBlkDisplayed--;
		$('mainscrldownimg').src = "images/readonbtn_yellowongreen.gif";
	} else {
		$('mainscrlupimg').src = "images/topofcontentbtn_yellowonred.gif";
	} // end else
} // end moveUpOneBlk

function moveDownOneBlk() {
	if((firstBlkDisplayed != (lastBlkDisplayed + 1))  // page too short to use dynamic display
		&& ((lastBlkDisplayed + 1) < numDynoBlks)) { // otherwise end of page
		dynoBlks[firstBlkDisplayed].style.visibility = 'hidden';
		dynoBlks[firstBlkDisplayed].style.display    = 'none';
		firstBlkDisplayed++;
		dynoBlks[lastBlkDisplayed + 1].style.visibility = 'visible';
		dynoBlks[lastBlkDisplayed + 1].style.display    = 'block';
		lastBlkDisplayed++;
		$('mainscrlupimg').src = "images/readpreviousbtn_yellowongreen.gif";
	} else {
		$('mainscrldownimg').src = "images/bottomofcontentbtn_yellowonred.gif";
	} // end else
} // end moveDownOneBlk

function showSubNav(subNavId) {
	$(subNavId).style.visibility = 'visible';
	$(subNavId).style.display    = 'block';
} // end showSubNavs

function hideSubNav(subNavId) {
	$(subNavId).style.visibility = 'hidden';
	$(subNavId).style.display    = 'none';
} // end showSubNavs