var imageNum = 1;
var timeout = 6000;
var tid = 0;
var pics = new Array();
var captions = new Array();
captions[0] = "Banner House";
var opaque = 1;
var isClear = 0;
var runner = 0.025;
var fadeTime = 20;
var fadeStop = 500;

loadPicArray();
loadCaptionArray();

function autoSlide(){
	var picDiv = document.getElementById('pictures');
	var picCaption = document.getElementById('caption');
	var picID = document.getElementById('picID').value;
	if(picID < pics.length-1){
		picID++;
	}
	else{
		picID = 0;
	}
	
	imageNum = picID;
	
	picFade();
	
	tid = setTimeout("autoSlide()",timeout);
}

function picFade(){
	
	var myPic = document.getElementById('pictures');
	
	if(isClear == 0){
		if(opaque > 0){
				opaque = opaque - runner;
				myPic.style.opacity = opaque;
				myPic.style.filter = "alpha(opacity="+(opaque*100)+")";
				setTimeout("picFade()",fadeTime);
		}
		else{
			myPic.style.opacity = 0;
			myPic.style.filter = "alpha(opacity=0)";
			isClear = 1;
			document.getElementById('picID').value = imageNum;
			document.getElementById('pictures').style.backgroundImage = "url('/gallery/"+pics[imageNum]+"')";
			document.getElementById('caption').innerHTML = captions[imageNum];
			setTimeout("picFade()",fadeStop);
		}
	}
	else{
		if(opaque < 1){
				opaque = opaque + runner;
				myPic.style.opacity = opaque;
				myPic.style.filter = "alpha(opacity="+(opaque*100)+")";
				setTimeout("picFade()",fadeTime);
		}
		else{
			myPic.style.opacity = 1;
			myPic.style.filter = "alpha(opacity=100)";
			isClear = 0;
		}
	}
	
}

function loadPicArray(){
	var xmlhttp=false;
	var temp = "";
	xmlhttp = new XMLHttpRequest();
	
	xmlhttp.open('GET','/includes/loadArray.php?type=pic',true);
	xmlhttp.onreadystatechange = function(){
		if(xmlhttp.readyState == 4){
			var content = xmlhttp.responseText;
			temp = content.split("||");
			var i=0;
			for(i=0;i<temp.length;i++){
				pics[i] = temp[i];
			}
		}
		else{
		}
	}
	
	xmlhttp.send(null);
	return;
}

function loadCaptionArray(){
	var xmlhttp=false;
	var temp = "";
	xmlhttp = new XMLHttpRequest();
	
	xmlhttp.open('GET','/includes/loadArray.php?type=caption',true);
	xmlhttp.onreadystatechange = function(){
		if(xmlhttp.readyState == 4){
			var content = xmlhttp.responseText;
			temp = content.split("||");
			var i=0;
			for(i=0;i<temp.length;i++){
				captions[i] = temp[i];
			}
		}
		else{
		}
	}
	
	xmlhttp.send(null);
	return;
}

function initialize(){
	document.getElementById('pictures').style.backgroundImage = "url('/gallery/"+pics[0]+"')";
	document.getElementById('caption').innerHTML = captions[0];
	autoSlide();
}

function slideLeft(){
	clearTimeout(tid);
	var picDiv = document.getElementById('pictures');
	var picCaption = document.getElementById('caption');
	var picID = document.getElementById('picID').value;
	if(picID > 0){
		picID--;
	}
	else{
		picID = pics.length-1;
	}
	imageNum = picID;
	picFade();
}

function slideRight(){
	clearTimeout(tid);
	var picDiv = document.getElementById('pictures');
	var picCaption = document.getElementById('caption');
	var picID = document.getElementById('picID').value;
	if(picID < pics.length-1){
		picID++;
	}
	else{
		picID = 0;
	}
	imageNum = picID;
	picFade();
}