document.onclick=showPos;
//document.onload=auPreload;

var Sound = new Object();
Sound.play = function Sound_play(src) {
if (!src) return false;
this.stop();
var elm;
if (typeof document.all != "undefined") {
elm = document.createElement("bgsound");
elm.src = src;
}
else {
elm = document.createElement("object");
elm.setAttribute("data",src);
elm.setAttribute("type","audio/x-wav");
elm.setAttribute("controller","true");
}
document.body.appendChild(elm);
this.elm = elm;
return true;
};

Sound.stop = function Sound_stop() {
if (this.elm) {
this.elm.parentNode.removeChild(this.elm);
this.elm = null;
}
};

function MM_openBrWindow(theURL,winName,features)
{ //v2.0
  childWindow=window.open(theURL,winName,features);
}		

//***********************************************************

function showPos(e)
{
    e = (e) ? e : window.event;
    var element = (e.target) ? e.target: e.srcElement;
    var strID = element.id;
    var left = element.offsetLeft;
    var top  = element.offsetTop;
    while(element=element.offsetParent)
    {
        left += element.offsetLeft;
        top  += element.offsetTop;
    }
	var elementLblMessage = document.getElementById('lblMessage') ;
	elementLblMessage.innerHTML = "Left:"+left+"px Top:"+top+"px"+" elementID="+strID ;
//alert("Left:"+left+"px Top:"+top+"px"+" elementID="+strID);
}

// *************************************************************************************

function initLeftSponsorAds()
{
	getAndSetSponsorInnerHtml();
	startSponsorAdTimer();
	elementHidCurrentSponsorAdIndex = document.getElementById('hidCurrentSponsorAdIndex') ;
//	elementHidCurrentSponsorAdIndex.value = 0 ;
}

function getSponsorLayerElements() // elements are global vars so they should persist during on javascript call.
{
	elementArrLyrSponsor[0] = document.getElementById('LyrSponsor0') ;// div LyrSponsor0
	elementArrLyrSponsor[1] = document.getElementById('LyrSponsor1') ;// div LyrSponsor1
	elementArrLyrSponsor[2] = document.getElementById('LyrSponsor2') ;// div LyrSponsor2
	elementArrLyrSponsor[3] = document.getElementById('LyrSponsor3') ;// div LyrSponsor3
	elementArrLyrSponsor[4] = document.getElementById('LyrSponsor4') ;// div LyrSponsor4
	
	elementArrLyrOverlay[0] = document.getElementById('LyrSponsorRoundCornerOverlay0') ;// div LyrSponsor4
	elementArrLyrOverlay[1] = document.getElementById('LyrSponsorRoundCornerOverlay1') ;// div LyrSponsor4
	elementArrLyrOverlay[2] = document.getElementById('LyrSponsorRoundCornerOverlay2') ;// div LyrSponsor4
	elementArrLyrOverlay[3] = document.getElementById('LyrSponsorRoundCornerOverlay3') ;// div LyrSponsor4
	elementArrLyrOverlay[4] = document.getElementById('LyrSponsorRoundCornerOverlay4') ;// div LyrSponsor4
}

