//Find which of the three columns is tallest and set the other two to it

    function setHeight(){
    
        var leftHeight = document.getElementById('left').offsetHeight;
        var centerHeight = document.getElementById('center').offsetHeight;
        var rightHeight = document.getElementById('right').offsetHeight;
        
        if ((centerHeight > leftHeight) && (centerHeight > rightHeight)){
                    document.getElementById('left').style.height = centerHeight + "px"; 
                    document.getElementById('right').style.height = centerHeight + "px"; 
        }
        if ((leftHeight > centerHeight) && (leftHeight > rightHeight)){
                    document.getElementById('center').style.height = leftHeight + "px"; 
                    document.getElementById('right').style.height = leftHeight + "px"; 
        }
        if ((rightHeight > centerHeight) && (centerHeight > leftHeight)){
                    document.getElementById('left').style.height = rightHeight + "px"; 
                    document.getElementById('center').style.height = rightHeight + "px"; 
        }
    }
    
/*Data header highlight*/
    function overElement(elem){
    
    //assign the primary classname to use later
        var priCN = elem.className.split(' ');
        if(elem.className == priCN[0] + ' active')
            elem.className = priCN[0] + ' active';
        else
            elem.className=priCN[0] + ' hover';
    }
    function outElement(elem){
    //assign the primary classname to use later
        var priCN = elem.className.split(' ');
        if(elem.className != priCN[0] + ' active')
            elem.className = priCN[0] + ' passive';
    }
    
    function showHideContent(IDRef, tot){
        
        //first hide all content containers and make header inactive
        for (var i = 1; i <= tot; i++) {
            // display message box each array item
            //alert("content" + i);
            if (document.getElementById("content" + i) != undefined)
                document.getElementById("content" + i).style.display = 'none';
            if (document.getElementById("header" + i) != undefined)
                document.getElementById("header" + i).className = 'header passive';
            if (document.getElementById("img" + i) != undefined)
                document.getElementById("img" + i).className = 'image passive';
        }
            //display the content relating to IDRef
            document.getElementById("content" + IDRef).style.display = 'block';
            document.getElementById("header" + IDRef).className = 'header active';
            document.getElementById("img" + IDRef).className = 'image active';
           
            //make the corresponding header active
        
    }
    
    function inputValue(Ref){
        document.getElementById('referenceWrap').style.display = '';
        var str = document.getElementById('ctl00_cphContent_txtRef').value;
        if ((str != "") && (str != Ref) ){
            
            var ref_check = str.search(Ref);
            if (ref_check == -1){
                document.getElementById('ctl00_cphContent_txtRef').value += ", " + Ref;
            }
            //refValues += "_" + Ref.replace(' ', '-');
        }else{
            document.getElementById('ctl00_cphContent_txtRef').value = Ref;
            //refValues += Ref.replace(' ', '-');
        }
        
        
//        document.getElementById('referenceWrap').style.display = '';
//        if ( document.getElementById('ctl00_cphContent_txtRef').value!= undefined){
//            document.getElementById('ctl00_cphContent_txtRef').value = Ref;
//        }
        
    }