var timeout	= 100;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 

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++;
        }
    }
}

//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 + ")";
} 

/* DIV OPEN AND CLOSE */
function boxShow(id) {
closeAll=true;
if (closeAll == true) { 
for (i=1;i<=4;i++) {
	if (document.getElementById('boxBody_' + i).style.display == "block") {
		document.getElementById('boxBody_' + i).style.display = "none";
		if (i == '1') { newTag = "The Nature Conservation Corporation"; }
		if (i == '2') { newTag = "Latest News"; }
		if (i == '3') { newTag = "Current Projects"; }
		if (i == '4') { newTag = "Vacancies"; }
		document.getElementById('inboxHead_' + i).innerHTML="<div id=\"inboxHead_" + i + "\"><a href=\"javascript:boxShow('" + i + "');\"><div id=\"slider\">" + newTag + "</div></a></div>";
	}
}
}
if (id == '1') { tag = "The Nature Conservation Corporation"; }
if (id == '2') { tag = "Latest News"; }
if (id == '3') { tag = "Current Projects"; }
if (id == '4') { tag = "Vacancies"; }
document.getElementById('boxBody_' + id).style.display = "block";
if (closeAll == false) { document.getElementById('inboxHead_' + id).innerHTML="<div id=\"inboxHead_" + id + "\"><a href=\"javascript:boxHide('" + id + "');\"><div id=\"slider\">" + tag + "</div></a></div>"; }
if (closeAll == true) { document.getElementById('inboxHead_' + id).innerHTML="<div id=\"inboxHead_" + id + "\"><a href=\"javascript:;;\"><div id=\"slider\">" + tag + "</div></a></div>"; }
}
function boxHide(id,tag) {
if (id == '1') { tag = "The Nature Conservation Corporation"; }
if (id == '2') { tag = "Latest News"; }
if (id == '3') { tag = "Current Projects"; }
if (id == '4') { tag = "Vacancies"; }
document.getElementById('boxBody_' + id).style.display = "none";
document.getElementById('inboxHead_' + id).innerHTML="<div id=\"inboxHead_" + id + "\"><a href=\"javascript:boxShow('" + id + "');\"><div id=\"slider\">" + tag + "</div></a></div>";
}