// Support for CSS rollover in IE
sfHover = function() {
	var sfEls = document.getElementById("menu-primary-navigation").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"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);


/* 
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 'match_y' to your pages' main columns.
*/
matchColumns=function(){ 
     var divs,contDivs,maxHeight,divHeight,d; 
	
     // 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 'match_y'
          if(/\bmatch_y\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);
          }
     } 

     // assign maximum height value to all of container <div> elements
     for(var i=0;i<contDivs.length;i++){
          contDivs[i].style.height=(maxHeight - 20) + "px";
          //contDivs[i].style.height=maxHeight + "px";
     }
}

// Runs the script when page loads 

window.onload=function(){
     if(document.getElementsByTagName){
          matchColumns();
     }
}

// end Javascript Functions