function fadeIn(objId,opacity,multiplier) {
	var base = 100;
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", base * multiplier);
		}
	}
}

function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}
window.onload = function() {initImage()}



//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 blendTheImage(divid, imageids, imagefile, millisec) { 
    var speed = Math.round(millisec / 600); 
    var timer = 1000;      
    //set the current image as background 	
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageids).src + ")";
     

    
  
    
    // show the image
	document.getElementById('photoholder').style.visibility = 'visible';	
	document.getElementById('photoholder').style.display = 'block';
	
	// hid eth slide show
	document.getElementById('scriptholder').style.visibility = 'hidden';
	document.getElementById('scriptholder').style.display = 'none';
	
	//make image transparent 
    changeOpac(0, imageids); 
    
    document.getElementById(imageids).src = imagefile; 

    //fade in image 
    for(i = 0; i <= 300; i++) { 
        setTimeout("changeOpac(" + i + ",'" + imageids + "')",(timer * speed)); 
		
        timer++; 
    } 
}