function StartImg(img){	
	if(flow > 0){
		javascript:opacity1('project_b', 100, 0, 1000)
		setTimeout("ShowImg('"+img+"')", 1000);
		flow = 0;
	}
}
flow = 100;

function ShowImg(img, zoekmachine){
	var project = document.getElementById('project_b');
	project.innerHTML = "<div style=\"background:url("+img+") no-repeat; height:300px; width:462px;\" />";
	opacity1('project_b', 0, 100, 1000)
	setTimeout("Overflow()", 1000);
}

function Overflow(){
	flow = 100;
}

function opacity1(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("changeOpac1(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac1(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac1(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 + ")";
}