function getAndSetSponsorInnerHtml() // elements are global vars so they should persist during one javascript call.
{
	getSponsorLayerElements();
	elementHidAdHtmlPacked = document.getElementById('hidAdHtmlPacked') ;
	var strAdHtmlPacked = elementHidAdHtmlPacked.value ;
	var strArrAdHtml = strAdHtmlPacked.split("~");
	intAdArraySize = strArrAdHtml.length;
	if (intAdArraySize < 5) {intNumberOfLeftColumnAds = intAdArraySize;}
	else {intNumberOfLeftColumnAds = 5;}
	
	elementHidAdOverlayHtmlPacked = document.getElementById('hidAdOverlayHtmlPacked') ;
	var strAdOverlayHtmlPacked = elementHidAdOverlayHtmlPacked.value ;
	var strArrAdOverlayHtml = strAdOverlayHtmlPacked.split("~");
	

	elementHidCurrentSponsorAdIndex = document.getElementById('hidCurrentSponsorAdIndex') ;
	intCurrentSponsorAdIndex = 	parseInt(elementHidCurrentSponsorAdIndex.value) ;
elementLblHidCurrentSponsorAdIndex = document.getElementById('lblHidCurrentSponsorAdIndex') ;
elementLblHidCurrentSponsorAdIndex.innerHTML += intCurrentSponsorAdIndex + " ";	
	if (intCurrentSponsorAdIndex + 1 == intAdArraySize) { elementHidCurrentSponsorAdIndex.value = 0; }
	else { elementHidCurrentSponsorAdIndex.value = (intCurrentSponsorAdIndex + 1); } // notice we get the index hid updated without messing with the value used in this routine.
	intNumberOfSponsorAdsBeforeMax = 0; // initialize
	
	for (i=0; i < intNumberOfLeftColumnAds; i++) // i index will refer to layer number
	{
		elementArrLyrSponsor[i].innerHTML = strArrAdHtml[intCurrentSponsorAdIndex];
		elementArrLyrOverlay[i].innerHTML = strArrAdOverlayHtml[intCurrentSponsorAdIndex];
		intCurrentSponsorAdIndex++;
		intNumberOfSponsorAdsBeforeMax++; // counter from zero
		if (intCurrentSponsorAdIndex == intAdArraySize)
		{
			intCurrentSponsorAdIndex = 0;
			i = intNumberOfLeftColumnAds; // cheat way to get out of the loop knowing intNumberOfSponsorAdsBeforeMax
		}
	}// unbracket for for (i=0; i<intNumberOfLeftColumnAds; i++)
	if (intNumberOfSponsorAdsBeforeMax < intNumberOfLeftColumnAds) // were not done updating ads
	{
		for (i=intNumberOfSponsorAdsBeforeMax; i<intNumberOfLeftColumnAds; i++) // i index will refer to layer number
		{
			elementArrLyrSponsor[i].innerHTML = strArrAdHtml[intCurrentSponsorAdIndex];
			elementArrLyrOverlay[i].innerHTML = strArrAdOverlayHtml[intCurrentSponsorAdIndex];
			intCurrentSponsorAdIndex++;
		}
	}
}

/*	// preload all images
	for (i=0;i<strArrTopRotateImage.length;i++)
	{
		strArrPreloadImage[i]=new Image();
		strArrPreloadImage[i].src = strTopRotateImagesPacked[i];
	}
*/
function startSponsorAdTimer()
{
	intSponsorAdTimer = setTimeout("nextSponsorAd()", 15000);
}

var elementArrLyrSponsor=new Array();
var elementArrLyrOverlay=new Array();
var intSponsorAdTime;
var intSponsorAdTimer; // main timer reset every time startTimer() subroutine is called
var intSponsorAdTimerFadeOut;
var intSponsorAdTimerFadeIn;
var intSponsorAdOpacity;

var elementLblSponsorAdTimer; // for debug
var elementLblHidCurrentSponsorAdIndex; // for debug
var elementLblMadeItTo; // for debug
var elementHidCurrentSponsorAdIndex;
var elementHidAdHtmlPacked;// hidAdHtmlPacked packed on web page
var elementHidAdOverlayHtmlPacked;// hidAdOverlayHtmlPacked packed on web page
var intAdArraySize;
var intNumberOfLeftColumnAds;
var intCurrentSponsorAdIndex; // retrieved from elementHidCurrentSponsorAdIndex
var intNumberOfSponsorAdsBeforeMax; // When looping to write ads, if we hit max, use this number as the next loop from
var elementLyrSponsor0;// div LyrSponsor0
var elementLyrSponsor1;// div LyrSponsor1
var elementLyrSponsor2;// div LyrSponsor2
var elementLyrSponsor3;// div LyrSponsor3
var elementLyrSponsor4;// div LyrSponsor4
var elementLyrSponsorToPass;// div LyrSponsor4

function nextSponsorAd()
{
	intSponsorAdOpacity = 100;
	intSponsorAdTimerFadeOut = setInterval("FadeOutSponsorAd()", 25);
	clearInterval(intSponsorAdTimer);
	startSponsorAdTimer(); // start timer all over again from zero
}

