var CurrentImage = 0;

function _changeImage(ImagesNumber, Url, Max, caption, LightBoxImage)
{
	var oImg = $('propMainImageID');
        CurrentImage = ImagesNumber;
    
	oImg.src = "http://shared.remax.co.za/images/property_details/load.png";
	$("propdetails_imgcount").innerHTML = "<b>Photo " + ImagesNumber + " of " + Max + "</b>";

	var oTestImg = new Image();
	
	oImg.style.visibility = "hidden";

	oTestImg.onload = function ()
	{
		var oLeftTD = $('propdetails_left');

		oImg.src = Url;
				
		// IE6 must first have the image preloaded or else it sees strange widths and heights from properdetailsmainimg
		if (oTestImg.width)
		{
			// Resize image but maintain aspect ratio
			oImg.style.width = "320px";
			//Removed Aspect Ratio code - it broke the display of images when it automatically scrolled (Hugh):
			//var iAspectRatio = oTestImg.height / oTestImg.width;
			//oImg.style.height = Math.round(320.0*iAspectRatio) + "px";

			// Some browsers need to be reminded that the parent TD doesn't need to uber-stretch any more
			oLeftTD.style.width = oImg.style.width;
			oLeftTD.style.height = oImg.style.height;
		}
		else 
		{
			// Enforce a standard width and height
			oImg.style.width = oLeftTD.style.width = "320px";
			oImg.style.height = "240px";
		}
		oImg.style.visibility = "visible";
	}
	oTestImg.src = Url;
	
	//set the lightbox image to the large version of the selected image
	$('mainImageLightboxLink').href = LightBoxImage;

//	_constrainMainImage(Url);

}

//Timer For Image loader found this on a site so thought why not use it instead of building it
//Site: http://www.mcfedries.com/JavaScript/timer.asp

var secs;
var secsAmount;
var imageCount = 2;
var imageMax = 0;
var timerID = null;
var timerRunning = false;
var delay = 1000;
var imageArray = new Array();

function InitializeTimerCustom(seconds, currentImage)
{
	$('slideShowMsg').style.display = "block";
	imageArray 	= $H(eval("(" + $('photoArray').innerHTML + ")"));
	imageMax 	= $('photoCount').innerHTML;
	imageCount  = currentImage + 1;
	secs 		= seconds;
    secsAmount 	= seconds;
    //$('slideShowMsg').innerHTML = "<img style='padding-top:3px;' src='http://shared.remax.co.za/images/property_details/clock.png' width='16px' height='16px'/> Slide show above ( " + secsAmount + " seconds )";
    StopTheClock();
    StartTheTimer();
    $('playpause').style.background = "url(http://shared.remax.co.za/images/property_details/pause.jpg) right no-repeat";
    //$('playpause').style.background = "url(http://shared.remax.co.za/images/property_details/icon_pause.gif) right no-repeat";
}

function InitializeTimer(seconds, sentImageArray, maxCount)
{
	$('slideShowMsg').style.display = "block";
    // Set the length of the timer, in seconds
    imageArray = sentImageArray;
	imageMax = maxCount;
    secs = seconds;
    secsAmount = seconds;
    //$('slideShowMsg').innerHTML = "<img style='padding-top:3px;' src='http://shared.remax.co.za/images/property_details/clock.png' width='16px' height='16px'/> Slide show above ( " + secsAmount + " seconds )";
    StopTheClock();
    StartTheTimer();
    $('playpause').style.background = "url(http://shared.remax.co.za/images/property_details/pause.jpg) right no-repeat";
    //$('playpause').style.background = "url(http://shared.remax.co.za/images/property_details/icon_pause.gif) right no-repeat";
}

function StopTheClock()
{
    if(timerRunning)
        clearTimeout(timerID);
    timerRunning = false;
    
}

function StartTheTimer()
{
    if (secs==0)
    {
        StopTheClock();
		
		var counter = 0;
		
		$H(imageArray).each(function(item)
		{
			counter++;
			if(imageCount > imageMax)
			{
				imageCount = 1;
			}
			
			if(counter == imageCount)
			{
				//Main Image
				$('propMainImageID').src = item.value.URL.replace(/&amp;/g, "&");
				//For LightBox Image
				$('mainImageLightboxLink').href = item.value.URL.replace(/regular/g,'large');
				//Image number display
				$('propdetails_imgcount').innerHTML = "<strong>Photo " + counter + " of " + imageMax + "</strong>"
			}
		});
		imageCount++;
		if(secsAmount == '15' || secsAmount == '30')
			InitializeTimer('10', imageArray, imageMax);
		else
	        InitializeTimer(secsAmount, imageArray, imageMax);
		
		
    }
    else
    {
        self.status = secs;
        secs = secs - 1;
        timerRunning = true;
        timerID = self.setTimeout("StartTheTimer()", delay);
    }
}

function PlayPause()
{
	if(timerRunning == true) {
		StopTheClock();
		$('slideShowMsg').style.display = "none";
		$('playpause').style.background = "url(http://shared.remax.co.za/images/property_details/play.jpg) right no-repeat";
                //$('playpause').style.background = "url(http://shared.remax.co.za/images/property_details/icon_play.gif) right no-repeat";
	}
	else {
		StartTheTimer();
		$('slideShowMsg').style.display = "none";
		$('playpause').style.background = "url(http://shared.remax.co.za/images/property_details/pause.jpg) right no-repeat";
                //$('playpause').style.background = "url(http://shared.remax.co.za/images/property_details/icon_pause.gif) right no-repeat";
	}
}