/* 
Derived from a script by Alejandro Gervasio. 
Modified to work in FireFox by Stefan Mischook for Killersites.com

How it works: just apply the CSS class of 'column' to your pages' main columns.
*/

var windowHeight = 0;
function getWindowHeight() {
 
 
 if (typeof(window.innerHeight)=='number') {
 windowHeight=window.innerHeight;
 
 }
 else {
 if (document.documentElement&&
 document.documentElement.clientHeight) {
 windowHeight=
 document.documentElement.clientHeight;
 
 }
 else {
 if (document.body&&document.body.clientHeight) {
 windowHeight=document.body.clientHeight;
 
 }
 }
 }
 
 return windowHeight;
 }
 
 var maxHeight = 0;
 var divHeight = 0;
 var myHeight = 0;


function matchColumns (localHeight) { 

     var divs,contDivs,d; 
	
     // get all <div> elements in the document 

     divs=document.getElementsByTagName('div'); 

     contDivs=[]; 

     // initialize maximum height value 

     maxHeight = getWindowHeight() *.6;
     // 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(/\bcolumn\b/.test(divs[i].className)){ 

                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;					 

                } 

                // calculate maximum height 
                
                maxHeight=Math.max(maxHeight,divHeight); 
        		//alert(maxHeight);
          } 
     
     } 
	 
     // assign maximum height value to all of container <div> elements 
	 //alert(maxHeight);
     for(var j=0;j<contDivs.length;j++){ 
          contDivs[j].style.height=maxHeight + "px"; 
		  
		 
     } 

}

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
	
	
}


window.onload=function(){ 

     if(document.getElementsByTagName){ 

          matchColumns();			 
		  sfHover;
     } 

}