var currentPic = "pic1";
var newPic = "pic1";
var totalPics = 6;
var picZIndex = 1;
var play = true;
var slideshowTime = 5000;
var fadeSpeed = 2;

function initPics()
{
	fadePics();
	setTimeout("slideshow()", slideshowTime);
  setCurrentThumb();
}

function setCurrentThumb()
{
  for (var num = 1; num <= totalPics; num++)
	{
		setPicOpacity(document.getElementById("pic" + num + "Thumb"), 50);
	}
	
	setPicOpacity(document.getElementById(newPic + "Thumb"), 100);
}

function changePic(pic)
{
	newPic = pic;
	play = false;
	fadeSpeed = 20;
  setCurrentThumb();
}

function playSlideshow()
{
	play = true;
}

function slideshow()
{
	if (play == true)
	{
		var nextPicNum = parseInt(currentPic.substr(3)) + 1;
		if (nextPicNum > totalPics)
		{
			nextPicNum = 1;
		}
		
		var nextPic = "pic" + nextPicNum;
		newPic = nextPic;
		fadeSpeed = 2;
    setCurrentThumb();
	}
	
	setTimeout("slideshow()", slideshowTime);
}

function fadePics()
{
	var pic = document.getElementById(newPic);
	var picAlpha = parseInt(parseFloat(pic.style.opacity) * 100);
	
	pic.style.display = "block";
	pic.style.zIndex = picZIndex;
	
	if (!picAlpha)
	{
		picAlpha = 0;
	}
	
	for (var num = 1; num <= totalPics; num++)
	{
		var picOld = document.getElementById("pic" + num);
		var picOldAlpha = parseInt(parseFloat(picOld.style.opacity) * 100);
		
		if (!picOldAlpha)
		{
			picOldAlpha = 0;
		}
		
		if (picOldAlpha > 0 && picOld != pic)
		{
			setPicOpacity(picOld, picOldAlpha - fadeSpeed);
		}
		else if (picOld != pic)
		{
			setPicOpacity(picOld, 0);
		}
	}
	
	if (picAlpha < 100)
	{
		setPicOpacity(pic, picAlpha + fadeSpeed);
	}
	else
	{
		setPicOpacity(pic, 100);
		currentPic = newPic;
	}
	
	var currentImageTmp = new Image();
	currentImageTmp.src = "http://www.thebeauty-retreat.co.uk/img/" + currentPic + ".jpg";
	var newImageTmp = new Image();
	newImageTmp.src = "http://www.thebeauty-retreat.co.uk/img/" + newPic + ".jpg";
	
	if (newImageTmp.height > currentImageTmp.height)
	{
		document.getElementById("mainPicBase").src = "http://www.thebeauty-retreat.co.uk/img/" + newPic + ".jpg";
	}
	else
	{
		document.getElementById("mainPicBase").src = "http://www.thebeauty-retreat.co.uk/img/" + currentPic + ".jpg";
	}
	
	setTimeout("fadePics()", 50);
}

function setPicOpacity(element, value) {
	element.style.opacity = value / 100;
	element.style.filter = 'alpha(opacity=' + value + ')';
}