// When an image doesn't load, show default-box

/* My own function. Its unused */
function showDefault(width, height, target) {
	target.innerHTML='<div style="width:'+width+'px; height:'+height+'px; border: 1px solid #CCCCCC; vertical-align:middle;">No Image</div>';
}

/* Good function */
function failsafeImg(elementId, image){
	var badImg = new Image();
	badImg.src = image;
	if(!elementId) { // If no elementId is set, apply to whole document
		for(var i=0;i<document.images.length;i++){
			var cpyImg = new Image();
			cpyImg.src = document.images[i].src;
			if(!cpyImg.width){
				document.images[i].src = badImg.src;
			}
		}
	} 

	else {
		var element = document.getElementById(elementId);
		var images = element.getElementsByTagName("img");
		for(var i=0;i<images.length;i++){
			var cpyImg = new Image();
			cpyImg.src = images[i].src;
			if(!cpyImg.width){
				images[i].src = badImg.src;
			}
		}
	}
}
