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

Copyright (c) 2005 - Alf Magne Kalleland post@dhtmlgoodies.com
UPDATE LOG:
March, 10th, 2006 : Added support for a message while large image is loading
Get this and other scripts at www.dhtmlgoodies.com
You can use this script freely as long as this copyright message is kept intact.
***********************************************************************************************/ 

var displayWaitMessage=true;// Display a please wait message while images are loading?
var activeImage = false;
var imageGalleryLeftPos = false;
var imageGalleryWidth = false;
var imageGalleryObj = false;
var maxGalleryXPos = false;
var slideSpeed = 0;
var slideoffsetMinus = 0;
var disableLeft = false;
var disableRight = false;
var enableMouseEvent = false;
var enableClickEvent = true;

var imageGalleryCaptions = new Array();
function startSlide_cb(e)
{
	if(document.all)e = event;
	var id = this.id;	
	var leftPos = imageGalleryObj.offsetLeft;	
	//alert(leftPos+"=="+minGalleryXPos+"=="+maxGalleryXPos);
	if(this.id=='round-errow-right')
	{	
		if(leftPos != minGalleryXPos)
		{
			this.getElementsByTagName('IMG')[0].src = '/wt/'+bkTheme+'/images/landing/' + this.id + 'Over.png';
		}
		slideSpeedMultiply = Math.floor((e.clientX - this.offsetLeft) / 5);
		slideSpeed = -1*slideSpeedMultiply;
		slideSpeed = Math.max(-10,slideSpeed);
	}
	else
	{			
		if(leftPos != 0)
		{
			this.getElementsByTagName('IMG')[0].src = '/wt/'+bkTheme+'/images/landing/' + this.id + 'Over.png';			
		}
		slideSpeedMultiply = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
		slideSpeed = 1*slideSpeedMultiply;
		slideSpeed = Math.min(10,slideSpeed);
		if(slideSpeed<0)slideSpeed=10;		
	}
}

function releaseSlide()
{
	var id = this.id;
	this.getElementsByTagName('IMG')[0].src = '/wt/'+bkTheme+'/images/landing/round-errow-left.png';
	slideSpeed=0;
}

function gallerySlide_cb()
{	
	if(slideSpeed!=0)
	{
		var leftPos = imageGalleryObj.offsetLeft;
		leftPos = leftPos/1 + slideSpeed;

		if(leftPos>maxGalleryXPos)
		{
			leftPos = maxGalleryXPos;
			slideSpeed = 0;
		}
		if(leftPos<minGalleryXPos)
		{
			leftPos = minGalleryXPos;
			slideSpeed=0;
		}
		imageGalleryObj.style.left = leftPos + 'px';
	}
	sTimeout = setTimeout('gallerySlide_cb()',60);
}

function showImage_cb()
{
	activeImage = this;
}

