function fill(element,source,visibility,size,mode) {
	src = source.split('::');
	type = src[0];
	data = src[1];
	if (type == 'image') {
		element.innerHTML='';	
		img = new Image;
		if (mode == 'fit') {
			element.innerHTML ='<span style="position: absolute; left: 50%; top: 50%;">loading...</span>';
			img.onload = function() {
				element.innerHTML='';
				imgRatio = img.height/img.width;
				elmRatio = element.offsetHeight/element.offsetWidth;
				if (imgRatio<=elmRatio) {
					width = size;								
					height = Math.floor(width*imgRatio/elmRatio);
				} else {
					height = size;
					width = Math.floor(height/imgRatio*elmRatio);
				}
				img.style.width = width + '%';
				img.style.height = height + '%';
				img.style.position = 'absolute';
				img.style.top = Math.floor((100-height)/2)+'%';
				img.style.left = Math.floor((100-width)/2)+'%';
				element.appendChild(img);
			}
		} else if (mode == 'stretch') {
			img.style.width = size + '%';
			img.style.height = size + '%';
			element.appendChild(img);
		}
		img.style.visibility = visibility;	
		img.src = data;
	} else if (type == 'youtube') {
		ytb = '<object width="'+size+'" height="'+size+'%" style="position: absolute; top: '+Math.floor((100-size)/2)+'%; left: '+Math.floor((100-size)/2)+'%;"><param name="movie" value="'+data+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+data+'" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" width='+size+'%" height='+size+'%" style="position: absolute; top: '+Math.floor((100-size)/2)+'%; left: '+Math.floor((100-size)/2)+'%;"></embed></object>';
		element.innerHTML = ytb;
	} else if (type == 'movie') {
		ytb = '<object width="'+size+'%" height="'+size+'%"><param name="movie" value="'+data+'"></param><embed src="'+data+'" width='+size+'%" height='+size+'%"></embed></object>';
		element.innerHTML = ytb;
	} else if (type == 'external') {
		frame = '<iframe frameborder="0" style="position: absolute; top: '+Math.floor((100-size)/2)+'%; left: '+Math.floor((100-size)/2)+'%; width: '+size+'%; height: '+size+'%; border: 0px none;" src="'+data+'"></iframe>';
		element.innerHTML = frame;
	}
}