/* Omega Skip's Lightbox - SAFETY NOT GUARANTEED! */
/* Guidepage Gallery Version */
/* ############# GLOBAL VARIABLES, DEFAULT VALUES ############# */

ticked = 0;
hideMe = true;
sliderTicked = 0;
nowViewing = 0;
animationLock = false;
shotList = new Array(); 
slideShow = false;
slideShowDirection = 1;
debugMode = false;
hasCaption = false;
splitString="$";
topMargin = 80;

quadrantFader = "";
quadrantTicked = 0;
quadCounter = 0;
quadSpeed = 250; //*4 = Time between slides
/* ############# FUNCTIONS ############# */

function addEvent(obj, evType, fn)
{  
 if (obj.addEventListener){ obj.addEventListener(evType, fn, false); return true; }
 else if (obj.attachEvent){ var r = obj.attachEvent("on"+evType, fn); return r; } else { return false; }
}
 
function linkHere() { document.location = "#" + (currentShotNumber - nowViewing); }

function omegaLightBox(thisScreenshot)
{
	if(debugMode) alert("Function 'omegaLightBox' called with parameter "+thisScreenshot);
	nowViewing = eval(thisScreenshot);
	hasCaption = (shotList[nowViewing].split(splitString).length > 1);
	screenImage = new Image();
	screenImage.src = shotList[nowViewing].split(splitString)[0];
	if(debugMode) alert("Has caption: "+hasCaption);
	nextShot = new Image();
	nextShot.src = (shotList[nowViewing+1]) ? shotList[nowViewing+1].split(splitString)[0] : shotList[0].split(splitString)[0];
	prevShot = new Image();
	prevShot.src = (shotList[nowViewing-1]) ? shotList[nowViewing-1].split(splitString)[0] : shotList[shotList.length-1].split(splitString)[0];
	if(debugMode) alert("Now viewing: "+screenImage.src+"; Previous: "+prevShot.src+"; Next: "+nextShot.src)
	/**/
	if(!document.getElementById("dumpster"))
	{ 
		closeGifElement = document.createElement("div");
		closeGifElement.onclick = function(){this.style.backgroundPosition = "0 top"; setHide(true); hideScreenie()};
		closeGifElement.onmouseover = function(){ this.style.backgroundPosition = "0 bottom"; };
		closeGifElement.onmouseout = function(){ this.style.backgroundPosition = "0 top"; };
		closeGifElement.className = "closeDivStyle";

		backGifElement = document.createElement("div");
		backGifElement.onclick = function(){prevScreenshot()};
		backGifElement.onmouseover = function(){ this.style.backgroundPosition = "0 bottom"; };
		backGifElement.onmouseout = function(){ this.style.backgroundPosition = "0 top"; };
		backGifElement.className = "backGifStyleGuide";
		
		fwdGifElement = document.createElement("div");
		fwdGifElement.onclick = function(){nextScreenshot()};
		fwdGifElement.onmouseover = function(){ this.style.backgroundPosition = "0 bottom"; };
		fwdGifElement.onmouseout = function(){ this.style.backgroundPosition = "0 top"; };
		fwdGifElement.className = "fwdGifStyleGuide";
		
		quadParent = document.createElement("div");
		quadParent.onmouseover = function(){ if(!slideShow) this.style.backgroundPosition = "0 bottom"; };
		quadParent.onmouseout = function(){ if(!slideShow) this.style.backgroundPosition = "0 top"; };
		quadParent.onclick = function(){ launchSlideShow();};
		quadParent.className = "quadStyleGuide";
		
		anchorElement = document.createElement("div");
		anchorElement.className = "anchorStyle";
		
		captionElement = document.createElement("div");
		captionElement.id = "captionHolder";
		captionElement.className = "captionStyle";
		
		quadElement1 = document.createElement("div");
		quadElement1.id = "quad0";
		quadElement1.className = "quad1Style";

		quadElement2 = document.createElement("div");
		quadElement2.id = "quad1";
		quadElement2.className = "quad2Style";

		quadElement3 = document.createElement("div");
		quadElement3.id = "quad2";
		quadElement3.className = "quad3Style";

		quadElement4 = document.createElement("div");
		quadElement4.id = "quad3";
		quadElement4.className = "quad4Style";

		quadParent.appendChild(anchorElement);
		
		anchorElement.appendChild(quadElement1);
		anchorElement.appendChild(quadElement2);
		anchorElement.appendChild(quadElement3);
		anchorElement.appendChild(quadElement4);

		screenie2Element = document.createElement("div");
		screenie2Element.id = "Screenie2";
		screenie2Element.className = "screenie2Style";
		screenie2Element.onclick = function(){nextScreenshot()};

		screenieElement = document.createElement("div");
		screenieElement.id = "Screenie";
		screenieElement.className = "screenieStyle";
		screenieElement.onmouseover = function(){setHide(false)};
		screenieElement.onmouseout = function(){setHide(true);};		
		screenieElement.appendChild(captionElement);
		screenieElement.appendChild(closeGifElement);
		screenieElement.appendChild(quadParent);
		screenieElement.appendChild(fwdGifElement);
		screenieElement.appendChild(backGifElement);
		screenieElement.appendChild(screenie2Element);

		centerElement = document.createElement("center");
		centerElement.appendChild(screenieElement);
		
		pictureFrameElement = document.createElement("div");
		pictureFrameElement.id = "pictureFrame";
		pictureFrameElement.className = "pictureFrameStyle";
		pictureFrameElement.onclick = function(){hideScreenie()};
		pictureFrameElement.appendChild(centerElement);
		
		c0verElement = document.createElement("div");
		c0verElement.id = "c0ver";
		c0verElement.className = "c0verStyle";
		c0verElement.onclick = function(){hideScreenie()};
		
		redBlockElement = document.createElement("div");
		redBlockElement.id = "redBlock";
		redBlockElement.appendChild(c0verElement);
		redBlockElement.appendChild(pictureFrameElement);

		dumpsterElement = document.createElement("div");
		dumpsterElement.id = "dumpster";
		dumpsterElement.className = "dumpsterStyle";
		dumpsterElement.appendChild(redBlockElement);
		
		document.getElementsByTagName("body")[0].appendChild(dumpsterElement);
		addEvent(window, 'resize', adjustBackgroundStuff);
	}
	/**/
	loadScreenshot(nowViewing);
	document.getElementsByTagName("body")[0].appendChild(document.getElementById("redBlock"));
}

