// Establish Browser type
var browsername = navigator.userAgent.toLowerCase();
var millisec = 50;

if (browsername.indexOf("firefox") != -1) {
    millisec = 500;
}
if (browsername.indexOf("mozilla/5.0") != -1) {
    millisec = 500;
}




function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame 
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens 
    if (opacStart > opacEnd) {
        for (i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer++;
        }              
    } else if (opacStart < opacEnd) {
        for (i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer++;
        }
        
    }
} 






function blendTo(idFrom, idTo) {

    //speed for each frame 
    var speed = Math.round(millisec / 100);
    var timer = 0;
    var newheight = 0;

    if (idTo == "ProductsDiv") {
        newheight = document.documentElement.clientHeight - 168;
    }
    else {
        newheight = document.documentElement.clientHeight - 145;
    }
        
      

    // Blend in the CoverDiv
    setTimeout("document.getElementById('CoverDiv').style.visibility = 'visible';", (timer * speed));
    timer++;
    for (i = 0; i <= 100; i++) 
    {
        setTimeout("changeOpac(" + i + ",'CoverDiv')", (timer * speed));
        timer++;
    }

    // Hide the old dive and unhide the new one
    setTimeout("document.getElementById('" + idFrom + "').style.visibility = 'hidden';", (timer * speed));
    timer++;
    setTimeout("document.getElementById('" + idTo + "').style.visibility = 'visible';", (timer * speed));
    timer++;
    setTimeout("document.getElementById('" + idTo + "Content').style.height = '" + (newheight) + "px';", timer * speed);
    timer++;

    /*if (idTo == "ProductsDiv") {
        setTimeout("document.getElementById('Tab1').focus();", timer * speed);
        timer++;
        setTimeout("document.getElementById('Tab1').click();", timer * speed);
        timer++;       
    }*/

    // Blend out the CoverDiv
    for (i = 100; i >= 0; i--) {
        setTimeout("changeOpac(" + i + ",'CoverDiv')", (timer * speed));
        timer++;
    }
    timer++;
    setTimeout("document.getElementById('CoverDiv').style.visibility = 'hidden';", (timer * speed));
}


//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function Startup(StartDiv) 
{
    //speed for each frame 
    var speed = Math.round(millisec / 100);
    var timer = 0;

    setTimeout("document.getElementById('" + StartDiv + "').style.visibility = 'visible';", (timer * speed));
    timer++;
    
    for (i = 100; i >= 0; i--) {
        setTimeout("changeOpac(" + i + ",'CoverDiv')", (timer * speed));
        timer++;
    }

    setTimeout("document.getElementById('CoverDiv').style.visibility = 'hidden';", (timer * speed));
}



function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}