// 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("product_list");
	var blocks = midHolder.getElementsByTagName("li");
	var height = 0;
	// loop through all divs
	for(var i = 0; i < blocks.length; i++){
		//if(blocks[i].className.substr(0,5)=='panel' && blocks[i].className!='panelHeader'){ // we only want <div class="block">
			if(i == 0 || (!height ||  height < blocks[i].offsetHeight)){ // set the height for first div then reset it if the next div is taller and so on.
				height = blocks[i].offsetHeight; //set the highest height
			}
		//}
	}
	setHeights(height); // 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){
	var midHolder = document.getElementById("product_list");
	var blocks = midHolder.getElementsByTagName("li");	
	//var header = document.getElementById("landingtitle");
	for(var i = 0; i < blocks.length; i++){
		// set heights for IE6/Win
		//if(blocks[i].className.substr(0,5)=='panel' && blocks[i].className!='panelHeader'/* && !blocks[i].getAttribute("class")*/){
				blocks[i].style.height = (height-50)+'px'; // set height
		//} 
		// set min-height for sane browsers
		/*
		else if(blocks[i].getAttribute("class").substr(0,5)=='panel' && blocks[i].className!='panelHeader'){
				blocks[i].style.minHeight = height+'px'; // set min-height
		}*/
	}
	// set <h3>heading to be same height
	/*
	if(header){
		var headerHeight = height-8;
		header.style.height = headerHeight+'px';
	}
	*/
}
/*
function getHeaderHeights(){
	//check for standards compliance
	if(!document.getElementById) return;
	if(!document.getElementsByTagName) return;
	var midHolder = document.getElementById("secondarycontent");
	var blocks = midHolder.getElementsByTagName("div");
	// loop through all divs
	for(var i = 0; i < blocks.length; i++){
		if(blocks[i].className == 'panelHeader'){ // we only want <div class="block">
			if(i == 1 || (!height ||  height < blocks[i].offsetHeight)){ // set the height for first h3 then reset it if the next h3 is taller and so on.
				var height = blocks[i].offsetHeight; //set the highest height
			}
		}
	}
	setHeaderHeights(height); // 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 setHeaderHeights(height){
	var midHolder = document.getElementById("secondarycontent");
	var blocks = midHolder.getElementsByTagName("div");	
	for(var i = 0; i < blocks.length; i++){
		// set heights for IE6/Win
		if(blocks[i].className == 'panelHeader' && !blocks[i].getAttribute("class")){
				blocks[i].style.height = height+'px'; // set height
		} 
		// set min-height for sane browsers
		else if(blocks[i].getAttribute("class") == 'panelHeader'){
				blocks[i].style.minHeight = height+'px'; // set min-height
		}
	}

}

addEvent(window,"load",getHeaderHeights);
*/
addEvent(window,"load",getHeights);