function FadeOutSponsorAd()
{
//	elementLblMadeItTo = document.getElementById('lblMadeItTo') ;
//	elementLblMadeItTo.innerHTML += "Made it to FadeOutSponsorAd() ";
	
	if (intSponsorAdOpacity > 0)
	{
		intSponsorAdOpacity -= 5;
		getSponsorLayerElements();
		for (i=0; i<5; i++)
		{
			elementLyrSponsorToPass = elementArrLyrSponsor[i];
			setSponsorAdLayerOpacity();
		}
	}
	else
	{
//			getSponsorLayerElements(); // temp for debug
//			getAndSetSponsorInnerHtml(); // temp for debug

		
		clearInterval(intSponsorAdTimerFadeOut);
		intSponsorAdOpacity = 0;
		getAndSetSponsorInnerHtml();
		intSponsorAdTimerFadeIn = setInterval("FadeInSponsorAd()", 25);
		
	}
}

function FadeInSponsorAd()
{
	if (intSponsorAdOpacity < 100)
	{
		intSponsorAdOpacity += 5;
		getSponsorLayerElements();
		for (i=0; i<5; i++)
		{
			elementLyrSponsorToPass = elementArrLyrSponsor[i];
			setSponsorAdLayerOpacity();
		}
	}
	else {clearInterval(intSponsorAdTimerFadeIn);}
}

function setSponsorAdLayerOpacity()
{
	if (navigator.appName.indexOf("Microsoft")!= -1)
	{
		elementLyrSponsorToPass.style.filter = "alpha(style=0,opacity=" + intSponsorAdOpacity + ")";
	}
	else // Safari & Firefox
	{
		elementLyrSponsorToPass.style.opacity=intSponsorAdOpacity/100;
	}
}

// ****************************************************************
var strArrPreloadImage=new Array();

function initTopRotateImage()
{
	elementLayerPic0 = document.getElementById('LayerPic0') ;
	elementLayerPic1 = document.getElementById('LayerPic1') ;
	
	elementHidTopRotateImagesPacked = document.getElementById('hidTopRotateImagesPacked') ;
	var strTopRotateImagesPacked = elementHidTopRotateImagesPacked.value ;
	var strArrTopRotateImage = strTopRotateImagesPacked.split(",");
	// preload all images
	for (i=0;i<strArrTopRotateImage.length;i++)
	{
		strArrPreloadImage[i]=new Image();
		strArrPreloadImage[i].src = strTopRotateImagesPacked[i];
	}
	
	// end image preloads
	elementLayerPic0.innerHTML = "<img src='" + strArrTopRotateImage[0] + "' width='600' height='156' align='middle'>"
	elementLayerPic1.innerHTML = "<img src='" + strArrTopRotateImage[1] + "' width='600' height='156' align='middle'>"

}


function startTimer()
{
	intTime = 0;
	intTimer = setTimeout("nextPic()", 15000);
	elementlblTimer = document.getElementById('lblTimer') ;
	elementlblTimer.innerHTML = intTime;
	
// next 2 lines for debug	
	elementHidCurrentLayerIndex = document.getElementById('hidCurrentLayerIndex') ;
	intCurrentLayerIndex = elementHidCurrentLayerIndex.value ;
	elementlblCurrentLayerIndex = document.getElementById('lblCurrentLayerIndex') ;
	elementlblCurrentLayerIndex.innerHTML += intCurrentLayerIndex + " ";
// end debug	
	
}
var elementHidTopRotateImagesPacked;// hidTopRotateImages packed on web page
var elementLayerPic0;// div LayerPic0
var elementLayerPic1;// div LayerPic1

var elementlblTimer;
var elementlblCurrentLayerIndex;
var elementlblCurrentImageIndex;

var intTime;
var intTimer; // main timer reset every time startTimer() subroutine is called
var intTimerFadeOut;
var intTimerFadeIn;
var intFadeInOpacity;
var intFadeOutOpacity;

var elementHidCurrentLayerIndex; // 0 or 1
var elementHidLayerToFadeOut;
var elementHidLayerToFadeIn;

var elementHidTopRotateImageRecordCount // n

var elementHidCurrentImageIndex // 0 to n-1

var intCurrentLayerIndex; // 0 or 1
var intCurrentImageIndex // 0 to n-1
var intTopRotateImageRecordCount // n

