var teststring

/////////////////////////////////////////////
function showpictures(galleryid)
{
	document.getElementById("pictures").innerHTML="<img src='http://www.commonwealthchapel.com/loading.gif'>"
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
	alert ("Browser does not support HTTP Request")
	return
	}
	var url="showpictures.asp"
	url=url+"?sid="+Math.random()
	url=url+"&galleryid="+galleryid
	xmlHttp.onreadystatechange=stateChangedshowpictures
	xmlHttp.open("GET",url,true)
	xmlHttp.send(null)
} 

function stateChangedshowpictures() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{ 
		document.getElementById("pictures").innerHTML=xmlHttp.responseText
	} 
}
///////////////////////

/////////////////////////////////////////////
function showothergallery(galleryid)
{
	teststring = galleryid
	document.getElementById("mediamain").innerHTML="<img src='http://www.commonwealthchapel.com/loading.gif'>"
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
	alert ("Browser does not support HTTP Request")
	return
	}
	var url="showothergallery.asp"
	url=url+"?sid="+Math.random()
	url=url+"&galleryid="+galleryid
	xmlHttp.onreadystatechange=stateChangedshowothergallery
	xmlHttp.open("GET",url,true)
	xmlHttp.send(null)
} 

function stateChangedshowothergallery() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{ 
		document.getElementById("mediamain").innerHTML=xmlHttp.responseText
		//showpictures(teststring)
	} 
}
///////////////////////

/////////////////////////////////////////
function GetXmlHttpObject()
{ 
	var objXMLHttp=null
		if (window.XMLHttpRequest)
		{
		objXMLHttp=new XMLHttpRequest()
		}
		else if (window.ActiveXObject)
		{
		objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
		}
	return objXMLHttp
} 

//HOVERING IMAGE CODE STUFF//
var trailimage=["test.jpg", 400, 300]
var offsetfrommouse=[15,-150] //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0 //duration in seconds image should remain visible. 0 for always.

if (document.getElementById || document.all)
{
document.write('<div id="trailimageid"></div>')
}

function gettrailobj()
{
    if (document.getElementById)
	{
    return document.getElementById("trailimageid").style
	}
    else if (document.all)
	{
    return document.all.trailimagid.style
	}
}
function truebody()
{
    return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function hidetrail()
{
   gettrailobj().innerHTML = " ";
	gettrailobj().display="none"
	document.onmousemove=""
	gettrailobj().left="-500px"
}

function followmouse(e)
{
    var xcoord=offsetfrommouse[0]
    var ycoord=offsetfrommouse[1]
        if (typeof e != "undefined")
        {
        xcoord+=e.pageX
        ycoord+=e.pageY
        }
        else if (typeof window.event !="undefined")
        {
        xcoord+=truebody().scrollLeft+event.clientX
        ycoord+=truebody().scrollTop+event.clientY
        }
        
		var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
        var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
        
		if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight)
		{
        gettrailobj().display="none"
		}
        else 
		{
        gettrailobj().display=""
        gettrailobj().left=xcoord+"px"
        gettrailobj().top=ycoord+"px"
		}
		
}

function Image_onmouseover(str)
{
    trailimage[0] = str
    document.getElementById("trailimageid").innerHTML = "<img src='"+trailimage[0]+"' border='0' height='"+trailimage[2]+"px'>"
     gettrailobj().visibility="visible"
     document.onmousemove=followmouse
	 gettrailobj().display="inline";
	gettrailobj().position="absolute";
}

if (displayduration>0)
{
setTimeout("hidetrail()", displayduration*1000)
}

document.onmousemove=followmouse