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

				
				if (!images[i].hasClass("image_no_borders")) {
					//Get width of image + add size of borders
					var imgWidth = images[i].width;
					imgWidth += 18;
					
					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);
				}
			}

}