<!--
var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;
var ddmenuitemx      = 0;

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 + ")";
} 

function setPic(el, name, bw)
{
	_bw='';
	if (bw == true) _bw='_bw';
	document.getElementById(el).src='images/navigator/'+name+_bw+'.jpg';
}

function getXOff(id)
{
	x = document.getElementById(id);
	return x.offsetLeft+x.offsetWidth-1;
}

function getYOff(id, index)
{
	y = document.getElementById(id);
	return y.offsetTop+(y.offsetHeight / 4)*index;
}

function sub1mcancelclosetime(menu)
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
	document.getElementById(menu).style.visibility = 'visible';
}

function hideElement(id)
{
	document.getElementById(id).style.visibility = 'hidden';
}

function adjustmenu(id, menu, top, index)
{
	mcancelclosetime();
	hideElement('menu1');
	hideElement('menu2');
	hideElement('menu3');
	hideElement('menu4');
	var isIE = (navigator.appName == 'Microsoft Internet Explorer');
	if (isIE == true)
	  {
		x= document.getElementById('pageCont').offsetLeft+document.getElementById(id).offsetWidth+85; 
	  } else
	  x=getXOff(id);
	//alert(getXOff('pageCont'));
	
	submenu = document.getElementById(menu);
	submenu.style.left=x+'px';
	
	if (isIE == true)
	submenu.style.top=206+top+'px'; else
	{y=getYOff(id, index);
	
	submenu.style.top=y+'px';}
	submenu.style.visibility = 'visible';
	//menu1 = document.getElementById(selfname);
}

function submclose()
{
	if(ddmenuitem) ddmenuitem.style.display  = 'none';
}

function submopen(id)
{	
	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.display = 'block';

}

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	if(ddmenuitemx) ddmenuitemx.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
	ddmenuitem.style.display = 'block';
	
	submenu = document.getElementById('menu1');
	submenu.style.visibility = 'hidden'
	submenu = document.getElementById('menu2');
	submenu.style.visibility = 'hidden'
	submenu = document.getElementById('menu3');
	submenu.style.visibility = 'hidden'
	submenu = document.getElementById('menu4');
	submenu.style.visibility = 'hidden'

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	if(ddmenuitem) ddmenuitem.style.display = 'none';
	
	if(ddmenuitemx) ddmenuitemx.style.visibility = 'hidden';
	if(ddmenuitemx) ddmenuitemx.style.display = 'none';
	
	submenu = document.getElementById('menu1');
	submenu.style.visibility = 'hidden';
	submenu = document.getElementById('menu2');
	submenu.style.visibility = 'hidden';
	submenu = document.getElementById('menu3');
	submenu.style.visibility = 'hidden';
	submenu = document.getElementById('menu4');
	submenu.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

function cloudclosetime()
{
	closetimer = window.setTimeout(mclose, 1);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

function getXOff2(id, id2)
{
	x = document.getElementById(id);
	z = x.offsetLeft+25;
	if (navigator.appName == 'Opera') z=z-1;
	if (navigator.appName == 'Microsoft Internet Explorer') z=z-1;
	if ((id2 == 'cloud4') && (navigator.appName == 'Microsoft Internet Explorer')) z=z-1;
	return z;
}

function getYOff3(id,id2)
{
	y = document.getElementById(id);
	z = 252;
	if (navigator.appName == 'Opera') z=z-1;
	if (navigator.appName == 'Microsoft Internet Explorer') z=z-1;
		
	if ((id2 == 'cloud4') && ((navigator.userAgent.indexOf ("MSIE 6") != -1) || (navigator.appName == 'Opera'))) z=z+1;
	return z;
}

function cloudopen(id, menu,left, top)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	if(ddmenuitem) ddmenuitem.style.display = 'none';
	
	if(ddmenuitemx) ddmenuitemx.style.visibility = 'hidden';
	if(ddmenuitemx) ddmenuitemx.style.display = 'none';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitemx = document.getElementById(id+'x');
	
	x=getXOff2('pageCont', id);
	y=getYOff3('pageCont',id);
	ddmenuitem.style.left=x+left+'px';
	ddmenuitem.style.top=y+top+'px';
	
	ddmenuitemx.style.left=x+left+'px';
	ddmenuitemx.style.top=y+top+'px';
	ddmenuitemx.style.visibility = 'visible';
	ddmenuitemx.style.display = 'block';
	
	
		ddmenuitem.style.visibility = 'visible';
		ddmenuitem.style.display = 'block';
	
	
	
	
	
	
	//ddmenuitemx = document.getElementById(id+'x');
	
//	ddmenuitemx.style.left=x+left+'px';
	//ddmenuitemx.style.top=y+top+'px';
	//ddmenuitemx.style.visibility = 'visible';
}

// close layer when click-out
//document.onclick = mclose; 
// -->