//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 blendimage(divid, imageid, imagefile, hrefId, newHref, millisec)
{
	try
	{
		var speed = Math.round(millisec / 1000);
		var timer = 0;
	
		//set the current image as background
		document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
		//make image transparent
		changeOpac(0, imageid);
	
		//make new image
		document.getElementById(imageid).src = imagefile;
		document.getElementById(hrefId).href = newHref;
	
		//fade in image
		for(i = 0; i <= 100; i++)
		{
			setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
			timer++;
		}
	}catch(e){}
}


function switchBg(obj, img)
{
	obj.style.backgroundImage = 'url(' + img + ')';
}