
//temaplate def and current template
var m_PageTemplate_DefaultWhite = 0;
var m_PgTmpl_ClassicWhite = 1;


var m_PageTemplate = m_PgTmpl_ClassicWhite;

var xmlhttp;
var sThumbPath = m_imgPath + "User/ThumbNavPic/S/";
var m_iCurrentGalPage = 1;

var m_SupressGalPrevHide = false;


var m_PageDivHeight = 785;
var m_PageDivWidth = 850;

var m_PageDivBottomMar = 5;

var m_iPagOffsetHeight = 83;

var m_PicMaskOriginalWidth = 760;
var m_PicMaskWidth = 760;
var m_PicMaskHeight = 507;

var m_PicMaskMarHor = (m_PageDivWidth-m_PicMaskWidth)/2;
var m_OrdChangeDivLeft = m_PicMaskMarHor;

var m_PicMaskMarTop = 108;
var m_MarTitleToPicMask = 9;
var m_LeftPageArrowWidth = 18;
var m_LeftPageArrowHeight = 69;
var m_PageArrowMar = 15;
var m_HorLineMarTop = 18;
var m_TitleDescMarTop = 13;
var m_ThumbDivTopOffset = 61
var m_HideThumbTopOffset = 31;
var m_ThumbDivHeight = 51;
var m_ThumbWidth = 76;
var m_HideThumbLeftOffset = 34;

function ShowAndCenterPage()
{
	CenterSite();
	SetOpacity("PageDiv",0);
	show("OutPageDiv",true);
	fadeInE("PageDiv", 30, null, true);
    		
	window.onresize = function(){ CenterSite() };
}

function PageOnload()
{
	
	var bMark = CheckForBookMarkPage();
	
	if(!bMark) RenderHomePage();	
	
	document.body.onclick = DocumentOnClick;
	document.body.onkeypress=HandleKeys;
	
	if(bShowGal)
	{
		ShowGalleries(1);
	}
	
	DoSpecialStuffForIphone();
	
	if(m_AdminMode)
	{
		hide("FileUploadIframe");
		get("PageDescription").contentEditable = "true";
		get("PageTitle").contentEditable = "true";
		get("PicNumberText").contentEditable = "true";
		

		sdim("AdminOptions",-29,0);

		sw("AdminOptionsTable",gw("PageDiv"));
		show("AdminOptions");
		get("ChangeOrdinalDiv").style.cursor = "hand";		
	}
	
}

var m_bShowGalPrevPageContext = false;

var mEnableReduceSiteDim = false;

function ReduceSiteDimensions(iAmount)
{
	if(mEnableReduceSiteDim)
	{
		m_iSiteDimAdj = iAmount;
		
		m_PicMaskHeight = (m_PicMaskHeight*(m_PicMaskWidth-iAmount))/m_PicMaskWidth;
		m_PicMaskWidth -= iAmount;
	
		m_PageDivHeight = (m_PageDivHeight*(m_PageDivWidth-iAmount))/m_PageDivWidth;
		m_PageDivWidth -= iAmount;
	}
}

var m_bFirstMainImageLoaded = false;

function MainImageLoaded(oImg)
{
    if (oImg.src.indexOf("Black.gif") != -1) {
        return false;
    }
	
	if(oImg.height > oImg.width)
	{
		//vert
		
		//resizing on the client distorts the image, reduces sharpness. fix later if better method avail.
		//oImg.height = m_PicMaskHeight;
		//oImg.width = (oImg.width*m_PicMaskHeight)/oImg.height;				
		
		oImg.style.left = (m_PicMaskWidth/2)-(oImg.width/2);
				
	}
	else
	{
		//horizontal
		//alert(oImg.width + "--" + m_PicMaskWidth);
		//resizing on the client distorts the image, reduces sharpness. fix later if better method avail.
		//oImg.width = m_PicMaskWidth;
		
		var iHeight = (oImg.height*m_PicMaskWidth)/oImg.width;						
		
		iHeight = oImg.height;
		//oImg.height = iHeight;
				
		if(iHeight < m_PicMaskHeight)
		{			
			oImg.style.top = (m_PicMaskHeight/2)-(iHeight/2);			
		}
		//sl(oImg,m_PicMaskWidth/2)-(oImg.width/2);		
	}
	
	get("MainImgDivB").style.backgroundColor = "#000000";
	
	m_curImgH = gh(oImg);
	m_curImgW = gw(oImg);
	m_curImgT = gt(oImg);
	m_curImgL = gl(oImg);
	
	SetOpacity(get("MainImgB"),0);	
	show("MainImgDivB",true);
	show("MainImgB",true);
	fadeInE("MainImgB", 30,"underlayMainImg()");
						
	hide("LoadingGifWhite",true)
	
	m_bFirstMainImageLoaded = true;
	HideGalleries();

}

var m_FadeElementTimer;

var m_curImgH;
var m_curImgW;
var m_curImgT;
var m_curImgL;

function dummy()
{
	return false;
}

function fadeOutE(oElement, iRate, sFunction, bOpZero)
{

    var getTimerId = setInterval("dummy()", 1000);
    clearInterval(getTimerId);
    getTimerId += 1;

    if (iRate == undefined) {
        iRate = 30;
    }

    if (bOpZero) {
        SetOpacity(oElement, 0);
    }

    //show(oElement);
    show(oElement, true);

    m_FadeElementTimer = setInterval("FadeElementHelper('" + oElement + "',true," + getTimerId + ",'" + sFunction + "')", iRate);

}

function fadeInE(oElement, iRate, sFunction, bOpZero)
{
	var getTimerId = setInterval("dummy()",1000);
	clearInterval(getTimerId);
	getTimerId += 1;
	
	if(iRate == undefined)
	{
		iRate = 30;
	}

	if(bOpZero)
	{
		SetOpacity(oElement,0);
	}
	
	//show(oElement);
	show(oElement,true);
	
	m_FadeElementTimer = setInterval("FadeElementHelper('" + oElement + "',true," + getTimerId +",'" + sFunction + "')",iRate);

}



var m_ElementOpacity;

function FadeElementHelper(oElement,bFadeIn, iTimerId, sFunction)
{

	var iOpacity = getOpacity(oElement);

	if (get(oElement) != null) {

	    if (bFadeIn) {
	        if (iOpacity >= 99) {
	            SetOpacity(oElement, 100);

	            clearInterval(iTimerId);
	            if (sFunction != undefined) {
	                eval(sFunction);
	            }
	        }
	        else {
	            SetOpacity(oElement, iOpacity + 5);
	        }
	    }
	    else {
	        if (iOpacity <= 1) {
	            SetOpacity(oElement, 0);

	            hide(oElement);

	            clearInterval(iTimerId);
	        }
	        else {
	            SetOpacity(oElement, iOpacity - 5);
	        }
	    }
	}
	else {
	    //something went wrong
	    clearInterval(iTimerId);
	}
}

function hideImgB()
{
	
}

function underlayMainImg()
{
    show("MainImgDivA", true);
    if (get("MainImgDivA").innerHTML.indexOf(".swf") > 0) {
        get("MainImgDivA").innerHTML = "<img onload='hideImgB()' id='MainImgA' src='../SysImages/Black.gif' />";
    }
	get("MainImgA").src = get("MainImgB").src;
	get("MainImgA").height = get("MainImgB").height;
	get("MainImgA").width = get("MainImgB").width;
    get("MainImgA").style.left = get("MainImgB").style.left;
    get("MainImgA").style.top = get("MainImgB").style.top;       
	get("MainImgDivB").innerHTML = "";
	hide("MainImgDivB",true);		
	m_PageIsLoadingAsync = false;
}


