// Wait for DOM *and* images to load
window.onload = function()
{
		
		// Find all img elements 
		var images = [];
		images = $$('img[border=1]');
			
			for (var i = 0; i < images.length; i++) {

				//Get width of image + add size of borders
				var imgWidth = images[i].width;
				imgWidth += 32;
				
				images[i].setStyle('border','none');
				
				var imageLink;
				var imageLinkTarget;
				var imageParent = images[i].getParent();

				hasLink=false;
				if (imageParent.getTag() == 'p') { imageParent = imageParent.getParent(); }
				
				if (imageParent.getTag() == 'a') {
						hasLink = true;
						if(imageParent.getProperty('href').contains('.pdf')||imageParent.getProperty('href').contains('.doc')||imageParent.getProperty('href').contains('.jpg')) {
							imageParent.setProperty('target','_blank');	
						}
						
				}
				
					
				//Create a new div cb
				var div = new Element('div', {'class':'cb'});
				//Set width of div
				div.setStyle('width',imgWidth);
				//Insert cb before the img tag
				if (hasLink) {
					div.injectBefore(imageParent);
				} else {
					div.injectBefore(images[i]);
				}
				
				if (images[i].hasClass("image_align_left")) {
					images[i].removeClass("image_align_left");
					div.addClass("image_align_left");
				}
				
				if (images[i].hasClass("image_align_right")) {
					images[i].removeClass("image_align_right");
					div.addClass("image_align_right");
				}
						
				//Create top div bt
				var top = new Element('div', {'class':'bt'});
				top.setHTML('<div>&nbsp;</div>');
				//Create bottom div bb
				var bottom = new Element('div', {'class':'bb'});
				bottom.setHTML('<div>&nbsp;</div>');
				//Create middle div i1
				var mid1 = new Element('div', {'class':'i1'});
				//Create middle div i2
				var mid2 = new Element('div', {'class':'i2'});
				//Create middle div i3
				var mid3 = new Element('div', {'class':'i3'});
				
				
				
				
				images[i].injectInside(mid3);
				if (hasLink) {
					imageParent.empty();
					images[i].injectInside(imageParent);
					imageParent.injectInside(mid3);
				}
				mid3.injectInside(mid2);
				mid2.injectInside(mid1);
					
				top.injectInside(div);
				mid1.injectInside(div);
				bottom.injectInside(div);
				
				var cleardiv = new Element('div', {'class':'clear'});
				cleardiv.injectBefore(div);
			
			}

}