﻿    function adjustHeight()
    {         
        try
        {
            var outerElement1 = getLastDivByClassName("columnLeftArea");
            var outerElement2 = getLastDivByClassName("columnMiddleArea");
            var outerElement3 = getLastDivByClassName("columnRightArea");
            
            var innerElement1 = document.getElementById('leftColumn');
            var innerElement2 = document.getElementById('middleColumn');
            var innerElement3 = document.getElementById('rightColumn');

            var containerElement1 = document.getElementById('leftContainer');
            var containerElement2 = document.getElementById('middleContainer');
            var containerElement3 = document.getElementById('rightContainer');

            if (outerElement1 == null || outerElement2 == null || outerElement3 == null ||
                innerElement1 == null || innerElement2 == null || innerElement3 == null ||
                containerElement1 == null || containerElement2 == null || containerElement3 == null)
                return;
                
//            alert('all ' + (getTop(innerElement1) + containerElement1.offsetHeight) + ' ' + 
//                (getTop(innerElement2) + containerElement2.offsetHeight) + ' ' + 
//                (getTop(innerElement3) + containerElement3.offsetHeight));
            
//            alert('innerTop ' + getTop(innerElement1)+ ' ' + getTop(innerElement2)+ ' ' + getTop(innerElement3));
//            alert('containerTop ' + getTop(containerElement1) + ' ' +getTop(containerElement2) + ' ' + getTop(containerElement3));
            
            
//            alert('top ' + containerElement1.offsetTop + ' ' + containerElement2.offsetTop + ' ' + containerElement3.offsetTop);

            var lowestLeft = containerElement1.offsetHeight; // + containerElement1.offsetTop;
            var lowestMiddle = containerElement2.offsetHeight;// + containerElement2.offsetTop;
            var lowestRight = containerElement3.offsetHeight;// + containerElement3.offsetTop;
            
//            alert("lowest" + lowestLeft + " " + lowestMiddle + " " + lowestRight);

            var heightOuterElement1 = outerElement1.offsetHeight;
            var heightOuterElement2 = outerElement2.offsetHeight;
            var heightOuterElement3 = outerElement3.offsetHeight;
                                                
            var heightInnerElement1 = innerElement1.offsetHeight;
            var heightInnerElement2 = innerElement2.offsetHeight;
            var heightInnerElement3 = innerElement3.offsetHeight;
            
                        
            var maxLow;
            
            var top1 = getTop(innerElement1);
            var top2 = getTop(innerElement2);
            var top3 = getTop(innerElement3);
            
            var low1 = top1 + containerElement1.offsetHeight;
            var low2 = top2 + containerElement2.offsetHeight;
            var low3 = top3 + containerElement3.offsetHeight;            
            
            maxLow = low1;
            
            if(low2 > maxLow)
            {
                maxLow = low2;
            }
            
            if(low3 > maxLow)
            {
                maxLow = low3;
            }
            
            innerElement1.style.height = (maxLow - top1 + 29) + "px"; // (heightInnerElement1 + offsetElement1 + 28) + "px";
            innerElement2.style.height = (maxLow - top2) + "px"; // (heightInnerElement2 + offsetElement2) + "px";
            innerElement3.style.height = (maxLow - top3) + "px"; // (heightInnerElement3 + offsetElement3) + "px";
        }
        catch(ex)
        {
        alert(ex.message);
        }
    }
        
    function getTop(elem)
    {
//    alert(elem.id + ' ' + elem.className + ' ' + elem.offsetTop);
        var oParent = elem.offsetParent;
        
        if (oParent != null)
        return getTop(oParent) + elem.offsetTop;
        else
        {
//        if (elem.offsetTop == 27)
            
        return elem.offsetTop;}
    }
        
        
    function getLastDivByClassName(className, startElement)
    {
        var divCollection = getDivsByClassName(className, startElement)
        
        return divCollection.pop();
    }
    
    
    function getDivsByClassName(className, startElement)
    {
        var matchArray = new Array();
        var divCollection;       
        
        if(startElement)
        {
            divCollection = startElement.getElementsByTagName("div");
        }
        else
        {
            divCollection = document.getElementsByTagName("div");
        }       

        for (var i=0; i<divCollection.length; i++) 
        {
            var divClassName = trim(divCollection[i].className);
                       
            if(divClassName.indexOf(' ') > -1)
            {
                var classNameArray =  new Array();
                classNameArray = divClassName.split(' ');

                for (var j=0; j<classNameArray.length; j++)
                { 
                    var singleClassName = trim(classNameArray[j]);
                    
                    if(singleClassName == className)
                    {
                        matchArray.push(divCollection[i]);
                    }
                }
            }
            else if(divClassName == className) 
            {
                matchArray.push(divCollection[i]);
            } 
        }
        
        return matchArray;
    }
    
    function trim(string)
    {
        return string.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
    }

//var isIE5=navigator.userAgent.toUpperCase().indexOf("MSIE 5")!=-1;

//var targetElementID="leftcolumn", targetElementStyleOffset_LEFT=180;
//var targetElementID2="midtcolumn", targetElementStyleOffset=170;
//var targetElementID3="rightcolumn", targetElementStyleOffset=170;

//function adjustHeight() {


//    document.getElementById(targetElementID).style.height = '788px';
//    if (document.getElementById(targetElementID2)) {
//    document.getElementById(targetElementID2).style.height = '1002px';
//    }
//    document.getElementById(targetElementID3).style.height = '838px';
//    
//     


////  if (document.getElementById) {
////    var targetElement=document.getElementById(targetElementID),
////        documentHeight, totalOffset;     

////    if (targetElement && document.documentElement.offsetHeight
////        && targetElement.offsetHeight && targetElement.offsetTop) {
////      documentHeight=document.documentElement.offsetHeight;
////      if (targetElement.offsetHeight<documentHeight-targetElement.offsetTop) {
////        if (isIE5)
////          totalOffset=targetElement.offsetTop;
////        else totalOffset=targetElement.offsetTop+targetElementStyleOffset;
////          
////        targetElement.style.height=String(documentHeight-totalOffset)+'px';  
////     
////      }

////    }
////    
////    var targetElement2=document.getElementById(targetElementID2),
////        documentHeight, totalOffset;
////    
////    if (targetElement2 && document.documentElement.offsetHeight
////        && targetElement2.offsetHeight && targetElement2.offsetTop) {
////      documentHeight=document.documentElement.offsetHeight;
////      if (targetElement2.offsetHeight<documentHeight-targetElement2.offsetTop) {
////        if (isIE5)
////          totalOffset=targetElement2.offsetTop;
////        else totalOffset=targetElement2.offsetTop+targetElementStyleOffset;
////          
////       targetElement2.style.height=String(documentHeight-totalOffset)+'px';
////        
////      }
////    }
////    
////    var targetElement3=document.getElementById(targetElementID3),
////        documentHeight, totalOffset;
////    
////    if (targetElement3 && document.documentElement.offsetHeight
////        && targetElement3.offsetHeight && targetElement3.offsetTop) {
////      documentHeight=document.documentElement.offsetHeight;
////      if (targetElement3.offsetHeight<documentHeight-targetElement3.offsetTop) {
////        if (isIE5)
////          totalOffset=targetElement3.offsetTop;
////        else totalOffset=targetElement3.offsetTop+targetElementStyleOffset;
////          
////        targetElement3.style.height=String(documentHeight-totalOffset)+'px';    

////        
////      }
////    }
////    
////  }
//}

window.onresize=adjustHeight;
window.onload=adjustHeight;