var m_iFadeInInterval;
var m_ImgOpacity = 0;

function getOpacity(oElement)
{
	var iOpacity = 100;
	
	if(typeof oElement == "string")
	{
		oElement = get(oElement);
	}

	if (oElement != null) {


	    if (oElement.style.MozOpacity != undefined) {
	        iOpacity = oElement.style.MozOpacity;
	    }
	    else if (oElement.style.opacity != undefined) {
	        iOpacity = oElement.style.opacity;
	    }
	    else if (oElement.KhtmlOpacity) {
	        iOpacity = oElement.KhtmlOpacity;
	    }

	    iOpacity = iOpacity * 100;

	    if (UsingIE()) {

	        iOpacity = oElement.filters.alpha.opacity;

	    }
	}	
	return iOpacity;
}

function SetOpacity(oElement,opacityPct)
{
	if(typeof oElement == "string")
	{
		oElement = get(oElement);
	}

	//if (get(oElement) != null) {
	    if (UsingIE()) {
	        oElement.style.filter = 'alpha(opacity=' + opacityPct + ')';
	    }
	    else {
	        oElement.style.MozOpacity = opacityPct / 100;
	        if (oElement.KhtmlOpacity != undefined) {
	            oElement.KhtmlOpacity = opacity / 100;
	        }
	        oElement.style.opacity = opacityPct / 100;
	    }
	//}
	//else {
        //something went wrong
	  //  return false;
	//}
}

var m_iSiteDimAdj = 0;


function SetSizePerScreenRes()
{

	//alert(screen.width);

	if(m_ShrinkSiteOvR != "")
	{
		ReduceSiteDimensions(m_ShrinkSiteOvR);
	}
	else
	{
		if(screen.height <= 768)
		{
			m_ShrinkSiteOvR = 350;
		}
		else if(screen.height <= 800)
		{
			m_ShrinkSiteOvR = 250;
		}
		else if(screen.height <= 900)
		{
			m_ShrinkSiteOvR = 200;
		}
		
		ReduceSiteDimensions(m_ShrinkSiteOvR);
	}
}

SetSizePerScreenRes();

var m_iPicMaskTop;

var m_PageXml = null;
var m_oXmlHttpPageAsync;
var m_PageIdLoadingAsync;
var MainImgDivB;
var m_iNextPgId;
var m_iPrevPgId;

var m_PageIsLoadingAsync = false;

function AdjAdminPage() {
    sdim("EditFeatDiv", 0, gw("PageDiv") + 30, m_EditDivW, gh("PageDiv"));
}

function LoadPageAsync(iPageId,sPageImg) {
        
	if(!m_PageHasLoadedAsync)
	{
		RenderMainPage();
	}

	//is a page already loading?
	if(!m_PageIsLoadingAsync) {

	    var bImgAlreadyLoaded = false;

	    if (sPageImg != null && sPageImg != "") {
	        ImageLoad(sPageImg);
	        bImgAlreadyLoaded = true;
	    }

	    hide("FileUploadIframe");

	    AdjAdminPage();

	    hide("ThumbODprev", true);

		//ImageLoad(iPageId);
		m_PageIsLoadingAsync = true;		
			
		show("LoadingGifWhite",true);
		m_PageIdLoadingAsync = iPageId;
			
		m_oXmlHttpPageAsync = new XMLHttpRequest();
			
		var url= "../App/Page.aspx?iPageId=" + iPageId;		

		var iRanNum=Math.floor(Math.random()*302)
		
		if(m_AdminMode) {
		    if (url.indexOf("?") == -1) {
		        url += "?DontCache=" + iRanNum;
		    }
		    else {
		        url += "&DontCache=" + iRanNum;
		    }

			
		}


		if (bImgAlreadyLoaded) {
		    m_oXmlHttpPageAsync.onreadystatechange = function () { PageLoadedAsync(true) };
		}
		else {
		    m_oXmlHttpPageAsync.onreadystatechange = function () { PageLoadedAsync(false) };
		}
		m_oXmlHttpPageAsync.open("GET",url,true);
		m_oXmlHttpPageAsync.send();
		LoadThumbsAsync();	
	}
	
}

function CheckForBookMarkPage()
{
	var sUrl = window.location.href;
	var bMark = false;
	
	if(sUrl.indexOf("#") > 0)
	{
		var iPageId = sUrl.substr(sUrl.indexOf("#")+1,sUrl.length);	
		if(iPageId == 0)
		{
			RenderHomePage();
			
			bMark = true;
		}
		else
		{
			NavigatePage(iPageId);
			
			bMark = true;
		}
	}
	
	return bMark;
}		

var m_PageHasLoadedAsync = false;
var m_CurPageRefId;

var m_PrevPgImg;
var m_NextPgImg;

function PageLoadedAsync(bImgAlreadyLoaded)
{
	//var oXml = m_PageXml;

	if(m_oXmlHttpPageAsync.readyState==4)
	{		

		var oXml = m_oXmlHttpPageAsync.responseXML.documentElement;						
		
		//a("111",oXml.nodeName,"//=" + m_oXmlHttpPageAsync.status);
		var iPageId = oXml.childNodes[0].attributes.getNamedItem("PAGE_ID").value;
		var iPageImg = oXml.childNodes[0].attributes.getNamedItem("PAGE_IMAGE").value;
		var sPageTitle = oXml.childNodes[0].attributes.getNamedItem("PAGE_TITLE").value;
		var sPageDesc =  oXml.childNodes[0].attributes.getNamedItem("PAGE_DESCRIPTION").value;
		var sPageImg =  oXml.childNodes[0].attributes.getNamedItem("PAGE_IMAGE").value;
		m_sPageOrdinal =  parseInt(oXml.childNodes[0].attributes.getNamedItem("PAGE_ORDINAL").value);
		m_iPrevPgId = oXml.childNodes[0].attributes.getNamedItem("PreviousPageId").value;
		m_iNextPgId = oXml.childNodes[0].attributes.getNamedItem("NextPageId").value;
		m_PrevPgImg = oXml.childNodes[0].attributes.getNamedItem("PrevPgImg").value;
		m_NextPgImg = oXml.childNodes[0].attributes.getNamedItem("NextPgImg").value;
		var sChapterTitle = oXml.childNodes[0].attributes.getNamedItem("CHAPTER_TITLE").value;
		m_CurrentGalleryId = oXml.childNodes[0].attributes.getNamedItem("PAGE_CHAPTER_ID").value;
		m_CurPageRefId = oXml.childNodes[0].attributes.getNamedItem("PAGE_REF_ID").value;

		if (!bImgAlreadyLoaded) {
		    ImageLoad(iPageImg);
		}
											
		get("PageTitle").innerHTML = sPageTitle;
		get("PageDescription").innerHTML = sPageDesc;
		get("PageDescription").title = sPageDesc;
		get("GalleryName").innerHTML = sChapterTitle;
		
		var sFormatOrdinal = m_sPageOrdinal.toString();
		if(sFormatOrdinal.length == 1)
		{
			sFormatOrdinal = "0" + sFormatOrdinal;
		}
        
        get("PicNumberText").innerHTML = sFormatOrdinal;
				
		m_iCurrentPageId = iPageId;
		window.location.href = "#" + iPageId;
				
		m_PageHasLoadedAsync = true;
	}
		
}

