//Author: Roshen Kessopersadh
//JavaScripts for use on MarkRussellHill.com
 var slideshowrunning = 0;
 var currentslide = 0;
 var secondDelay = 3;

 
//window.onload=doOnLoad;
//window.onresize=setDivPixelHeight;

function doOnLoad()
{
	//setDivPixelHeight(); 
	
	SlideShowPreload();

}

function setDivPixelHeight()
{
	var divRef = getRefToDiv('thediv');
	SetDivHeight(divRef, 5);

	var tdHeight = GetDivHeight(getRefToDiv('thetd'));

	SetDivHeight(divRef,tdHeight);
	
	//alert(GetDivHeight(tdRef));
	//alert(tdRef.pixelHeight);
	//window.alert(document.getElementById('thediv').style.height);
	
	//document.getElementById('thediv').style.height='5px';

	//	obj=document.getElementById('thetd');//        window.alert(document.getElementById('thediv').style.height);
	//alert(obj.offsetHeight);
	//alert(obj.style.offsetHeight);
	//alert(obj.offsetHeight);
	//document.getElementById('thediv').style.height= obj.offsetHeight+'px';
	//document.getElementById('thediv').style.height= '250px';
}

function SetDivHeight(divRef, newHeight) 
{
	var noPx = document.childNodes ? 'px' : 0;

	if( divRef.style ) 
	{ divRef = divRef.style; }

	//if( myReference.resizeTo ) 
	//{ myReference.resizeTo( newWidth, newHeight ); }

	divRef.height = newHeight + noPx;
	divRef.pixelHeight = newHeight;
	
}

function GetDivHeight(divRef) 
{
	//if( divRef.style ) 
	//{ divRef = divRef.style; }

	return  divRef.offsetHeight;

	//if( myReference.resizeTo ) 
	//{ myReference.resizeTo( newWidth, newHeight ); }

	//alert(divRef.height);
	//alert(divRef.pixelHeight);
	//alert(divRef.offsetHeight);
}


function DisplayImage(image)
{
	largeImage.src = image + ".jpg";
}

function DisplayImageAndTitle(image, title)
{
	largeImage.src = image + ".jpg";
	document.getElementById('imagetitle').innerHTML = title;
}

function ToggleSlideShow()
{
	if(slideshowrunning == 0)
	{
		slideshowrunning = 1;
		RunSlideShow();
		document.getElementById('slideshowbtn').innerHTML = 'Stop Slide Show';
	}
	else
	{
		slideshowrunning = 0;
		document.getElementById('slideshowbtn').innerHTML = 'Start Slide Show';
	}
}

function RunSlideShow()
{
	if(slideshowrunning == 1)
	{
		var thumbtable = document.getElementById('thumbs');
		var thumbnailArray = thumbtable.getElementsByTagName('img');
			
		largeImage.src = GetFileName(thumbnailArray[currentslide].src);
		
		currentslide = (currentslide + 1) % thumbnailArray.length;

		setTimeout("RunSlideShow()", secondDelay*1000);


	}
}


function GetFileName(strUrl)
{
	var startPos, strLength;
	
	startPos = strUrl.lastIndexOf('/') + 1;
	strLength = strUrl.length - startPos;
	
	return strUrl.substr(startPos, strLength);

	//use split method if its not working with substr
	//split with '/' into array, get last element
}

function SlideShowPreload() 
{
	//get all the thumbsnails on the page
	var thumbtable = document.getElementById('thumbs');
	if(thumbtable == null)
	{
		return;
	}

	var thumbnailArray = thumbtable.getElementsByTagName('img');
	if(thumbnailArray == null)
	{
		return;
	}

	arrSlides = new Array(thumbnailArray.length);
	//create image obj
	objSlide = new Image();

	var i = 0;
	//preload images
	for(i=0; i < thumbnailArray.length; i++)
	{
		//preload
		arrSlides[i] = new Image();
		arrSlides[i].src=GetFileName(thumbnailArray[i].src);
		
	}

}


//firefox
if (typeof window.addEventListener != 'undefined')
 {
  window.addEventListener("load", doOnLoad, false);
  //window.addEventListener("resize", setDivPixelHeight, false);
 }
 else if (typeof document.addEventListener != 'undefined')
 {//i think this is netscape or old ie
  document.addEventListener("load", doOnLoad, false);
  //document.addEventListener("resize", setDivPixelHeight, false);
 }
 else if (typeof window.attachEvent != 'undefined')
 {
	//ie
  window.attachEvent("onload", doOnLoad);
  //window.attachEvent("onresize", setDivPixelHeight);
 }
 else if (typeof document.attachEvent != 'undefined')
 {//i think this is netscape or old ie
  document.attachEvent("load", doOnLoad);
 // document.attachEvent("resize", setDivPixelHeight);
 }
 else
 {
  //unable to attach event ot listener, just set it
  window.onload = doOnLoad;
  //window.onresize=setDivPixelHeight;
  //window.alert('Failed to attach an Event Listener');
 }


//document.onreadystatechange=function(e)
//{ 
//	if(/mac/i.test(navigator.platform)? document.readyState!='interactive': document.readyState!='complete')
//	return;allhandlers}


function getRefToDiv(divID,oDoc) 
{
	if( document.getElementById ) 
	{ 
		return document.getElementById(divID); 
	}
	if( document.all ) 
	{ 
		return document.all[divID]; 
	}
	if( !oDoc )
	{ 
		oDoc = document; 
	}
	if( document.layers ) 
	{
		if( oDoc.layers[divID] )
		{
			return oDoc.layers[divID];
		} else
		{
			for( var x = 0, y; !y && x < oDoc.layers.length; x++ ) 
			{
				y = getRefToDiv(divID,oDoc.layers[x].document);
			}
			return y;
		}
	}
	return false;
}