var fadeInImgInterval;
var fadeOutImgInterval;

function easeInOut(minValue,maxValue,totalSteps,actualStep,powr) 
{ 
    var delta = maxValue - minValue; 
    var stepp = minValue+(Math.pow(((1 / totalSteps) * actualStep), powr) * delta); 
    return Math.ceil(stepp) 
};

function fade(id, steps, currentStep, powr, intervalID, startOpacity, endOpacity)
{	
	var elem = document.getElementById(id);
	
	elem.currentOpacity = easeInOut(startOpacity,endOpacity,steps,currentStep,powr);
	
    elem.style.filter = "alpha(opacity='" + elem.currentOpacity + "')";
    elem.style.opacity = elem.currentOpacity/100;
    
    elem.currentAnimStep++;
    if (elem.currentAnimStep > steps) 
	{
		if(endOpacity == 0)
		{
			elem.style.display = "none";
			document.getElementById("loadingImg").style.display = "block";
		}
		else if(endOpacity == 100)
			elem.style.display = "block";
        window.clearInterval(intervalID);
	}
};

function fadeIn() 
{	
	var imgElem = document.getElementById('imgHolder3');
	
    if (fadeInImgInterval)
        window.clearInterval(fadeInImgInterval);
    if (fadeOutImgInterval)
        window.clearInterval(fadeOutImgInterval);
	
	imgElem.style.filter = "alpha(opacity='0')";
    imgElem.style.opacity = "0";	
	imgElem.style.display = "block";

    imgElem.currentAnimStep = 0;

	//if(img == "imgHolder3")
		fadeInImgInterval = window.setInterval("fade('imgHolder3', 20, document.getElementById('imgHolder3').currentAnimStep, 0.5, fadeInImgInterval, 0, 100)",20);
	//else if(img == "loadingImg")
	//	openContentInterval = window.setInterval("fade('loadingImg', 20, document.getElementById('loadingImg').currentAnimStep, 0.5, fadeInImgInterval, 0, 100)",20);
};

function fadeOut() 
{	
	var imgElem = document.getElementById('imgHolder3');
	
    if (fadeInImgInterval)
        window.clearInterval(fadeInImgInterval);
    if (fadeOutImgInterval)
        window.clearInterval(fadeOutImgInterval);		

    imgElem.currentAnimStep = 0;
	
	//if(img == "imgHolder3")
		fadeOutImgInterval = window.setInterval("fade('imgHolder3', 20, document.getElementById('imgHolder3').currentAnimStep, 0.5, fadeOutImgInterval, 100, 0)",20);
	//else if(img == "loadingImg")
	//	openContentInterval = window.setInterval("fade('loadingImg', 20, document.getElementById('loadingImg').currentAnimStep, 0.5, fadeOutImgInterval, 100, 0)",20);
};