// Make all blocks (divs) on one page the same height as the tallest one (when faux columns can't be used)

function getHeights(){
	//check for standards compliance
	if(!document.getElementById) return;
	if(!document.getElementsByTagName) return;
	var midHolder = document.getElementById("midholder");
	var blocks = midHolder.getElementsByTagName("div");
	
	var height = 0;
	var imgheight = 0;
	// loop through all divs
	for(var i = 0; i < blocks.length; i++){
		if(blocks[i].className == 'block'){ // we only want <div class="block">
			if( blocks[i].id != 'homeblock' ){
			//alert(blocks[i].className);
					var header = blocks[i].getElementsByTagName("h3");
					var img = blocks[i].getElementsByTagName("img");
					//alert(blocks[i].id + ' - '+ header[0].offsetHeight);
				if(!header[0]) return;
				if(!img[0]) return;
				if( !height ||  height < header[0].offsetHeight ){ // set the height for first div then reset it if the next div is taller and so on.
					height = header[0].offsetHeight; //set the highest height
				}
				if( !imgheight ||  imgheight < img[0].offsetHeight ){
					imgheight = img[0].offsetHeight;
				}
			}
		}
	}
	
	setHeights(height,imgheight); // run the setHeights function
}

// make all divs the same height in pixels. must be run on window resize, text increase/decrease. (a ballache basically.)
function setHeights(height,imgheight){
	var midHolder = document.getElementById("midholder");
	var blocks = midHolder.getElementsByTagName("div");
	//var headers = blocks.getElementsByTagName("h3");

	for(var i = 0; i < blocks.length; i++){
		var header = blocks[i].getElementsByTagName("h3");
		var img = blocks[i].getElementsByTagName("img");
		
		if( blocks[i].id!='homeblock' ){
			// set heights for IE6/Win
			if(blocks[i].className == 'block' && !blocks[i].getAttribute("class")){
					//blocks[i].style.height = height+'px'; // set height
					header[0].style.height = height+'px';
					img[0].style.marginBottom = (imgheight - img[0].offsetHeight)+'px';
			} 
			// set min-height for sane browsers
			else if(blocks[i].getAttribute("class") == 'block'){
					//blocks[i].style.minHeight = height+'px'; // set min-height
					header[0].style.minHeight = height+'px';
					img[0].style.marginBottom = (imgheight - img[0].offsetHeight)+'px';
			}
		}
	}

	
}


addEvent(window,"load",getHeights);