// JavaScript Document
// smdoviak featured crating animation 11/23/2008


var htmlDisplay = '';

/* Show slideshow display */
function SlideShow_show(imgArr){
	document.getElementById('fadeBg').style.display = "block";
	document.getElementById('showBox').style.display = "block";
	Fp_LoadImages(imgArr);
	scroll(0,0);
	return false;
}//End

function SlideShow_hide(){
	document.getElementById('fadeBg').style.display = "none";
	document.getElementById('showBox').style.display = "none";
	Fp_Close();
	return false;
}//End



/* Load Images */
var preload;
var myImageArr = new Array();
var iCurImage = 0;
var element;
var iPause = 0;
var iAni = 0;
var flgPause = false;
var flgAni = true;
var flgActive = false;
var flgControlPlay = true;
var curOpacity = 0;
var timer;
var iSecond = 0;
var iCountDown = 2;

/* Load images */
function Fp_LoadImages(imgArr){
	document.getElementById('showBoxStatus').innerHTML = 'Loading Images';
	for (var i=0; i<imgArr.length; i++)
	{
		changeImage('./featuredProjects/' + imgArr[i], i);
		myImageArr[i] = preload;
	}
	Fp_AniSlideShow();
}//End

function changeImage(src, i) {
	preload = new Image();
	preload.src = src;
}//End

function checkImage() {
	if (preload.complete) { return true; } 
	else {setTimeout("checkImage()",30); }
	return true;
}//End


/* Slide Show */

function Fp_AniSlideShow(){
	element = document.getElementById('slideImageTop');
	document.getElementById('slideImageBottom').src = myImageArr[0].src;
	setOpacity(element, 0);
	document.getElementById('slideImageTop').src = myImageArr[1].src;
	flgActive = true;
	flgPause = true;
	control_SetPlay();
	iSecond = 1000;
	timer = setInterval(function(){Fp_onTick();}, 50);
}//End


function Fp_onTick(){
	if(iCurImage < myImageArr.length && flgActive){
		if(flgPause == true){
			Fp_TickPause();
		} else if (flgAni = true) {
			Fp_TickFade();
		}
	} else {
		Fp_Status("Completed");
		SlideShow_hide();
	}//end if iCurImage
}//End


function Fp_TickPause(){
	if(flgControlPlay){
		if(iPause < 2000){
			iPause = iPause + 50;
			Fp_TickCount();
		} else {
			flgAni = true;
			flgPause = false;
			Fp_InitFadeIn();
			iPause = 0;
		}
	} else {
		Fp_Status(iCurImage + " - Paused");
	}//end if flgControlPlay
}//End

function Fp_TickCount(){
	iSecond = iSecond + 50;
	if(iSecond >= 1000){
		Fp_Status(iCurImage + " - Next Image in " + iCountDown);
		iCountDown = iCountDown - 1;
		iSecond = 0;
	}//end if iSecond
}//End

function Fp_TickFade(){
	if(iAni < 1000){
		Fp_Status("New Image");
		iAni = iAni + 100;
		Fp_FadeIn();
	} else {
		flgAni = false;
		flgPause = true;
		iAni = 0;
	}
}//End

//Initialize Fade in - swap images
function Fp_InitFadeIn(){
	document.getElementById('slideImageBottom').src = myImageArr[iCurImage].src;
	setOpacity(element, 0);
	if(iCurImage < myImageArr.length - 1){
		document.getElementById('slideImageTop').src = myImageArr[iCurImage + 1].src;
	} else {
		document.getElementById('slideImageTop').src = myImageArr[0].src;
	}
	curOpacity = 0;
	iSecond = 1000;
	iCountDown = 2;
	iCurImage++;
}//End

//Step up opacity
function Fp_FadeIn(){
  curOpacity = curOpacity+0.1;
  setOpacity(element, curOpacity);
}//End

//Sets element's opacity
function setOpacity(element, o){
    element.style.filter = "alpha(opacity=" + (o*100) + ")";
    element.style.opacity = o;
}//End


/* UTILITIES */

//Status Message
function Fp_Status(myMsg){
	document.getElementById('showBoxStatus').innerHTML = myMsg;
}//End


//Reset Defaults
function Fp_Close(){
	iCurImage = 0;
	iAni = 0;
	curOpacity = 0;
	iSecond = 0;
	iCountDown = 2;
	flgActive = false;
	control_SetPlay();
	clearInterval(timer);
}//End


function control_play(){
	if(flgControlPlay == true) { control_SetPause(); }
	else { control_SetPlay(); }
}//End


function control_prev(){
	iCurImage--;
	if(iCurImage < 0) { iCurImage = 0; }
	control_SetPause();
	document.getElementById('slideImageBottom').src = myImageArr[iCurImage].src;
	document.getElementById('slideImageTop').src = myImageArr[iCurImage].src;
	setOpacity(element, 1);
}//End


function control_next(){
	iCurImage++;
	if(iCurImage > myImageArr.Length - 1) { iCurImage = myImageArr.Length - 1; }
	control_SetPause();
	document.getElementById('slideImageBottom').src = myImageArr[iCurImage].src;
	document.getElementById('slideImageTop').src = myImageArr[iCurImage].src;
	setOpacity(element, 1);
}//End

function control_SetPause(){
	flgControlPlay = false;
	Fp_Status(iCurImage + " - Paused");
	document.getElementById('controlPlay').innerHTML = "PLAY &nbsp;";
}//End

function control_SetPlay(){
	flgControlPlay = true; 
	document.getElementById('controlPlay').innerHTML = "pause";
}//End