function ImageLoad(iPageImg) {

    var sImgUrl;

    if (iPageImg == "") {
        sImgUrl = "../SysImages/ImgPlaceholder.jpg";
    }
    else {
        sImgUrl= m_imgPath + "User/MainPic/L/" + iPageImg;
    }

    var iRanNum = Math.floor(Math.random() * 975)
    
    if (m_AdminMode) {
        sImgUrl += "?DontCache=" + iRanNum;
    }

    hide("MainImgDivB", true);

    if (iPageImg.indexOf(".swf") > 0) {
        get("MainImgDivB").innerHTML = genFlashEmbed(sImgUrl, iPageImg.substring(0, iPageImg.indexOf(".")), 760, 507);
        show("MainImgDivB", true);
        //fadeInE("MainImgB", 30, "underlayMainImg()");
        show("MainImgDivA", true);
        get("MainImgDivA").innerHTML = get("MainImgDivB").innerHTML;
        get("MainImgDivB").innerHTML = "";
        hide("MainImgDivB", true);
        m_PageIsLoadingAsync = false;


        hide("LoadingGifWhite", true);
    }
    else {
        get("MainImgDivB").innerHTML = "<img onload='MainImageLoaded(this)' id='MainImgB' src=\"" + sImgUrl + "\" />";
    }

}

function genFlashEmbed(path, id, w, h) {        
		var sHtml =	"<object id='" + id + "' type=\"application/x-shockwave-flash\" data=\"" + path + "\" width=\"" + w + "\" height=\"" + h + "\">" +
				"<param name=\"movie\" value=\"" + path + "\" />" +
				"<param name=\"allowscriptaccess\" value=\"always\" />" +
				"<param name=\"FlashVars\" value=\"bg_color=_000000\" /></object>";
		return sHtml;    
}

function HideThumbs(bHideAll)
{
	if(!bHideAll)
	{
		GetE("ShowThumbs").style.display = "inline";
		m_bShowThumbs = false;
	}
	else
	{
		GetE("ShowThumbs").style.display = "none";	
		
	}
	
	AdjustPageForThumbHide();
	
	GetE("ThumbDiv").style.display = "none";	
	GetE("HideThumbSymbol").style.display = "none";	
	
	
}


function GalPrevMOver()
{	  
	m_SupressGalPrevHide = true;	
	
}

function GalPrevMOut()
{	
	HideGalleryPreview();
}

function HideGalleryPreview()
{		
	m_SupressGalPrevHide = false;
	setTimeout("HideGalleryPreviewDelay()",400);
}

function DocumentOnClick() {
    HideGalleryPreviewDelay();
    //hide("LinkToExistingPicker");
}

function HideGalleryPreviewDelay()
{
	if(!m_SupressGalPrevHide)
	{
		get("GalleryPreview").style.display = "none";
		HideAllGalPrevCallouts();			
		hide("ThumbODprev",true);
	}

}

function HideAllGalPrevCallouts()
{	
	var oCallouts = GetE("Callouts");
	oCallouts.removeChild(GetE("Callout_R"));
	oCallouts.removeChild(GetE("Callout_L"));
	
	var sHTML = "<div id='Callout_L' class='Callout' style='display:none'><img src='../SysImages/Callout-L.png' /></div>";
	sHTML += "<div id='Callout_R' class='Callout' style='display:none'><img src='../SysImages/Callout-R.png' /></div>";
	oCallouts.innerHTML = sHTML;
		
	//GetE("Callout_L").style.display = "none";				
}

var m_iCurrentGalleryId;
var m_iCurrentGalleryPos;

var oXmlHttpGalleryPreview;
var m_ShowPreview = false;
var m_iShowGalTimeoutID;
var m_iCurrentGalPrev;

function SetGalTitleAndPos(iGalleryId, iGalleryPos)
{
	get("PageDescription").innerHTML = get("GalDesc_" + iGalleryId).innerHTML;
	get("PageTitle").innerHTML = get("Gallery" + iGalleryId).innerHTML;
	
	if(m_iCurrentGalPage <= 1)
	{
		if(iGalleryPos < 10)
		{
			get("PicNumberText").innerHTML = "0" + iGalleryPos;
		}
		else
		{
			get("PicNumberText").innerHTML = iGalleryPos;
		}
	}
	else
	{
		get("PicNumberText").innerHTML = (iGalleryPos + (12*(m_iCurrentGalPage-1)));
	}
}

function ShowGalleryPreview(iGalleryId, iGalleryPos)
{	
	SetGalTitleAndPos(iGalleryId, iGalleryPos);
	
	if(iGalleryId == m_iCurrentGalPrev && GetE("GalleryPreview").style.display == "inline")
	{
		m_SupressGalPrevHide = true;
	}
	else
	{
		if(m_iCurrentGalPrev != iGalleryId)
		{
			GetE("GalleryPreview").style.display = "none";	
			clearTimeout(m_iShowGalTimeoutID);
		}
		
		m_ShowPreview = true;
		m_iShowGalTimeoutID = setTimeout("ShowGalleryPreviewDelay(" + iGalleryId + "," + iGalleryPos + ")",500)	
	}
	
	m_iCurrentGalPrev = iGalleryId;
}

var m_bHideAllCallouts = false;

function GalClicked(iPgId) {
    m_bHideAllCallouts = true;
    NavigatePage(iPgId);
}

var mGalPrevOverrideBottom = null;
var mGalPrevOverrideLeft = null;

function ShowGalleryPreviewDelay(iGalleryId, iGalleryPos, b,l) {
    if (m_bHideAllCallouts) return;

	if(m_ShowPreview || m_bShowGalPrevPageContext)
	{
		m_iCurrentGalleryId = iGalleryId;
		m_iCurrentGalleryPos = iGalleryPos;

		if (b != null) {
		    mGalPrevOverrideBottom = b;
		    mGalPrevOverrideLeft = l;
		}


		 oXmlHttpGalleryPreview= new XMLHttpRequest();

		var url= "../App/thumbnav.aspx?iChapterId=" + iGalleryId;	
		oXmlHttpGalleryPreview.onreadystatechange=GalleryPreviewLoaded;
		oXmlHttpGalleryPreview.open("GET",url,true);
		oXmlHttpGalleryPreview.send();		
	}
}

function GalleryPreviewLoaded() {

    if (m_bHideAllCallouts) return;

	if (oXmlHttpGalleryPreview.readyState==4)
	{	
	
		var GalleryPreview = GetE("GalleryPreview");		
		var GalleryPrevThumbMask = GetE("GalleryPrevThumbMask");
		//var sGalleryTitle = GetE("Gallery" + m_iCurrentGalleryId).innerHTML;	
		var sHtml;
		
		sHtml = "<table cellpadding='0' cellspacing='0'>";
		sHtml += oXmlHttpGalleryPreview.responseText;
		sHtml += "</table>";
		GalleryPrevThumbMask.innerHTML = sHtml;

		var iRowQty = GetE("GalPrevRowQty").innerHTML;
		iRowQty = (parseInt(iRowQty)+1);		
		
		//do a bunch of superstitious shit based on flaky browser behavior
		GalleryPreview.style.height = null;
		GalleryPreview.style.top = null;
		GalleryPreview.style.bottom = null;		
		GetE("Callout_R").style.bottom = null;
		GetE("Callout_L").style.bottom = null;
		GetE("Callout_L").style.top = null;
		GetE("Callout_R").style.top = null;		
		
		HideAllGalPrevCallouts();
		
		if(!m_bShowGalPrevPageContext)
		{
			iRowQty = PositionGalleryPrevForMover(iRowQty);
		}
		else
		{
			GalleryPreview.style.bottom = -(gt("PageTitleDiv") + 40);
			
			GalleryPreview.style.left = m_OrdChangeDivLeft;
			GetE("Callout_L").style.bottom = 60;
			show("Callout_L");
		}


		if (mGalPrevOverrideBottom != null) {
		    GalleryPreview.style.left = mGalPrevOverrideLeft;
		    sb(GalleryPreview, -(gt("PageTitleDiv")) + mGalPrevOverrideBottom);

		    mGalPrevOverrideLeft = null;
		    mGalPrevOverrideBottom = null;
		}
		GalleryPreview.style.height = ((iRowQty*51) + 60);		
		GalleryPreview.style.display = "inline";

		
	}
}