function nextPic()
{
	elementLayerPic0 = document.getElementById('LayerPic0') ;
	elementLayerPic1 = document.getElementById('LayerPic1') ;
	elementHidCurrentImageIndex = document.getElementById('hidCurrentImageIndex') ; // 0 to n-1
	elementHidTopRotateImageRecordCount = document.getElementById('hidTopRotateImageRecordCount')
	
	elementHidTopRotateImagesPacked = document.getElementById('hidTopRotateImagesPacked') ;
	
	var strTopRotateImagesPacked = elementHidTopRotateImagesPacked.value ;
	var strArrTopRotateImage = strTopRotateImagesPacked.split(",");

	intCurrentLayerIndex =  elementHidCurrentLayerIndex.value; // 0 or 1
	intTopRotateImageRecordCount = elementHidTopRotateImageRecordCount.value // n
	intCurrentImageIndex = elementHidCurrentImageIndex.value; // 0 to n-1
// load next image into non-current layer div
	// get next image index
	intCurrentImageIndex++;
	if (intCurrentImageIndex == intTopRotateImageRecordCount) {intCurrentImageIndex = 0;}
	elementHidCurrentImageIndex.value = intCurrentImageIndex ;
// This section for debug
	elementlblCurrentImageIndex = document.getElementById('lblCurrentImageIndex') ;
	elementlblCurrentImageIndex.innerHTML += intCurrentImageIndex + " ";
//	
	intFadeInOpacity = 0;
	intFadeOutOpacity = 100;
	
	if (intCurrentLayerIndex == 0)
	{
		elementLayerPic1.innerHTML = "<img src='" + strArrTopRotateImage[intCurrentImageIndex] + "' width='600' height='156'>"
		intTimerFadeOut = setInterval("FadeOut('LayerPic0')", 100);
		intTimerFadeIn = setInterval("FadeIn('LayerPic1')", 100);
		elementHidCurrentLayerIndex.value = 1;
	}
	else
	{
		elementLayerPic0.innerHTML = "<img src='" + strArrTopRotateImage[intCurrentImageIndex] + "' width='600' height='156'>"
		intTimerFadeOut = setInterval("FadeOut('LayerPic1')", 100);
		intTimerFadeIn = setInterval("FadeIn('LayerPic0')", 100);
		elementHidCurrentLayerIndex.value = 0;
	}
	
//	clearInterval(intTimer);
	startTimer(); // start timer all over again from zero

}

function FadeOut(strLayer)
{
	elementLayerToFadeOut = document.getElementById(strLayer);
	if (intFadeOutOpacity > 0) {intFadeOutOpacity -= 10;}
	else {clearInterval(intTimerFadeOut);}
  
	if (navigator.appName.indexOf("Microsoft")!= -1)
	{
		elementLayerToFadeOut.style.filter = "alpha(style=0,opacity=" + intFadeOutOpacity + ")";
	}
	else // Safari & Firefox
	{
		elementLayerToFadeOut.style.opacity=intFadeOutOpacity/100;
	}
}

function FadeIn(strLayer)
{
	elementLayerToFadeIn = document.getElementById(strLayer);
	if (intFadeInOpacity < 100) {intFadeInOpacity += 10;}
	else {clearInterval(intTimerFadeIn);}
  
	if (navigator.appName.indexOf("Microsoft")!= -1)
	{
		elementLayerToFadeIn.style.filter = "alpha(style=0,opacity=" + intFadeInOpacity + ")";
	}
	else // Safari & Firefox
	{
		elementLayerToFadeIn.style.opacity=intFadeInOpacity/100;
	}

}

function readOutToggle()
{
//	alert('Reached readOutToggle');
	var elementLayerReadouts = document.getElementById('LayerReadouts');
	var elementHidReadoutToggle = document.getElementById('hidReadoutToggle');
	if (elementHidReadoutToggle.value == "0")
	{
		elementLayerReadouts.style.visibility = "visible";
		elementHidReadoutToggle.value = "1"
	}
	else
	{
		elementLayerReadouts.style.visibility = "hidden";
		elementHidReadoutToggle.value = "0"
	
	}
}