function loadScreenshot(thisScreenshot)
{
	adjustBackgroundStuff();
  if(screenImage.complete && !animationLock)
	{	
		if(debugMode) alert("Image preloaded successfully");
		document.getElementById("Screenie").style.height = screenImage.height + "px";
		document.getElementById("Screenie").style.width = "1px";
		document.getElementById("Screenie").style.backgroundImage = "url('"+screenImage.src+"')";
		animationLock = true;
		targetWidth =  screenImage.width;
		if(debugMode) alert("Lock engaged; animation starting now. Image: "+screenImage.src);
		startTheAnimation = window.setInterval("resizeScreenshot()",10);
	}
	else { window.setTimeout("loadScreenshot('"+thisScreenshot+"')",250); }
}


function resizeScreenshot()
{
	if (ticked >= 210)
  {
		ticked = 0;
		animationLock = false;
    window.clearInterval(startTheAnimation);							//stop the animation
		if(hasCaption)
		{
			document.getElementById("captionHolder").innerHTML = shotList[nowViewing].split(splitString)[1];
			document.getElementById("captionHolder").className = "captionStyleOn";
		}
		else
		{
			document.getElementById("captionHolder").className = "captionStyleOff";
		}
	}
	else
	{
		document.getElementById("Screenie").style.width = (targetWidth*ticked/200) + "px";
		ticked += 10;
	}
}