function GalPrevThumbClick(sPageId, iOrdinal)
{
	if(!m_bShowGalPrevPageContext)
	{
		NavigatePage(sPageId);
	}
	else
	{		
		HideGalleryPreview();
		var CurrentOrdinal = parseInt(GetE("PicNumberText").innerText);
		if(iOrdinal != CurrentOrdinal)
		{
			var iNewOrdinal = iOrdinal + 1;
			if(iNewOrdinal < 10)
			{
				iNewOrdinal = "0" + iNewOrdinal;
			}
			GetE("PicNumberText").innerText = iNewOrdinal;
		}
	}
}



function PositionGalleryPrevForMover(iRowQty)
{
	var GalleryPreview = GetE("GalleryPreview");		
	
		var iTopPos = 0;
		var iLeftPos = 0;
		var iBottomPos = 0;
				
		if(iRowQty > 8)
		{
			for(i=8;i < iRowQty; i++)
			{				
				GetE("GalPrevRow_" + i).style.display = "none";
			}
		}
		
		var oCall_R = GetE("Callout_R");
		var oCall_L = GetE("Callout_L");
						

		
		var iCurrentRow = 3;
		
		if(m_iCurrentGalleryPos != 9)
		{
			iCurrentRow = parseInt(m_iCurrentGalleryPos/5) + 1;
		}
		
		
		var iAlignBottom = -((m_GalPrevH*3) + (m_GalPrevVMar*2) - 15);
		
		//rows
		switch(iCurrentRow)
		{
			case 1:
				iTopPos = -30;
				GalleryPreview.style.top = iTopPos;
				
				GetE("Callout_L").style.top = 50;
				GetE("Callout_R").style.top = 50;
				
				break;
			case 2:						
				//gty of inner-gallery preview thumb rows
				if(iRowQty > 4)
				{					
					GalleryPreview.style.bottom = iAlignBottom;			
					
					var	iCalloutBottomEight = (m_GalPrevH + m_GalPrevVMar+5);
															
					switch(iRowQty)
					{
						case 5:
							GetE("Callout_L").style.top = iCalloutBottomEight - 150;
							GetE("Callout_R").style.top = iCalloutBottomEight - 150;																				
							
							break;
						case 6:
							GetE("Callout_L").style.top = iCalloutBottomEight - 100;
							GetE("Callout_R").style.top = iCalloutBottomEight - 100;																				
							
							break;

						case 7:
							GetE("Callout_L").style.top = iCalloutBottomEight - 50;
							GetE("Callout_R").style.top = iCalloutBottomEight - 50;																				
							
							break;							
						default:
							GetE("Callout_L").style.bottom = iCalloutBottomEight;
							GetE("Callout_R").style.bottom = iCalloutBottomEight;																				
							break;
					}

				}
				else
				{
					iTopPos = m_GalPrevH + m_GalPrevVMar - 5;
					GalleryPreview.style.top = iTopPos;
				
					GetE("Callout_L").style.top = 50;
					GetE("Callout_R").style.top = 50;									
				}
														

				break;
			case 3:

				GalleryPreview.style.bottom = iAlignBottom;
				GetE("Callout_R").style.bottom = 20;				
				GetE("Callout_L").style.bottom = 20;								
				
				break;				
		}
		
		var bLeftSide = false;
		
		//left/right
		if(m_iCurrentGalleryPos == 1 || m_iCurrentGalleryPos == 2 || m_iCurrentGalleryPos == 5 || m_iCurrentGalleryPos == 6 || m_iCurrentGalleryPos == 9 || m_iCurrentGalleryPos == 10)
		{
			bLeftSide = true;			
			GetE("Callout_L").style.display = "inline";
			
		}
		else
		{
			if(UsingIE())
			{
				GetE("Callout_R").style.left = 362;
			}
			GetE("Callout_R").style.display = "inline";			
		}
		
		//columns
		if(m_iCurrentGalleryPos == 1 || m_iCurrentGalleryPos == 5 || m_iCurrentGalleryPos == 9)
		{
			//column 1
			iLeftPos = m_GalPrevW - 10;
			//iLeftPos = 154;
		}
		else if(m_iCurrentGalleryPos == 2 || m_iCurrentGalleryPos == 6 || m_iCurrentGalleryPos == 10)
		{
			iLeftPos = (m_GalPrevW*2) + m_GalPrevHMar - 10;
		}
		else if(m_iCurrentGalleryPos == 3 || m_iCurrentGalleryPos == 7 || m_iCurrentGalleryPos == 11)
		{
			iLeftPos = ((m_GalPrevW*2) + (m_GalPrevHMar*2) + 10) - m_GalPrevDivW;

		}
		else
		{
			iLeftPos = ((m_GalPrevW*3) + (m_GalPrevHMar*3) + 10) - m_GalPrevDivW;
		}
						
		GalleryPreview.style.left = iLeftPos;
		
		if(iRowQty > 8)
		{
			iRowQty = 8;
		}		
		
		return iRowQty;
}


var oXmlHttpThumbNav;

function LoadThumbsAsync()
{

    oXmlHttpThumbNav = new XMLHttpRequest();
	var url = "../App/thumbnav.aspx?iCurPgId=" + m_PageIdLoadingAsync + "&admin=" + m_AdminMode;	
	oXmlHttpThumbNav.onreadystatechange=ThumbsLoadedAsync;
	oXmlHttpThumbNav.open("GET",url,true);
	oXmlHttpThumbNav.send();		
	
}



function ThumbsLoadedAsync()
{
    if (oXmlHttpThumbNav.readyState == 4) {        
	    m_ThumbsPrevLoadedArray = new Array();
	    m_bDontLoadMoreThumbs = false;
	    if (!m_ThumbNavLoadedFirstTime) {
	        get("ThumbDiv").innerHTML = oXmlHttpThumbNav.responseText;
	        if (UsingFF()) {
	            show("ThumbNavInnerDiv", true);
	        }
	    }
	    else {
	        get("ThumbDivB").innerHTML = oXmlHttpThumbNav.responseText.replace("ThumbNavInnerDiv","ThumbNavInnerDivB");
	    }
        
	}
}

var m_ThumbNavLoadedFirstTime = false;
var m_NoThumbsLoaded = 0;
var m_bDontLoadMoreThumbs = false;

