// Global JS variable to hold obj of ElementID for item we are fading

// Set Picture ------------------------------------------/
function DarkBoxImgStart()
{
faderBG('darkBoxBG','show');
faderImage('DarkBoxConsole','show');
}

/// Global JS variable to hold obj of ElementID for item we are fading
var DIVElementByIdBG = ""; 
var DIVDarkBoxSetImgBG = "";
var ReducingFinishedBG = false;
var ElementOpacityLevelBG = 0;
var OpacityLevelIncrementBG = 60;		// Percentage value: 1-100
var FadeDelayMSBG = 20; 				// Milliseconds
var allowScroll = "true";

// Function determines whether we show or hide the item referenced by ElementID
function faderBG(ElementIDBG,ActionToTakeBG)
{
	//document.write = DarkBoxBgSet;
	DIVElementByIdBG = document.getElementById(ElementIDBG);
	if (ActionToTakeBG == "hide")
	{	ElementOpacityLevelBG = 50;
		reduceOpacityBG();
	}
	else if (ActionToTakeBG == "show")
	{	increaseOpacityBG();}
	
	
}
// Makes element more visible
function increaseOpacityBG() 
{
	// If opacity level is less than 100, we can still increase the opacity
	if ((ElementOpacityLevelBG < 45) && (ReducingFinishedBG == true))
	{
		//alert("1 "+ElementOpacityLevelBG)
		// Check to make sure the DIVElementById is already set as visibility=visible
		if (DIVElementByIdBG.style.visibility != "visible")
		{	DIVElementByIdBG.style.visibility = "visible";
			DIVElementByIdBG.style.display="block";	
		}
	
		ReducingFinishedBG = false;
		ElementOpacityLevelBG += OpacityLevelIncrementBG;
		DIVElementByIdBG.style.MozOpacity = ""+(ElementOpacityLevelBG/50);
		DIVElementByIdBG.style.opacity = ""+(ElementOpacityLevelBG/50);
		DIVElementByIdBG.style.filter = 'alpha(opacity='+ElementOpacityLevelBG+')';
		
		setTimeout("increaseOpacityBG()", FadeDelayMSBG);
	}
	else
	{
		//alert("2 "+ElementOpacityLevelBG)
		// Check to make sure the DIVElementById is already set as visibility=visible
		if (DIVElementByIdBG.style.visibility != "visible")
		{	DIVElementByIdBG.style.visibility = "visible";
			DIVElementByIdBG.style.display="block";	
		}
	
		ReducingFinishedBG = true;
	}
}
// Makes element less visible
function reduceOpacityBG() 
{
	
	// If opacity level is greater than 0, we can still reduce the opacity
	if ((ElementOpacityLevelBG > 0) && (ReducingFinishedBG == false))
	{
		ReducingFinishedBG = false;
		ElementOpacityLevelBG -= OpacityLevelIncrementBG;
		DIVElementByIdBG.style.MozOpacity = ""+(ElementOpacityLevelBG/50);
		DIVElementByIdBG.style.opacity = ""+(ElementOpacityLevelBG/50);
		DIVElementByIdBG.style.filter = 'alpha(opacity='+ElementOpacityLevelBG+')';
		setTimeout("reduceOpacityBG()", FadeDelayMSBG);
		
	}
	else
	{
		ReducingFinishedBG = true;
		// When finished, make sure the DIVElementById is set to visibility=hidden
		if (DIVElementByIdBG.style.visibility != "hidden")
		{	DIVElementByIdBG.style.visibility = "hidden";	
			DIVElementByIdBG.style.display="none";
		}
		
	}
}
	











// Global JS variable to hold obj of ElementID for item we are fading
var DIVElementById = ""; 
var DIVDarkBoxSetImg = "";
var ReducingFinished = false;
var ElementOpacityLevel = 0;
var OpacityLevelIncrement = 20;		// Percentage value: 1-100
var FadeDelayMS = 60;					// Milliseconds

// Function determines whether we show or hide the item referenced by ElementID IMAGE
function faderImage(ElementID,ActionToTake)
{
	DIVElementById = document.getElementById(ElementID);	

	if (ActionToTake == "hide")
	{	ElementOpacityLevel = 100;
		reduceOpacity();
	}
	else if (ActionToTake == "show")
	{	increaseOpacity();	}
	//alert(ActionToTake)
}

