function displayBorder(){
	var imgs = getElementsByClassName('border');
    for(var i=0,j=imgs.length; i<j; i++) wrapEl(imgs[i],'border-wrapper');
    
    var wrp = getElementsByClassName('border-wrapper');
    for(var i=0,j=wrp.length; i<j; i++) if(wrp[i].offsetWidth>=300) wrapEl(wrp[i],'border-wrapper-'); 
}

function getElementsByClassName(classname, node) {
	if(!node) node = document.getElementById("inner");
	var a = [];
	var re = new RegExp('\\b' + classname + '\\b');
	var els = node.getElementsByTagName("*");
	for(var i=0,j=els.length; i<j; i++)	if(re.test(els[i].className)) a.push(els[i]);
	return a;
}

function hasClass(ele,cls) { return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); }
function addClass(ele,cls) { if (!hasClass(ele,cls)) ele.className += " "+cls; }
function removeClass(ele,cls) {
	if (hasClass(ele,cls)) {
		var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
		ele.className=ele.className.replace(reg,' ');
	}
}

function wrapEl( el,cls ) { 
	var newNode = document.createElement("div"); 
	var parent = el.parentNode;

	if (hasClass(el,"pictureleft")){ removeClass(el,"pictureleft"); addClass(newNode,"pictureleft");	}
	if (hasClass(el,"pictureright")){ removeClass(el,"pictureright"); addClass(newNode,"pictureright");	}
	addClass(newNode,cls);
 
	newNode.appendChild(el.cloneNode(true)); 
	parent.replaceChild(newNode, el);
}

displayBorder();