function ThumbNavImgLoaded(oImg) {

    AdjImg(oImg, m_ThumbWidth, m_ThumbDivHeight,false,false);

    if (UsingFF()) {
        //do nothing, FF is quirky
    }
    else {
        if (oImg.className == "ThumbHor") {
            imgSadj(oImg, m_ThumbWidth, m_ThumbDivHeight, "relative");
        }

        if (!m_bDontLoadMoreThumbs) {
            m_NoThumbsLoaded += 1;

            if (m_NoThumbsLoaded >= 10) {
                if (!m_ThumbNavLoadedFirstTime) {
                    if (UsingFF()) {
                        show("ThumbNavInnerDiv", true);
                    }
                    else {
                        fadeInE("ThumbNavInnerDiv", 30, "", true);
                    }

                    m_ThumbNavLoadedFirstTime = true;

                }
                else {
                    m_bDontLoadMoreThumbs = true;
                    get("ThumbDiv").innerHTML = get("ThumbDivB").innerHTML;
                    show("ThumbNavInnerDivB", true);

                }
                m_NoThumbsLoaded = 0;
            }
        }
    }
}

var m_GalPrevDivW = 364;

function ImageMOver() {
    if (!(shown("GalleriesDiv"))) {

        show("LeftNav", true);
        show("RightNav", true);
    }
}

function ImageMOut()
{
	hide("LeftNav",true);
	hide("RightNav",true);
}

function NavMAction(bLeft,bOver) {

    if (!(shown("GalleriesDiv"))) {

        if (bOver) {
            show("LeftNav", true);
            show("RightNav", true);
        }
        if (bLeft) {
            SetOpacity("RightNav", 30);
            SetOpacity("LeftNav", 90);
        }
        else {
            SetOpacity("RightNav", 90);
            SetOpacity("LeftNav", 30);
        }

        if (!(DetectIphoneOrIpod())) {
            /*
            var oElement = get("RightNav");
		
            if(bLeft)
            {
            oElement = get("LeftNav");
            SetOpacity("RightNav", 30)			
            }
            else
            {
            SetOpacity("LeftNav", 30)			
            }
		
            if(bOver)
            {
            SetOpacity(oElement, 80)
            }
            else
            {
            SetOpacity(oElement, 30)			
            }
		
            */
        }
    }
		
}


var oXmlHttpGalleries;

function togShowHideGalMenu(state) {
    if(state == "hide")
    {
        show("HideGalMenuText")
        hide("GalMenu");
    }
    else
    {
        hide("HideGalMenuText")
        show("GalMenu");
    }    
}

function HideGalleries() {
    togShowHideGalMenu("show");
		
	if(shown("GalleriesDiv"))
	{
		hide("GalleriesDiv");
		hide("GalleriesBg");
		hide("GalleryLeftNav", true);				
		hide("GalleryRightNav", true);						
		show("RightNavSpacer");
		show("LeftNavSpacer");		
	}	
	
	HideGalleryPreview();
	if(m_bShowThumbs)
	{
		ShowThumbs();
	}
	else
	{
		//show "hide thumb" text
		HideThumbs(false);
	}
}


function showLoading() {
    show("LoadingGifWhite", true);
}

function hideLoading() {
    hide("LoadingGifWhite", true);
}

function ShowGalleries(iPage) {
    showLoading();
    m_bHideAllCallouts = false; 
	m_bShowGalPrevPageContext = false;
	m_iCurrentGalPage = iPage;
	
	if(m_oGalleriesXml == null)
	{
		oXmlHttpGalleries= new XMLHttpRequest();
			
		var url= "../App/ChapterNav.aspx";		

		var iRanNum=Math.floor(Math.random()*302)
		
		if(m_AdminMode)
		{
			url += "?DontCache=" + iRanNum;
		}	
			
		oXmlHttpGalleries.onreadystatechange=GalleriesLoaded;
		oXmlHttpGalleries.open("GET",url,true);
		oXmlHttpGalleries.send();
	}
	else
	{		
		GalleriesLoaded();
	}			
}

function NextGalPage()
{	
	ShowGalleries(m_iCurrentGalPage + 1);
}

function PreviousGalPage()
{
	ShowGalleries(m_iCurrentGalPage -1);
}

var m_oGalleriesXml = null;


var m_GalPrevW = 172;
var m_GalPrevH = 112;
var m_GalPrevHMar = 24;
var m_GalPrevVMar = 61;

var m_GalTextOffset = 130;

function ResetGalImgVals()
{
	m_GalPrevW = 172;
	m_GalPrevH = 112;
	m_GalPrevHMar = 24;
	m_GalPrevVMar = 61;
	m_GalTextOffset = 130;
}

var m_PlcHolderImg = "../SysImages/ImgPlaceholder.jpg";

function GalleriesLoaded()
{	
	if(oXmlHttpGalleries.readyState==4 || m_oGalleriesXml != null)
	{		
		if(oXmlHttpGalleries.status != "200")
		{
			alert("Error loading galleries data");
			return;
		}
		if(m_oGalleriesXml == null)
		{
			m_oGalleriesXml=oXmlHttpGalleries.responseXML.documentElement;						
		}
		ResetGalImgVals();
		
		var Galleries = GetE("GalleryList");
		var sHtml = "";
		Galleries.innerHTML = "";				
				
		iRow = 0;		
		iRowPos = 0;
				
		var iStart = 0;
		var iEnd;
		
		var iNoPages = (m_oGalleriesXml.childNodes.length/12);
		
		iNoPages += '';		
		if(iNoPages.indexOf(".") > 0)
		{
			iNoPages = iNoPages.substring(0,iNoPages.indexOf("."));
			iNoPages = parseInt(iNoPages) + 1;
		}
		
				
		if(iNoPages > 1 && m_iCurrentGalPage == 1)
		{
			iEnd = 12;
		}
		else if(iNoPages == 1)
		{
			iEnd = m_oGalleriesXml.childNodes.length;
		}
		else if(iNoPages > 1 && m_iCurrentGalPage == 2)
		{
			iStart = 12;
			iEnd = (m_oGalleriesXml.childNodes.length - 12);
		}


		m_GalPrevW = (m_PicMaskWidth-(m_GalPrevHMar*3))/4; 
				
		m_GalPrevH = (m_GalPrevH*m_GalPrevW)/172;
		
		//m_GalPrevVMar = (m_PicMaskHeight - (m_GalPrevH*3))/4;
		//m_GalPrevVMar += 10;
		
		m_GalPrevVMar = (m_GalPrevH*.54);
				
		//m_GalTextOffset = m_GalPrevH + (m_GalPrevH*.19);
		m_GalTextOffset = m_GalPrevH + (m_GalPrevVMar/2) - (13/2);
		
		//alert(m_GalPrevVMar);
		
		for(var i=0; i < iEnd; i++)
		{
						
			var iGalleryId = m_oGalleriesXml.childNodes[i+iStart].attributes.getNamedItem("Id").value;
			var iPageId = m_oGalleriesXml.childNodes[i + iStart].attributes.getNamedItem("ContentsPageId").value;
			var PageImg = m_oGalleriesXml.childNodes[i + iStart].attributes.getNamedItem("ContentsPageImg").value;
			var sPageTitle = m_oGalleriesXml.childNodes[i+iStart].attributes.getNamedItem("Title").value;
			var sDesc = m_oGalleriesXml.childNodes[i + iStart].attributes.getNamedItem("Desc").value;

			if (PageImg == "") {
			    PageImg = m_PlcHolderImg;
			}
			else {
			    PageImg = m_imgPath + "User/ThumbNavPic/XL/" + PageImg;
			}

			sHtml += "<div class='GalleryPrevImage' style='left:" + ((m_GalPrevW + m_GalPrevHMar) * iRowPos) + "px;top:" + 
                        (iRow*(m_GalPrevH+m_GalPrevVMar)) + "px;" +
						"width:" + m_GalPrevW + ";height:" + m_GalPrevH + ";'>";

			sHtml += "<a href='javascript:void(0)' onclick='GalClicked(" + iPageId + ")'>";						
			sHtml += "<img src='../SysImages/spacer.gif' class='GalPrevSpacer'";
			sHtml += " onmouseout='HideGalleryPreview()' " +
							"onmouseover='ShowGalleryPreview(" + iGalleryId + "," + (i + 1) + ")' />";
			sHtml += "</a>";
			sHtml += "<div id='GalleryPrevMask' style='width:" + m_GalPrevW + ";height:" + m_GalPrevH + ";'>";
						
			//actual image on this next line					
			sHtml += "<img onload=\"imgSadj(this, " + m_GalPrevW + "," + m_GalPrevH + ",'absolute');\" src='" + PageImg + "' /></div>";				
			sHtml += "<div style='display:none' id='GalDesc_" + iGalleryId + "'>" + sDesc + "</div>";								
			sHtml += "<div class='GalleryLinkDiv' align='center' style='top:" + m_GalTextOffset + "px;width:" + m_GalPrevW + ";'>";				
			sHtml += "<a class='GalleryLinks' href='javascript:void(0);' onclick='NavigatePage(" + iPageId + ")' id='Gallery" + 
										iGalleryId + "'>" + sPageTitle + "</a>";
			sHtml += "</div></div>";
			
			iRowPos++;
			
			if((i+1)/4 == 1)
			{
				iRow = 1;
				iRowPos = 0;
			}
			else if((i+1)/4 == 2)
			{
				iRow = 2;	
				iRowPos	= 0;
			}
					
		}
		
		if(m_iCurrentGalPage < iNoPages)
		{
			show("GalleryRightNav",true);	
			get("GalleryRightNav").onclick = NextGalPage;
		}
		else
		{
			hide("GalleryRightNav",true);				
		}
		
		if(iNoPages > 1 && m_iCurrentGalPage > 1)
		{
			show("GalleryLeftNav",true);
			get("GalleryLeftNav").onclick = PreviousGalPage;
		}
		else
		{
			hide("GalleryLeftNav",true);	
		}		
				
		Galleries.innerHTML = sHtml;	

		SetGalTitleAndPos(m_oGalleriesXml.childNodes[0+iStart].attributes.getNamedItem("Id").value, 1);
					
		HideThumbs(true);
		show("GalleriesDiv");
		show("GalleriesBg");
		
		hide("RightNavSpacer");
		hide("LeftNavSpacer");

		hideLoading();
		togShowHideGalMenu("hide");							
	}
}

