var currentIter = 16;
var lastIter = 0;
var maxIter = 0;
var slideShowElement = "";
var slideShowData = new Array();
var slideShowInit = 1;

function initSlideShow(element, data) {
	slideShowElement = element;
	slideShowData = data;
	element.style.display="block";
	maxIter = data.length;
	for(i=0;i<data.length;i++)
	{
		var currentImg = document.createElement('img');
		currentImg.setAttribute('id','slideElement' + parseInt(i));
		currentImg.style.position="absolute";
		currentImg.style.left="0px";
		currentImg.style.top="0px";
		currentImg.style.margin="0px";
		currentImg.src=data[i][0];
		
		element.appendChild(currentImg);
		currentImg.currentOpacity = new fx.Opacity(currentImg, {duration: 400});
		currentImg.currentOpacity.setOpacity(0);
	}
	
	var leftArrow = document.createElement('a');
	leftArrow.className = 'left';
	leftArrow.onclick = function () { pushPrevSlideShow(); };
	element.appendChild(leftArrow);
	
/*	var Info = document.createElement('a');
	Info.className = 'info';
	Info.onclick = function () { toggleInfoSlideShow(); };
	element.appendChild(Info);*/

	var rightArrow = document.createElement('a');
	rightArrow.className = 'right';
	rightArrow.onclick = function () { pushNextSlideShow(); };
	element.appendChild(rightArrow);
	
	currentImg.currentOpacity = new fx.Opacity(currentImg, {duration: 400});
	currentImg.currentOpacity.setOpacity(0);
	
	var slideInfoZone = document.createElement('div');
	slideInfoZone.setAttribute('id','slideInfoZone');
	$('infoContainer').appendChild(slideInfoZone);
	
	var pic = getQueryVariable("pic");
	if (parseInt(pic)>0) 
	{
		currentIter = 0;
		gotoSlide(parseInt(pic));
	} 
	else
	{
		doSlideShow(1);
	}
}

function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  } 
}


function destroySlideShow(element) {
	var myClassName = element.className;
	var newElement = document.createElement('div');
	newElement.className = myClassName;
	element.parentNode.replaceChild(newElement, element);
}

function pushNextSlideShow () {
	setTimeout(hideInfoSlideShow,10);
	setTimeout(nextSlideShow,500);
}

function pushPrevSlideShow () {
	setTimeout(hideInfoSlideShow,10);
	setTimeout(prevSlideShow,500);
}

function nextSlideShow() {
	lastIter = currentIter;
	currentIter++;
	if (currentIter >= maxIter)
	{
		currentIter = 0;
		lastIter = maxIter - 1;
	}
	slideShowInit = 0;
	doSlideShow(1);
}

function prevSlideShow() {
	lastIter = currentIter;
	currentIter--;
	if (currentIter <= -1)
	{
		currentIter = maxIter - 1;
		lastIter = 0;
	}
	slideShowInit = 0;	
	doSlideShow(2);
}

function gotoSlide(slideIter) {
	lastIter = currentIter;
	currentIter = slideIter;
	if (currentIter <= -1)
	{
		currentIter = maxIter - 1;
		lastIter = 0;
	}
	slideShowInit = 0;	
	doSlideShow(2);
}

function doSlideShow(position) {
	if (slideShowInit == 1)
	{
		setTimeout(nextSlideShow,10);
	} else {
		if (position == 1)
		{
			if (currentIter != 0) {
				$('slideElement' + parseInt(currentIter)).currentOpacity.options.onComplete = function() {
					$('slideElement' + parseInt(lastIter)).currentOpacity.setOpacity(0);
				}
				$('slideElement' + parseInt(currentIter)).currentOpacity.custom(0, 1);
			} else {
				$('slideElement' + parseInt(currentIter)).currentOpacity.setOpacity(1);
				$('slideElement' + parseInt(lastIter)).currentOpacity.custom(1, 0);
			}
		} else {
			if (currentIter != maxIter - 1) {
				$('slideElement' + parseInt(currentIter)).currentOpacity.setOpacity(1);
				$('slideElement' + parseInt(lastIter)).currentOpacity.custom(1, 0);
			} else {
				$('slideElement' + parseInt(currentIter)).currentOpacity.options.onComplete = function() {
					$('slideElement' + parseInt(lastIter)).currentOpacity.setOpacity(0);
				}
				$('slideElement' + parseInt(currentIter)).currentOpacity.custom(0, 1);	
			}
		}
		setInfoSlideShow();
		setTimeout(showInfoSlideShow,1000);
	}	
}

function setInfoSlideShow() {
//	slideShowElement.removeChild($('slideInfoZone'));
	$('infoContainer').removeChild($('slideInfoZone'));
	var slideInfoZone = document.createElement('div');
	slideInfoZone.setAttribute('id','slideInfoZone');
	slideInfoZone.combo = new fx.Combo(slideInfoZone);
	slideInfoZone.combo.o.setOpacity(0);
	var slideInfoZoneTitle = document.createElement('h1');
	slideInfoZoneTitle.innerHTML = slideShowData[currentIter][2]
	slideInfoZone.appendChild(slideInfoZoneTitle);
	if (slideShowData[currentIter][3] != '') {
		var slideInfoZoneAddress = document.createElement('h2');
		slideInfoZoneAddress.innerHTML = slideShowData[currentIter][3]
		slideInfoZone.appendChild(slideInfoZoneAddress);
	}
	var slideInfoZoneDescription = document.createElement('p');
	slideInfoZoneDescription.innerHTML = slideShowData[currentIter][4]
	slideInfoZone.appendChild(slideInfoZoneDescription);

//	slideShowElement.appendChild(slideInfoZone);
	$('infoContainer').appendChild(slideInfoZone);
//	slideInfoZone.combo.h.custom(0, slideInfoZone.combo.h.el.offsetHeight);
}
function showInfoSlideShow() {
	$('slideInfoZone').combo.o.custom(0, 0.8);
	//$('slideInfoZone').combo.h.custom(slideInfoZone.combo.h.el.offsetHeight, 0);
}

function hideInfoSlideShow() {
	if ($('slideInfoZone').style.visibility != "hidden") 
		$('slideInfoZone').combo.o.custom(0.8, 0);
	//$('slideInfoZone').combo.h.custom(slideInfoZone.combo.h.el.offsetHeight, 0);
}
function toggleInfoSlideShow() {
	if ($('slideInfoZone').style.visibility == "hidden") {
		showInfoSlideShow();
	} else {
		hideInfoSlideShow();
	}
}