// Makes element more visible
function increaseOpacity() 
{
	// Check to make sure the DIVElementById is already set as visibility=visible
	if (DIVElementById.style.visibility != "visible")
	{	DIVElementById.style.visibility = "visible";
		DIVElementById.style.display="block";
		
	}
	
	// If opacity level is less than 100, we can still increase the opacity
	if ((ElementOpacityLevel < 100) && (ReducingFinished == true))
	{
		ReducingFinished = true;
		ElementOpacityLevel += OpacityLevelIncrement;
		DIVElementById.style.MozOpacity = ""+(ElementOpacityLevel/100);
		//DIVElementById.style.opacity = ""+(ElementOpacityLevel/100);
		DIVElementById.style.filter = 'alpha(opacity='+ElementOpacityLevel+')';
		
		setTimeout("increaseOpacity()", FadeDelayMS);
	}
	else
	{
		ReducingFinished = false;
	}
		DarkBoxPosition();
		allowScroll = "false";
		self.scrollTo(0, 0);
}

// Makes element less visible
function reduceOpacity() 
{
	// If opacity level is greater than 0, we can still reduce the opacity
	if ((ElementOpacityLevel > 0) && (ReducingFinished == false))
	{
		ReducingFinished = false;
		ElementOpacityLevel -= OpacityLevelIncrement;
		DIVElementById.style.MozOpacity = ""+(ElementOpacityLevel/100);
		DIVElementById.style.opacity = ""+(ElementOpacityLevel/100);
		DIVElementById.style.filter = 'alpha(opacity='+ElementOpacityLevel+')';
		//alert(ElementOpacityLevel)
		//alert(FadeDelayMS)
		setTimeout("reduceOpacity()", FadeDelayMS);
	}
	else
	{
		ReducingFinished = true;

		// When finished, make sure the DIVElementById is set to visibility=hidden
		if (DIVElementById.style.visibility != "hidden")
		{	DIVElementById.style.visibility = "hidden";	
			DIVElementById.style.display="none";
		}
	}
	allowScroll = "true";
}









function SetImagesVal()
{
		var BoxBottom = document.getElementById('bottom');
		var Bottom_Image = '<image src="images/darkbox/contact_from_bottom.png" with="500" height="13"/>'
		BoxBottom.innerHTML = Bottom_Image;
}

function SetImagesValClear()
{
		var BoxBottom = document.getElementById('bottom');
		var Bottom_Image = ''
		BoxBottom.innerHTML = Bottom_Image;
}




// When the window is resized, the box will change position.
function DarkBoxPosition()
{
		var PadTop = (document.documentElement.clientHeight - document.getElementById('DarkBoxConsole').clientHeight)/2+"px";
		DIVConsole = document.getElementById('DarkBoxConsole')
		DIVConsole.style.top = PadTop;
		
		var yOffscreen = document.body.clientHeight - document.documentElement.clientHeight;
		yOffscreen = 0 - yOffscreen
		document.getElementById('darkBoxBG').style.top = "0px";
		document.getElementById('darkBoxBG').style.bottom = yOffscreen+"px";
		document.getElementById('darkBoxBG').style.left = "0px";
		document.getElementById('darkBoxBG').style.right = "0px";
		
		
		//document.getElementById('darkBoxBG').style.Height = document.body.clientHeight;
		
}	
window.onresize = function ()
{
		var PadTop = (document.documentElement.clientHeight - document.getElementById('DarkBoxConsole').clientHeight)/2
		DIVConsole = document.getElementById('DarkBoxConsole')
		DIVConsole.style.top = PadTop;	
		
		var yOffscreen = document.body.clientHeight - document.documentElement.clientHeight;
		yOffscreen = 0 - yOffscreen
		document.getElementById('darkBoxBG').style.top = "0px";
		document.getElementById('darkBoxBG').style.bottom = yOffscreen+"px";
		document.getElementById('darkBoxBG').style.left = "0px";
		document.getElementById('darkBoxBG').style.right = "0px";
}

window.onscroll = function ()
{	if(allowScroll == "false")
	{self.scrollTo(0, 0)
	}
}