
function formatPicFrames() {
	var divs = document.getElementsByTagName('div');
	for (var i = 0; i<divs.length; i++) {
		if (divs[i].className == "picFrame" && divs[i].id != "") {
			loadPicFrameImage(divs[i])
		}
	}
}

function loadPicFrameImage(div) {
	var image = new Image();
	image.src = div.id.split(";")[0];
	image.onload = function() { addPicFrame(div, image) }
}

function addPicFrame(div, image) {

	// create new div
	var path = div.id.split(";");
  	var newdiv = document.createElement('div');

	// override width and height
	var width = image.width;
	var height = image.height;
	if (path.length>1 && path[1] != "") {
		var size = path[1].split("x");
		if (size.length == 2) {
			width = parseInt(size[0]);
			height = parseInt(size[1]);
		}
	}

	// style variable
	var imgStyle =  'style="display: block"';

	// start table
	var output = '<table border=0 cellpadding=0 cellspacing=0>';
	output += '<tr valign="bottom"><td><img src="images/Modern_C_TL.png" width="17" height="18" '+imgStyle+'></td>';
	output += '<td><img src="images/Modern_S_T.png" width="'+(width+2)+'" height="17" '+imgStyle+'></td>';
	output += '<td><img src="images/Modern_C_TR.png" width="17" height="17" '+imgStyle+'></td></tr>';
	
	// handle image
	output += '<tr><td background="images/Modern_S_L.png"><img src="images/Modern_S_L.png" width="1" height="1"></td>';
	if (path.length> 2) {
		output += '<td bgcolor="#ffffff"><a href="'+path[2]+'" rel="lightbox"><img src="'+image.src+'" height="'+height+'" width="'+width+'" style="border: solid 1px #444444"></a></td>';
	} else {
		output += '<td bgcolor="#ffffff"><img src="'+image.src+'" height="'+height+'" width="'+width+'" style="border: solid 1px #444444"></td>';		
	}
	output += '<td background="images/Modern_S_R.png"><img src="images/Modern_S_R.png" width="1" height="1"></td></tr>';
	
	// finish table
	output += '<tr><td><img src="images/Modern_C_BL.png" width="17" height="20"></td>';
	output += '<td><img src="images/Modern_S_B.png" width="'+(width+2)+'" height="20"></td>';
	output += '<td><img src="images/Modern_C_BR.png" width="17" height="20"></td></tr>';
	output += '</table>';
	
	// set new content
	newdiv.innerHTML = output;
  	div.appendChild(newdiv);

	return true;
}

