// number of elements you want this to apply to. (Up to 10. I don't know why you would want 10 but lets be prepared)
var numberofelements = 2;

//this will animate the height adjustment, requires you to load the jQuery libraries
var animate = false; 

//put the ID name of the elements you wish to AutoHeight.
var element1 = "fw-bigcontain"; 
var element2 = "fw-sidebar";
var element3 = "";
var element4 = "";
var element5 = "";
var element6 = "";
var element7 = "";
var element8 = "";
var element9 = "";
var element10 = "";

//do not edit anything below this comment.
if (numberofelements < 2)
   numberofelements = 2;
else if(numberofelements > 10)
   numberofelements = 10;

var jq=$.noConflict();
var elementarray = new Array();
var elementh = new Array();

jq(document).ready(loadAutoHeight());

function getStyle(el,styleProp)
{
        var y="";
        var x = el;
        if (x.currentStyle)
                var y = x.currentStyle[styleProp];
        else if (window.getComputedStyle)
                var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
    //alert(y);
        return y;
}

function convertToInt(str)
{
        str=str.replace("px","");
        var integ = parseInt(str);
        return integ;
}

function loadAutoHeight()
{
//var t=setTimeout("loadAutoHeight()",5000);
        //alert("got to load()");
        if(numberofelements>=1)
        elementarray[0]=document.getElementById(element1);
        if(numberofelements>=2)
        elementarray[1]=document.getElementById(element2);
        if(numberofelements>=3)
        elementarray[2]=document.getElementById(element3);
        if(numberofelements>=4)
        elementarray[3]=document.getElementById(element4);
        if(numberofelements>=5)
        elementarray[4]=document.getElementById(element5);
        if(numberofelements>=6)
        elementarray[5]=document.getElementById(element6);
        if(numberofelements>=7)
        elementarray[6]=document.getElementById(element7);
        if(numberofelements>=8)
        elementarray[7]=document.getElementById(element8);
        if(numberofelements>=9)
        elementarray[8]=document.getElementById(element9);
        if(numberofelements>=10)
        elementarray[9]=document.getElementById(element10);
        
        for(i = 0; i<numberofelements; i++)
        {
            var str = "height:"+getStyle(elementarray[i],"height")+"; ";
                str += "padding-top:"+getStyle(elementarray[i],"padding-top")+"; ";
                str +="padding-bottom:"+getStyle(elementarray[i],"padding-bottom")+"; ";
                str +="border-top-width:"+getStyle(elementarray[i],"border-top-width")+"; ";
                str +="border-bottom-width:"+getStyle(elementarray[i],"border-bottom-width")+";";
                elementarray[i].style.cssText = str;
                elementh[i]=convertToInt(elementarray[i].style.height)+convertToInt(elementarray[i].style.paddingTop)+convertToInt(elementarray[i].style.paddingBottom)+convertToInt(elementarray[i].style.borderTopWidth)+convertToInt(elementarray[i].style.borderBottomWidth);
                //alert(elementh[i]);
        }
        var maxh=0;
        for(i = 0; i<numberofelements; i++)
        {
                if(elementh[i]>maxh)
                        maxh=elementh[i];
        }
        for(i = 0; i<numberofelements; i++)
        {
                
                var h = convertToInt(elementarray[i].style.height)
                var pt = convertToInt(elementarray[i].style.paddingTop)
                var pb = convertToInt(elementarray[i].style.paddingBottom)
                var bt = convertToInt(elementarray[i].style.borderTopWidth)
                var bb = convertToInt(elementarray[i].style.borderBottomWidth);
                        
                h = maxh - (pt+pb+bt+bb);
                
                if(animate==true)
                startAnimate(elementarray[i],h);
                else
                elementarray[i].style.height = h+"px";
                //bottomMain();
                
        }
        
}

function startAnimate(obj,h)
{
jq(obj).animate({height:h},"fast");
}