function imgSadj(oImg, w, h, pos) {
    if (pos != null) {
        oImg.style.position = pos;
    }

    if (oImg.height > oImg.width) {
        //vert
        oImg.height = h;
        oImg.width = (oImg.width * h) / oImg.height;

        
        oImg.style.left = (w / 2) - (oImg.width / 2);

    }
    else {
        //horizontal
        oImg.width = w;
        var iHeight = (oImg.height * w) / oImg.width;

        oImg.height = iHeight;

        if (iHeight < h) {
            oImg.style.top = (h / 2) - (iHeight / 2);
        }        
    }
}

function ToggleAdminMode()
{
	if(m_AdminMode)
	{
		ExitAdminMode();
	}	
	else
	{
		//go into admin mode
		var sUrl = window.location.href;
		var sBookMark = "";	
		
		if(sUrl.indexOf("#") != -1)
		{
			sBookMark = "#" + sUrl.substr(sUrl.indexOf("#")+1,sUrl.length);	
			//take out # thing
			sUrl = sUrl.substring(0,sUrl.indexOf("#")) ;
		}
						
		if(sUrl.indexOf("?") == -1)
		{
			sUrl += "?admin=1";
		}
		else if(sUrl.indexOf("?admin=0") != -1)
		{		
			sUrl = sUrl.replace("?admin=0","?admin=1");	
		}
		else
		{
			sUrl = sUrl.replace("&admin=0","");	
			sUrl = sUrl.replace("&admin=false","");	
			sUrl = sUrl.replace("&admin=","");					
			
			sUrl += "&admin=1";
		}

		sUrl = sUrl.replace("&bNoSound=0","");	
		sUrl = sUrl.replace("&bNoSound=false","");	
		sUrl = sUrl.replace("&bNoSound=true","");	
		sUrl = sUrl.replace("&bNoSound=","");										
		sUrl = sUrl.replace("?bNoSound=0","");	
		sUrl = sUrl.replace("?bNoSound=false","");	
		sUrl = sUrl.replace("?bNoSound=true","");	
		sUrl = sUrl.replace("?bNoSound=","");												
		
		sUrl += "&bNoSound=" + m_bNoSound + sBookMark
		
					
		window.location.href = sUrl;
	}
}



var m_KeyComboAdminMode = false;
var m_KeyComboSavePage = false;
var m_KeyComboAdminModeNo = 0;
var m_KeyComboAdminSavePageNo = 0;

function HandleKeys(ev)
{

    ev = ev || window.event;          
    kCode = ev.keyCode || ev.which;   
 
    if (ev.shiftKey && kCode == 65) 
	{ // shift+a
		m_KeyComboAdminModeNo += 1;
		m_KeyComboAdminMode=true;
		
		if(m_KeyComboAdminModeNo == 2)
		{
		    ToggleAdminMode();
		    m_KeyComboAdminMode = false;
		    m_KeyComboAdminModeNo = 0;

		}

		return true;
    }
	else
	{
		m_KeyComboAdminMode=false;
		m_KeyComboAdminModeNo = 0;
	}
	
    if (ev.shiftKey && kCode == 83) 
	{ // shift+a
		m_KeyComboAdminSavePageNo += 1;
		m_KeyComboSavePage=true;
		
		if(m_KeyComboAdminSavePageNo == 2)
		{
		    SavePage();
		    m_KeyComboSavePage = false;
		    m_KeyComboAdminSavePageNo = 0;
		}
        return true;			
    }
	else
	{
		m_KeyComboSavePage=false;
		m_KeyComboAdminSavePageNo = 0;
	}	
	
}

var m_SoundPlaying = true;

function ToggleSound()
{
	if(mediasupport.audio)
	{
		if(m_SoundPlaying)
		{
			get("BgSound").pause();
			m_SoundPlaying = false;
			m_bNoSound = true;
		}
		else
		{
			get("BgSound").play();
			m_SoundPlaying = true;
		}	
	}
	else
	{
		alert("HTML5 compatible browser required for sound. Try upgrading your browser to the latest version.");
	}
}


//---------------------------------------------------------------------------------
//Splash Page

var homeMtop = 83;
var homeMleft = 73;
var sqW = 165;
var sqH = 165;
var sqM = 10;
var pdW = 659;
var pdH = 691;
var titleM = 40;

