firsttime = 1;
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 pageHeight() {
return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
}

function pause(numberMillis) {
	var now = new Date();
	var exitTime = now.getTime() + numberMillis;
	while (true) {
		now = new Date();
		if (now.getTime() > exitTime)
			return;
	}
}

function illuminate(data, keepjeep, pw, ph){
bike = pageHeight();
if(parent.location.href.indexOf('photos') != -1){
data = "<div class=closebutton style=float:left;padding-top:100px;width:50px;height:435px; onClick=getPrev('" + data + "')>&nbsp;&#9668;&nbsp;</div><div style=float:left;width:720;height:435;text-align:center; id=mydiv><img src="+data+" onClick=darken() style=margin:60px 20px 10px 10px; id=dammit><br><center><div class=closebutton onClick=darken()>X&nbsp;Close</div></center></div><div class=closebutton style=text-align:right;float:left;padding-top:100px;width:50px;height:435px; onClick=getNext('" + data + "')>&nbsp;&#9658;&nbsp;</div>";
} else {
data = "<div class=closebutton style=float:left;padding-top:100px;width:50px;height:435px; onClick=getPrev('" + data + "')>&nbsp;&#9668;&nbsp;</div><div style=float:left;width:720;height:435;text-align:center; id=mydiv><img src="+data+" onClick=darken() style=margin:10px 20px 10px 10px; id=dammit><br><center><div class=closebutton onClick=darken()>X&nbsp;Close</div></center></div><div class=closebutton style=text-align:right;float:left;padding-top:100px;width:50px;height:435px; onClick=getNext('" + data + "')>&nbsp;&#9658;&nbsp;</div>";
}
document.getElementById('foo').innerHTML=data;
if(navigator.appName == "Microsoft Internet Explorer"){
myspeed = 200;
} else {
myspeed = 500;
}
topnum = 70;
leftnum = 0;
document.getElementById('mydiv').style.width="720px";
document.getElementById('mydiv').style.height="435px";
if (navigator.appName == "Microsoft Internet Explorer") {
	//topnum = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
	leftnum = document.body.clientWidth / 2 - 800 / 2;
	middle = document.body.clientWidth/2;
} else {
	//topnum = (window.innerHeight / 2 - ph / 2) + window.pageYOffset;
	leftnum = window.innerWidth / 2 - 800 / 2;
	middle = window.innerWidth/2;
}

//alert("Mid: "+middle+" pw/2: "+(pw/2)+" x: "+x);
document.getElementById('foo').style.top=topnum+"px";
document.getElementById('foo').style.left=leftnum+"px";
if (keepjeep == 0) {
	document.getElementById('jeep').className = 'coffee_active';
	document.getElementById('jeep').style.height = document.body.scrollHeight+"px";
	opacity('jeep', 0, 60, myspeed);
}

document.getElementById('dammit').style.filter = 'alpha(opacity=100)';
document.getElementById('dammit').onLoad = opacity('foo', 0, 100, (myspeed+100));


}

function darken(){
opacity('foo',100,0,myspeed);
opacity('jeep',60,0,myspeed);
setTimeout("clearItUp()",myspeed);
}
function darken_two(){
opacity('foo',100,0,myspeed);
setTimeout("clearItUp_two()",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 clearItUp_two(){
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';
}