function adjustBackgroundStuff()
{
	windowHeight = (window.innerHeight) ? window.innerHeight : document.body.clientHeight;
	windowWidth = (window.innerWidth) ? window.innerWidth : document.body.clientHeight;
	document.getElementById("c0ver").style.width = document.body.scrollWidth + "px";
	document.getElementById("c0ver").style.height = document.body.scrollHeight + "px";
	scrolledBy = (document.body.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop
	document.getElementById("pictureFrame").style.top = scrolledBy + topMargin + "px";
}

function setHide(thisValue) { hideMe = thisValue; }

function hideScreenie()
{
	if (hideMe)
	{
		document.getElementById("Screenie").style.width = "1px";
		document.getElementById("Screenie").style.height = "1px";
		resetSlideShow();
		document.getElementById("captionHolder").className = "captionStyleOff";
		document.getElementById("dumpster").appendChild(document.getElementById("redBlock"));
	}
}

function prevScreenshot()
{
	if(!animationLock)
	{
		resetSlideShow();
		backGifElement.style.backgroundPosition = "0 bottom";
		fwdGifElement.style.backgroundPosition = "0 top";
		quadParent.className = "quadStyleBGuide"
		quadElement1.className = "quad1StyleB";
		quadElement2.className = "quad2StyleB";
		quadElement3.className = "quad3StyleB";
		quadElement4.className = "quad4StyleB";
		slideShowDirection = -1;
		slideShowResizerPrev();
	}
}

function nextScreenshot()
{
	if(!animationLock)
	{
		resetSlideShow();
		backGifElement.style.backgroundPosition = "0 top";
		fwdGifElement.style.backgroundPosition = "0 bottom";
		quadParent.className = "quadStyleGuide"
		quadElement1.className = "quad1Style";
		quadElement2.className = "quad2Style";
		quadElement3.className = "quad3Style";
		quadElement4.className = "quad4Style";
		slideShowDirection = 1;
		slideShowResizer();
	}
}

function resetSlideShow()
{
	if(slideShow)
	{
		quadParent.style.backgroundPosition = "0 top";
		quadElement1.style.opacity = quadElement2.style.opacity = quadElement3.style.opacity = quadElement4.style.opacity = 0;
		quadElement1.style.filter = quadElement2.style.filter = quadElement3.style.filter = quadElement4.style.filter = "alpha(opacity=0)";
		slideShow = false;
		window.clearInterval(quadrantFader);
		quadrantTicked = 0;
	}
}

function launchSlideShow()
{
	if(!animationLock)
	{
		if(!slideShow)
		{
			slideShow = true;
			quadElement1.style.opacity = quadElement2.style.opacity = quadElement3.style.opacity = quadElement4.style.opacity = 1;
			quadElement1.style.filter = quadElement2.style.filter = quadElement3.style.filter = quadElement4.style.filter = "alpha(opacity=100)";
			quadCounter = 3*((1-slideShowDirection)/2);
			activeQuadrant = document.getElementById("quad"+quadCounter);
			quadrantFader = window.setInterval("quadrantFade()",10);
		}
		else
		{
			resetSlideShow();
		}
	}
}

function quadrantFade()
{
	if (quadrantTicked > quadSpeed)
  {
    window.clearInterval(quadrantFader);
		quadrantTicked = 0;
		quadCounter += slideShowDirection;
		if(quadCounter <= 3 && quadCounter >= 0)
		{
			activeQuadrant = document.getElementById("quad"+quadCounter);
			quadrantFader = window.setInterval("quadrantFade()",10);
		}
		else
		{
			if(slideShow)
			{
				if(slideShowDirection == 1)
				{
					quadCounter = 0;
					backGifElement.style.backgroundPosition = "0 top";
					fwdGifElement.style.backgroundPosition = "0 bottom";
					slideShowResizer();
				}
				else
				{
					quadCounter = 3;
					backGifElement.style.backgroundPosition = "0 bottom";
					fwdGifElement.style.backgroundPosition = "0 top";
					slideShowResizerPrev();
				}
			}
		}
	}
	else
	{
		activeQuadrant.style.opacity = 1 - (quadrantTicked/quadSpeed);
		activeQuadrant.style.filter = "alpha(opacity="+(100 - 100*(quadrantTicked/quadSpeed))+")";
		quadrantTicked += 10;
	}
}

function resizeNewScreenshot()
{
	if (sliderTicked >= 160)
  {
    window.clearInterval(startTheResizer);
		if(hasCaption)
		{
			document.getElementById("captionHolder").innerHTML = shotList[nowViewing].split(splitString)[1];
			document.getElementById("captionHolder").className = "captionStyleOn";
		}
		else
		{
			document.getElementById("captionHolder").className = "captionStyleOff";
		}
		document.getElementById("Screenie").style.backgroundImage = "url('"+shotList[nowViewing].split(splitString)[0]+"')";
		document.getElementById("Screenie2").style.opacity = 0;
		document.getElementById("Screenie2").style.filter = "alpha(opacity=0)";
		sliderTicked = 0;
		animationLock = false;
		delete prevShot;
		prevShot = screenImage;
		delete screenImage;
		screenImage = nextShot;
		delete nextShot;
		nextShot = new Image();
		nextShot.src = (shotList[nowViewing+1]) ? shotList[nowViewing+1].split(splitString)[0] : shotList[0].split(splitString)[0];
		if(debugMode) alert("Next image: "+nextShot.src+"; Previous image: "+prevShot.src);
		if(slideShow)
		{
			quadCounter = 3*((1-slideShowDirection)/2);
			activeQuadrant = document.getElementById("quad"+quadCounter);
			quadElement1.style.opacity = quadElement2.style.opacity = quadElement3.style.opacity = quadElement4.style.opacity = 1;
			quadElement1.style.filter = quadElement2.style.filter = quadElement3.style.filter = quadElement4.style.filter = "alpha(opacity=100)";
			quadrantFader = window.setInterval("quadrantFade()",10);
		}
	}
	else
	{
		document.getElementById("Screenie2").style.opacity = sliderTicked/150;
		document.getElementById("Screenie2").style.filter = "alpha(opacity="+(sliderTicked/150)*100+")"; //;
		document.getElementById("Screenie").style.width = (screenImage.width+(deltaX*sliderTicked/150)) + "px";
		document.getElementById("Screenie").style.height = (screenImage.height+(deltaY*sliderTicked/150)) + "px";
		sliderTicked += 10;
	}
}

function resizeNewScreenshotPrev()
{
	if (sliderTicked >= 160)
  {
    window.clearInterval(startTheResizerPrev);
		if(hasCaption)
		{
			document.getElementById("captionHolder").innerHTML = shotList[nowViewing].split(splitString)[1];
			document.getElementById("captionHolder").className = "captionStyleOn";
		}
		else
		{
			document.getElementById("captionHolder").className = "captionStyleOff";
		}
		document.getElementById("Screenie").style.backgroundImage = "url('"+shotList[nowViewing].split(splitString)[0]+"')";
		document.getElementById("Screenie2").style.opacity = 0;
		document.getElementById("Screenie2").style.filter = "alpha(opacity=0)";
		sliderTicked = 0;
		animationLock = false;
		delete nextShot;
		nextShot = screenImage;
		delete screenImage;
		screenImage = prevShot;
		delete prevShot;
		prevShot = new Image();
		prevShot.src = (shotList[nowViewing-1]) ? shotList[nowViewing-1].split(splitString)[0] : shotList[shotList.length-1].split(splitString)[0];
		if(debugMode) alert("Next image: "+nextShot.src+"; Previous image: "+prevShot.src);
		if(slideShow)
		{
			quadCounter = 3*((1-slideShowDirection)/2);
			activeQuadrant = document.getElementById("quad"+quadCounter);
			quadElement1.style.opacity = quadElement2.style.opacity = quadElement3.style.opacity = quadElement4.style.opacity = 1;
			quadElement1.style.filter = quadElement2.style.filter = quadElement3.style.filter = quadElement4.style.filter = "alpha(opacity=100)";
			quadrantFader = window.setInterval("quadrantFade()",10);
		}
	}
	else
	{
		document.getElementById("Screenie2").style.opacity = sliderTicked/150;
		document.getElementById("Screenie2").style.filter = "alpha(opacity="+(sliderTicked/150)*100+")"; //;
		document.getElementById("Screenie").style.width = (screenImage.width+(deltaX*sliderTicked/150)) + "px";
		document.getElementById("Screenie").style.height = (screenImage.height+(deltaY*sliderTicked/150)) + "px";
		sliderTicked += 10;
	}
}

function pause() { alert("STOP! Hammertime!"); }

function slideShowResizer()
{
	animationLock = true;
	if(nextShot.complete)
	{
		document.getElementById("Screenie").style.cursor = "default";
		nowViewing = (shotList[nowViewing+1]) ? nowViewing+1 : 0;
		hasCaption = (shotList[nowViewing].split(splitString).length > 1);
		document.getElementById("Screenie2").style.backgroundImage = "url('"+nextShot.src+"')";
		deltaY = nextShot.height - screenImage.height;
		deltaX = nextShot.width - screenImage.width;
		screenie2Element.onclick = function(){nextScreenshot()};
		if(debugMode) alert("Lock engaged; animation starting now. Image: "+nextShot.src);
		startTheResizer = window.setInterval("resizeNewScreenshot()",10);
	}
	else
	{
		document.getElementById("Screenie").style.cursor = "wait";
		window.setTimeout("slideShowResizer()",250);
	}
}

function slideShowResizerPrev()
{
	animationLock = true;
	if(prevShot.complete)
	{
		document.getElementById("Screenie").style.cursor = "default";
		nowViewing = (shotList[nowViewing-1]) ? nowViewing-1 : shotList.length-1;
		hasCaption = (shotList[nowViewing].split(splitString).length > 1);
		document.getElementById("Screenie2").style.backgroundImage = "url('"+prevShot.src+"')";
		deltaY = prevShot.height - screenImage.height;
		deltaX = prevShot.width - screenImage.width;
		screenie2Element.onclick = function(){prevScreenshot()};
		if(debugMode) alert("Lock engaged; animation starting now. Image: "+prevShot.src);
		startTheResizerPrev = window.setInterval("resizeNewScreenshotPrev()",10);
	}
	else
	{
		document.getElementById("Screenie").style.cursor = "wait";
		window.setTimeout("slideShowResizerPrev()",250);
	}
}


/* -- N.E.D.M. -- */