function RenderHomePage() {
    m_PageHasLoadedAsync = false;
    if(exists(get("MainImgA"))) get("MainImgA").src = "../SysImages/Black.gif";
    if (exists(get("MainImgB"))) get("MainImgB").src = "../SysImages/Black.gif";
    SetOpacity("PageDiv", 0);
    document.body.style.backgroundColor = "#333333";

	hide("GalleriesLink");
	hide("PageTitleDiv");
	hide("ContactLink");
	hide("ShowThumbs");
	hide("ImageDiv");
	hide("ThumbDiv");
	hide("HideThumbSymbol");
	
	hide("PageDiv",true);
	sz("OutPageDiv",9999999999);
		
	sdim("PageDiv",0,0,pdW,pdH);
	//sdim("OutPageDiv",0,0,pdW,pdH);
	get("PageDiv").style.backgroundColor = "white";
	
	sdim("Sq1",homeMtop,homeMleft,sqW,sqH);
	sdim("Sq2",homeMtop,homeMleft+sqW+sqM,sqW,sqH);
	sdim("Sq3",homeMtop,gl("Sq2")+sqW+sqM,sqW,sqH);

	sdim("Sq4",homeMtop+sqH+sqM,homeMleft,sqW,sqH);
	sdim("Sq5",gt("Sq4"),homeMleft+sqW+sqM,sqW,sqH);
	sdim("Sq6",gt("Sq4"),gl("Sq5")+sqW+sqM,sqW,sqH);	

	sdim("Sq7",gt("Sq4")+sqH+sqM,homeMleft,sqW,sqH);
	sdim("Sq8",gt("Sq7"),homeMleft+sqW+sqM,sqW,sqH);
	sdim("Sq9",gt("Sq7"),gl("Sq8")+sqW+sqM,sqW,sqH);		
	
	showHomeElements();
		
	sdim("SiteTitleDiv",gt("Sq7")+sqH+titleM,gw("PageDiv")/2-get("SiteTitleDiv").offsetWidth/2,null,null);

	sb("SoundImgDiv", 10);
	sr("SoundImgDiv", 10);
	hide("ContactDiv");
	show("SoundImgDiv");

	GenerateSqPrev();

	sw("AdminOptionsTable",gw("PageDiv"));
	
	if(m_HomeRendered)
	{
		window.location.href = "#" + 0;
	}
    
    AdjAdminPage();

	m_HomeRendered = true;
	ShowAndCenterPage();
	show("PageDiv",true)
	//show("AdminOptions");

	if (!m_HomeRendered) {
	    //get("ImgPreload").innerHTML += m_MainPageImgPreloadHTML;
	}
}

var m_MainPageImgPreloadHTML;
var m_HomeRendered = false;

function GenerateSqPrev() {
    for (var i = 1; i < 10; i++) {
        setSquareImgHtml("Sq" + i, m_FeatIDArray[i - 1], m_FeatImgArray[i - 1], i);
        sl("PrevImg_" + i, m_FeatOffLeftArray[i - 1]);
        st("PrevImg_" + i, m_FeatOffTopArray[i - 1]);

        m_MainPageImgPreloadHTML += "<img src='" + m_imgPath + "User/MainPic/L/" + m_FeatImgArray[i - 1] + "' />";
    }
}

function setSquareImgHtml(oE,ID,Img,iOrd,iTop,iLeft) {
    var iRanNum = Math.floor(Math.random() * 302)
    var urlMod = "";

    if (m_AdminMode) {
        urlMod = "?DontCache=" + iRanNum;
    }	

    get(oE).innerHTML = "<a href='javascript:void(0)' onclick='LoadPageAsync(" + ID + ")'>" +
						"<div style='position:absolute;cursor:hand' id='PrevImg_" + iOrd + "'><img id='PrevImg_" + iOrd + "Img' onload='AdjImg(this,"+sqW+","+sqH+",true)' class='PrevImage' " + 
						"src='" + m_imgPath + "User/PreviewPic/S/" + Img + urlMod + "' style='visibility:hidden' /></a>";
}

var m_iPicPrevHeight = sqH;
var iw =  sqW;

function AdjImg(oImg,iw,ih,bSwitch,bFade) {
    //bSwitch respects image height (won't change height)

	var bVert = (oImg.height > oImg.width) ? true : false;
	
	if(bVert && (!bSwitch) || (!bVert) && bSwitch)
	{
		resizeImg(oImg,iw,ih,true);
	}
	else
	{
		resizeImg(oImg,iw,ih,false);	
	}

	if (bFade != false) {
	    fadeInE(oImg.id, 30, "", true);
	}
}

function resizeImg(oImg,iw,ih,bRespectHeight)
{
	if(bRespectHeight)
	{				
		oImg.height = ih;
		oImg.width = (oImg.width*ih)/oImg.height;				
		oImg.style.left = (iw/2)-(oImg.width/2);				
			
	}
	else
	{
		oImg.width = iw;
		var iHeight = (oImg.height*iw)/oImg.width;						
		
		oImg.height = iHeight;
				
		if(iHeight < ih)
		{			
			oImg.style.top = (ih/2)-(iHeight/2);			
		}	
	}
}

function AdjImgOld(oImg)
{
	if(oImg.height > oImg.width)
	{
		//vertical

		oImg.height = m_iPicPrevHeight;
		oImg.width = (oImg.width*m_iPicPrevHeight)/oImg.height;				
		oImg.style.left = (m_iPicPrevWidth/2)-(oImg.width/2);				
		
	}
	else
	{
		oImg.width = m_iPicPrevWidth;
		var iHeight = (oImg.height*m_iPicPrevWidth)/oImg.width;						
		
		oImg.height = iHeight;
				
		if(iHeight < m_iPicPrevHeight)
		{			
			oImg.style.top = (m_iPicPrevHeight/2)-(iHeight/2);			
		}	
		
	}
	
	oImg.style.visibility = "visible";
}

function HideHomeElements()
{
	for(var i=1; i<10;i++)
	{
		hide("Sq"+i);
	}
}

function showHomeElements()
{
	for(var i=1; i<10;i++)
	{
		show("Sq"+i);
	}
}

