// reflow page for correct cross-browser footer positioning

function reflow() {
    var bodydiv = document.getElementById("body");
    if (bodydiv != null) {
        bodydiv.style.minHeight = "100%";
    }
}



// workaround for absence of target attributes in xhtml strict

function externalLinks() {
 if (!document.getElementsByTagName) return;
 var anchors = document.getElementsByTagName("a");
 for (var i=0; i<anchors.length; i++) {
   var anchor = anchors[i];
   if (anchor.getAttribute("href") &&
       anchor.getAttribute("rel") == "external")
     anchor.target = "_blank";
 }
}



// crop science - display description onclick

var cropsciences = new Array("minerals", "phyto", "nutrients", "microbes", "insects");
var i = 0;
var currCropScience = '';
var newCropScience = '';

function displayCropScience(name) {
   for (var i = 0; i < cropsciences.length; i++) {
      currCropScience = document.getElementById("products_cs_" + cropsciences[i]);
      currCropScience.style.display = "none";
   }
   newCropScience = document.getElementById("products_cs_" + name);
   newCropScience.style.display = "block";
}



// food and nutrition - display description onclick

var foods = new Array("gmark", "fruitveg", "rice");
var i = 0;
var currFood = '';
var newFood = '';

function displayFood(name) {
   for (var i = 0; i < foods.length; i++) {
      currFood = document.getElementById("products_fn_" + foods[i]);
      currFood.style.display = "none";
   }
   newFood = document.getElementById("products_fn_" + name);
   newFood.style.display = "block";
}



// environmental care - display description onclick

var envcares = new Array("turf", "orn", "soil", "water", "birdcntrl");
var i = 0;
var currEnvCare = '';
var newEnvCare = '';

function displayEnvCare(name) {
   for (var i = 0; i < envcares.length; i++) {
      currEnvCare = document.getElementById("products_ec_" + envcares[i]);
      currEnvCare.style.display = "none";
   }
   newEnvCare = document.getElementById("products_ec_" + name);
   newEnvCare.style.display = "block";
}



// equalize heights of left/right floated divs
// add 20 (px) to compensate for bottom padding

/*
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.
*/
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 '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);
          }
     }

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



// run all necessary functions on page load

function loadAll() {
   reflow();
   externalLinks();
   matchColumns();
}
window.onload = loadAll;