var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	dataBrowser: [
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		}
	]
};
BrowserDetect.init();

matchColumns = function(the_class){
	var divs,contDivs,maxHeight,divHeight,d;
	if(BrowserDetect.browser == 'Safari') return; //not working correctly in Safari, return undef
	
	// get all <div> elements in the document
	
	divs=document.getElementsByTagName('div');
	
	contDivs=[];
	
	// initialize maximum height value
	maxHeight=0;
	
	// iterate over all <div> elements in the document
	for(var i=0;i<divs.length;i++){
		// make collection with <div> elements with class attribute 'container'
		if (divs[i].className == the_class) {
			d=divs[i];
			contDivs[contDivs.length]=d;
				
			// determine height for <div> element
			if(d.offsetHeight){
				divHeight=d.offsetHeight;
			}
			else if(d.style.pixelHeight){
				divHeight=d.style.pixelHeight;
			}
			
			if (d.id == 'related_col') {
				divHeight+=20;
			}
			// calculate maximum height
			maxHeight=Math.max(maxHeight,divHeight);
		}
	}
	
	// assign maximum height value to all of container <div> elements
	for(var i=0;i<contDivs.length;i++){
		if (contDivs[i].id == 'related_col') {
			contDivs[i].style.height = (maxHeight-20) + "px";
		} else {
			contDivs[i].style.height = maxHeight + "px";
		}
	}
}

// Runs the script when page loads
window.onload=function(){
	if(document.getElementsByTagName){
		matchColumns('article_col');
	}
}