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

var timer;


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');
		element.appendChild(currentImg);
		currentImg.currentOpacity = new fx.Opacity(currentImg, {duration: 400});
		currentImg.currentOpacity.setOpacity(0);
				
		currentImg.setAttribute('id','slideElement' + parseInt(i));
		currentImg.style.position="absolute";
		currentImg.style.left= "0px";
		//currentImg.style.bottom="0px";
		currentImg.style.marginLeft="0px";

		currentImg.src=data[i][0];

	}
	if (data.length > 1) {		
		var leftArrow = document.createElement('a');
		leftArrow.className = 'left';
		leftArrow.onclick = function () { pushPrevSlideShow(); };
		element.appendChild(leftArrow);
		
		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');
		//slideInfoZone.currentOpacity.setOpacity(0);
		//element.appendChild(slideInfoZone);
	}
	start_gallery(currentIter);
}

function destroySlideShow(element) {
	var myClassName = element.className;
	var newElement = document.createElement('div');
	newElement.className = myClassName;
	newElement.id = element.id;
	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 pick_thumb(position) {
	slideShowInit = 0;
	if (position != currentIter) {
		lastIter = currentIter;
		currentIter = position;
		if (currentIter > lastIter) {
			$('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.custom(0, 1);	
			$('slideElement' + parseInt(lastIter)).currentOpacity.custom(1, 0);	

		}
	timer = setTimeout (showInfoSlideShow, 1000);
	}
}

function start_gallery() {
	currentIter = 0;
	$('slideElement' + parseInt(currentIter)).currentOpacity.setOpacity(0);
	$('slideElement' + parseInt(currentIter)).currentOpacity.custom(0, 1);
	timer = setTimeout (showInfoSlideShow, 1000);
}

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);	
			}
		}
	timer = setTimeout (showInfoSlideShow, 1000);
	}	
}

function showInfoSlideShow() {
	clearTimeout(timer);
	slideShowElement.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('h2');
	slideInfoZoneTitle.innerHTML = slideShowData[currentIter][2];
	slideInfoZone.appendChild(slideInfoZoneTitle);
	
	var slideInfoZoneDescription = document.createElement('p');
	slideInfoZoneDescription.innerHTML = slideShowData[currentIter][3]
	slideInfoZone.appendChild(slideInfoZoneDescription);
	slideShowElement.appendChild(slideInfoZone);
	slideInfoZone.combo.o.custom(0, 0.7);
	slideInfoZone.combo.h.custom(0, slideInfoZone.combo.h.el.offsetHeight);
	setTimeout (hideInfoSlideShow, 3000);
}

function hideInfoSlideShow() {
	$('slideInfoZone').combo.o.custom(0.7, 0);
	$('slideInfoZone').combo.h.custom(slideInfoZone.combo.h.el.offsetHeight, 0);
}