function initSlideShow_prop()
{
	if(typeof(sTimeout) != "undefined")
		clearTimeout(sTimeout);

	if(enableMouseEvent)
	{
		//document.getElementById('round-errow-left').onmousemove = startSlide_cb;
		//document.getElementById('round-errow-left').onmouseout = releaseSlide;
		//document.getElementById('round-errow-right').onmousemove = startSlide_cb;
		//document.getElementById('round-errow-right').onmouseout = releaseSlide;
	}

	/*Hover Image Effect set*/
	if(enableClickEvent)
	{
		/*Event.observe($('round-errow-left'), 'mousemove', function(event) {
			sethoverImage(event);
		});
		Event.observe($('round-errow-left'), 'mouseout', function(event) {
			unsethoverImage(event);
		});
		Event.observe($('round-errow-right'), 'mousemove', function(event) {
			sethoverImage(event);
		});
		Event.observe($('round-errow-right'), 'mouseout', function(event) {
			unsethoverImage(event);
		});*/

		Event.observe($('round-errow-left'), 'click', function(event) {
			fastSlide_cb(event);
		});
		Event.observe($('round-errow-right'), 'click', function(event) {
			fastSlide_cb(event);
		});

		//Disable left image
		$('round-errow-left').getElementsByTagName('IMG')[0].src = '/wt/'+bkTheme+'/images/landing/round-errow-left.png';
		disableLeft = true;
		disableRight = false;
	}

	imageGalleryObj = document.getElementById('theImages');
	imageGalleryLeftPos = imageGalleryObj.offsetLeft;
	imageGalleryWidth = document.getElementById('galleryContainer').offsetWidth + slideoffsetMinus;
	maxGalleryXPos = imageGalleryObj.offsetLeft;
	minGalleryXPos = imageGalleryWidth - document.getElementById('slideEnd').offsetLeft;

	var slideshowImages = imageGalleryObj.getElementsByTagName('IMG');
	for(var no=0;no<slideshowImages.length;no++)
	{
		slideshowImages[no].onmouseover = showImage_cb;
	}
	var divs = imageGalleryObj.getElementsByTagName('DIV');
	for(var no=0;no<divs.length;no++)
	{
		if(divs[no].className=='imageCaption')imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
	}

	if(enableMouseEvent)
	{
		gallerySlide_cb();
	}
}

function showPreview(imagePath,imageIndex)
{
	var img = document.getElementById('propertyMainPhoto');		
	img.onload = function() { hideWaitMessageAndShowCaption(imageIndex-1); };
	img.src ="";
	img.src = imagePath;
}

function hideWaitMessageAndShowCaption(imageIndex)
{
document.getElementById('waitMessage').style.display='none';
}
//window.onload = initSlideShow_cb;

function fastSlide_cb(event)
{
	if(slideoffsetMinus == '')
		slideoffsetMinus = 0;
	var arrow = Event.element(event).parentNode.id;
	var imgObj = Event.element(event);
	var imgClass = imgObj.className;

	//alert(arrow);

	disableRight = false;
	disableLeft = false;
	//Default Arrow Image set
	$('round-errow-left').getElementsByTagName('IMG')[0].src = '/wt/'+bkTheme+'/images/landing/round-errow-left.png';
	$('round-errow-right').getElementsByTagName('IMG')[0].src = '/wt/'+bkTheme+'/images/landing/round-errow-right.png';

	imageGalleryWidth = $('galleryContainer').offsetWidth + slideoffsetMinus;
	if(arrow.search('left') != -1)
	{
		//Left click
		var leftPos = imageGalleryObj.offsetLeft;
			leftPos = leftPos + imageGalleryWidth;
		//	alert('left==='+leftPos);
			
		if(leftPos>maxGalleryXPos)
		{	
			leftPos = maxGalleryXPos;
		}
		if(leftPos<minGalleryXPos)
		{
			leftPos = minGalleryXPos;
		}
		
		imageGalleryObj.style.left = leftPos + 'px';
		if(leftPos == 0)
		{
			imgObj.src = '/wt/'+bkTheme+'/images/landing/round-errow-left.png ';
			disableLeft = true;
		}
	}
	else
	{
		//Right click
		var leftPos = imageGalleryObj.offsetLeft;
			leftPos = leftPos - imageGalleryWidth;
		//	alert('right=='+leftPos);
		
		if(leftPos>maxGalleryXPos)
		{
			leftPos = maxGalleryXPos;
		}
		if(leftPos<minGalleryXPos)
		{
			leftPos = minGalleryXPos;
		}
		imageGalleryObj.style.left = leftPos + 'px';
		if(leftPos == minGalleryXPos)
		{
			imgObj.src = '/wt/'+bkTheme+'/images/landing/round-errow-right.png';
			disableRight = true;
		}
	}
}

function sethoverImage(event)
{
	var imgObj = Event.element(event);
	var imgStartName = Event.element(event).parentNode.id;
	imgObj.src = '/wt/'+bkTheme+'/images/landing/' + this.id + 'Over.png';
}