image1=new Image()
image1.src="sf.jpg"
image2=new Image()
image2.src="sf_hover.jpg"
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+")"}
var speed=Math.round(300/100)
function blendimage(divid,imageid,imagefile,millisec){
var speed=Math.round(millisec/100)
var timer=0
document.getElementById(divid).style.backgroundImage="url("+document.getElementById(imageid).src+")"
changeOpac(0,imageid)
document.getElementById(imageid).src=imagefile
for(i=0;i<=100;i++){
setTimeout("changeOpac("+i+",'"+imageid+"')",(timer*speed))
timer++}}