Effects = {};



Effects.fade = function(id, opacStart, opacEnd, duration, callback)

{

	Effects.changeOpacity(0, id);

	var speed = Math.round(duration/100);

	var timer = 0;



	if(opacStart > opacEnd)

	{

		for(var i=opacStart; i>=opacEnd; i--)

		{

			setTimeout("Effects.changeOpacity("+ i +", '"+ id +"', "+ opacEnd +", '"+ callback +")", (timer*speed));

			timer++;

		}

	}

	else if(opacStart < opacEnd)

	{

		for(var i=opacStart; i<=opacEnd; i++)

		{

			setTimeout("Effects.changeOpacity("+ i +", '"+ id +"', "+ opacEnd +", '"+ callback +"')", (timer*speed));

			timer++;

		}

	}

}



Effects.changeOpacity = function(opacity, id, endPoint, callback)

{

	var _style = document.getElementById(id).style;

    _style.opacity = (opacity / 100);

    _style.MozOpacity = (opacity / 100);

    _style.KhtmlOpacity = (opacity / 100);

    _style.filter = "alpha(opacity=" + opacity + ")";

	

	if(opacity == endPoint && callback != null)

	{

		eval(callback);

	}

}



Effects.onFaded = function()

{

	// Add callback code here

}







function show(id)
{
document.getElementById(id).style.display='block';
}

function hide(id)
{
document.getElementById(id).style.display='none';
}

// Copyright 2006-2007 javascript-array.com

var timeout	= 1;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	

	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.display = 'none';

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

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

// 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;