function RenderMainPage()
{
    HideHomeElements();
    hide("GalleriesDiv");
	//new defaults for this template
	m_PicMaskMarHor	= 42;
	m_PicMaskMarVert = 0;
	m_iPagOffsetHeight = 39;
	m_PageDivWidth = 845;
	
	sdim("PageDiv",0,0,m_PageDivWidth,pdH);
	get("SiteTitleDiv").align = "left";	
	sdim("SiteTitleDiv", m_iPagOffsetHeight, m_PicMaskMarHor)
	get("PageDescriptionDiv").style.marginTop = 6;
	sh("PageDescriptionDiv",26);
	get("PageDescriptionDiv").style.overflow = "hidden";
		
	//set intermediate variable for top of main pic
	m_iPicMaskTop = m_iPagOffsetHeight + get("SiteTitleDiv").offsetHeight + m_MarTitleToPicMask;
	sdim("GalleryPrevMasterContainer",m_iPicMaskTop,m_PicMaskMarHor);
		
	//image div
	sdim("ImageDiv",m_iPicMaskTop,m_PicMaskMarHor,m_PicMaskWidth,m_PicMaskHeight);
	show("ImageDiv");
	
	sdim("MouseOverNavigateDiv",m_iPicMaskTop,m_PicMaskMarHor,m_PicMaskWidth,m_PicMaskHeight);
	show("MouseOverNavigateDiv");
		
	get("MainImgDivB").style.backgroundColor = "black";
	sdim("MainImgDivB",0,0,m_PicMaskWidth, m_PicMaskHeight,false,3);
	sdim("MainImgDivA",0,0,m_PicMaskWidth, m_PicMaskHeight, false,3);
	show("MainImgDivA");
		
	get("MainImgDivB").innerHTML = "";
	//get("MainImgDivA").innerHTML = "";
	
	//LeftNav and GalleryLeftNav	
	m_PageArrowMar = 10;
	
	sdim("LeftNav",m_iPicMaskTop + (m_PicMaskHeight/2) - (m_LeftPageArrowHeight/2),m_PicMaskMarHor-m_LeftPageArrowWidth - m_PageArrowMar);
	show("LeftNav");
	sdim("GalleryLeftNav",gt("LeftNav"),gl("LeftNav"));
	sz("GalleryLeftNav",gz("MainImgDivB")+3);
	
	
	sdim("LeftNavSpacer",0,-(m_LeftPageArrowWidth + m_PageArrowMar),m_PicMaskWidth/2 + (m_LeftPageArrowWidth + m_PageArrowMar),m_PicMaskHeight, true);			
	//get("LeftNavSpacer").style.backgroundColor = "blue";
	sz("LeftNavSpacer",gz("MainImgDivB")+1);
	show("LeftNavSpacer");

	//RightNav and GalleryRightNav
	sdim("RightNav",m_iPicMaskTop + (m_PicMaskHeight/2) - (m_LeftPageArrowHeight/2),(m_PageDivWidth - m_PicMaskMarHor + m_PageArrowMar));
	show("RightNav");
	sdim("GalleryRightNav",gt("RightNav"),gl("RightNav"));
	sz("GalleryRightNav",gz("MainImgDivB")+3);
	
	sdim("RightNavSpacer",0,m_PicMaskWidth/2,m_PicMaskWidth/2 + (m_LeftPageArrowWidth + m_PageArrowMar),m_PicMaskHeight,true);
	//get("RightNavSpacer").style.backgroundColor = "red";
	sz("RightNavSpacer",gz("MainImgDivB")+1);
	show("RightNavSpacer");
	
	sz("GalleryPrevMasterContainer",gz("RightNavSpacer")+1);
	sz("GalleriesBg",gz("RightNavSpacer")+2);
	sz("GalleriesDiv",gz("RightNavSpacer")+3);
	
	
	//thumbs		
	sdim("ThumbDiv",(m_iPicMaskTop + m_PicMaskHeight + 9),m_PicMaskMarHor,m_PicMaskWidth,m_ThumbDivHeight);	
	show("ThumbDiv");			
	hide("ShowThumbs");
		
	//center thumbs
	if(m_ShrinkSiteOvR != "")
	{
		//if(m_ShrinkSiteOvR > 50) sl("ThumbNavInnerDiv",(-(m_PicMaskOriginalWidth - m_PicMaskWidth)/2 + m_ThumbWidth/2));				
	}
	m_bShowThumbs = true;		
		
	sdim("PageTitleDiv", (gt("ThumbDiv") + m_ThumbDivHeight + 7),m_PicMaskMarHor,m_PicMaskWidth)	
	sw("PageTitleTable",650);
	
	sdim("HideThumbSymbol",gt("ThumbDiv"),gl("ThumbDiv")-31);
	
	//admin status msg	
	sdim("AdminStatusMsg",gt("PageTitleDiv")+ 30,gl("PageTitleDiv"));
		
	//contact div
	sdim("ContactDiv",gt(PageTitleDiv));
	//get("ContactDiv").innerHTML = "<a href=\"javascript:void(0)\" onclick=\"ToggleSound()\"><img src=\"../SysImages/Sound.png\" /></a>|&nbsp;&nbsp;<a id='ContactLink' style='color:#606060' href='mailto:<%=m_sEmail%>'>CONTACT</a>"
	sr("ContactDiv", m_PicMaskMarHor);
	show("ContactDiv");
	hide("SoundImgDiv");
		
	//galleries link		
	st(GalleriesLink, m_iPagOffsetHeight + 1);
	get("GalleriesText").innerHTML = get("GalleriesText").innerHTML.replace("^","<span id='GalArrow'></span>");
	get("GalleriesText").style.align = "right";
	sw("GalleriesLink", m_PicMaskWidth + m_PicMaskMarHor);
		
	//loading symbol	
	sdim("LoadingGifWhite",gt("PageTitleDiv")-2,m_PicMaskMarHor-25);
	sw("AdminOptionsTable",gw("PageDiv"));	
	
	show("GalleriesLink");
	show("PageTitleDiv");
	show("ContactLink");
	//show("ShowThumbs");	
	ShowAndCenterPage();
	
}

function goBackHome()
{
    HideGalleries();
	get("ImageDiv");
	get("MainImgDivA");
	get("MainImgDivB");
	hide("MouseOverNavigateDiv");
	hide("RightNav");
	hide("LeftNav");
	hide("LeftNavSpacer");
	hide("RightNavSpacer");
    RenderHomePage();    
}

function ShowThumbs()
{
	hide("ShowThumbs");
	show("ThumbDiv");
	show("HideThumbSymbol");
	
	sdim("PageTitleDiv", (gt("ThumbDiv") + m_ThumbDivHeight + 7),m_PicMaskMarHor,m_PicMaskWidth)	
	sdim("ContactDiv",gt(PageTitleDiv));
	st("LoadingGifWhite",gt(PageTitleDiv));
	sh("PageDiv",pdH);
	
	m_bShowThumbs = true;
}

function AdjustPageForThumbHide()
{
	var thumbTogAdjH = gt("PageTitleDiv")-gt("ThumbDiv");
	st("PageTitleDiv",gt("ThumbDiv"));
	st("ContactDiv",gt("ThumbDiv"));
	st("LoadingGifWhite",gt("ThumbDiv"));
	sdim("ShowThumbs",gt("HideThumbSymbol"),gl("HideThumbSymbol"));
		
	sh("PageDiv",gh("PageDiv")-thumbTogAdjH);
}


var m_ThumbODPrevW = 267;
var m_ThumbODPrevH = 185;

var m_curThumbOrd = 0;

var m_ThumbsPrevLoadedArray = new Array();

function ThumbMO(sPageImg,sState,iOrd) {
    hide("ThumbODprev", true);
    	
	if(sState == "over") {
	    m_curThumbOrd = iOrd;
	    get("ThumbODprevImg").src = m_imgPath + "User/PreviewPic/S/" + sPageImg;
	    
	    if (m_ThumbsPrevLoadedArray.join().indexOf("|" + iOrd + "|") != -1) {
	        ThumbODprevLoaded(get("ThumbODprevImg"));
	    }

	    m_ThumbsPrevLoadedArray.push("|" + iOrd + "|");
	}
	else if(sState == "out")
	{
		hide("ThumbODprev",true);
	}
}

function ThumbODprevLoaded(oImg) {
    
    var t = gt("PageDiv") + gt("ImageDiv") + m_PicMaskHeight - oImg.height - 40 - 30;
    var l = gl("PageDiv") + m_PicMaskMarHor + (m_curThumbOrd * 76) + (76 / 2) - oImg.width / 2 - 19;
    //alert(gl("PageDiv") + "--" + m_PicMaskMarHor + "--" + m_curThumbOrd + "--" + oImg.width + "--");    

    sdim("ThumbODprev", t, l, oImg.width + 40, oImg.height + 40, false, 99999999999999);
    sl("ThumbODprevCO", gw("ThumbODprev") / 2 - 12);
    if (UsingIE()) {
        show("ThumbODprev", true);
    }
    else {
        fadeInE("ThumbODprev", 15, "", true);
    }
}
