var baseopacity=50;

function showtext(thetext,number){
if (!document.getElementById)
return
textcontainerobj=document.getElementById("menu_description")
browserdetect=textcontainerobj.filters? "ie" : typeof textcontainerobj.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
document.getElementById("menu_description").innerHTML="<img src=\"menu/images/navigation_" + number + ".jpg\" width=\"120\" height=\"385\" >"
highlighting=setInterval("gradualfade(textcontainerobj)",50)
}

function hidetext(number){
document.getElementById("menu_description").innerHTML="<img src=\"menu/images/navigation_" + number + ".jpg\" width=\"120\" height=\"385\" >"
cleartimer()
}

function instantset(degree){
if (browserdetect=="mozilla")
textcontainerobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
textcontainerobj.filters.alpha.opacity=degree
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<0.99)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.05, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}

function gradualfadeDown(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.max(parseFloat(cur2.style.MozOpacity)-0.05, 0.25)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity>50)
cur2.filters.alpha.opacity-=2
}
