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 illuminate(data,dw){

data = "<img src="+data+" onClick=darken() style=cursor:pointer;margin:10px;><br><center><a onClick=darken() class=greyLinks style=cursor:pointer>X&nbsp;Close</a></center>";
if(navigator.appName == "Microsoft Internet Explorer"){
myspeed = 200;
} else {
myspeed = 500;
}
document.getElementById('foo').style.width = dw+"px";
opacity('foo', 0, 100, (myspeed+100));
document.getElementById('foo').innerHTML=data;
if(navigator.appName == "Microsoft Internet Explorer"){
topnum = 150+document.body.scrollTop;
leftnum = document.body.clientWidth/2-document.getElementById('foo').offsetWidth/2;
} else {
topnum = (window.innerHeight/2-document.getElementById('foo').offsetHeight/2)+window.pageYOffset;
leftnum = window.innerWidth/2-document.getElementById('foo').offsetWidth/2;
}

document.getElementById('foo').style.top=topnum+"px";
document.getElementById('foo').style.left=leftnum+"px";
//document.getElementById('jeep').className='coffee_active';
//opacity('jeep',0,60,myspeed);
}
function darken(){
opacity('foo',100,0,myspeed);
//opacity('jeep',60,0,myspeed);
setTimeout("clearItUp()",myspeed);
}
function clearItUp(){
//document.getElementById('jeep').className='coffee';
document.getElementById('foo').innerHTML='';
document.getElementById('foo').style.top="0";
document.getElementById('foo').style.left="0";
}
function closeOver(){
document.getElementById('boxes').src='images/close_over.png';
}
function closeOut(){
document.getElementById('boxes').src='images/close.png';
}