﻿window.onload = resizeColumns;


function closeWarning() {
    $('warning').className = '';
}

function positionWarning() {
    if ($('warning')) {
        $('warning').style.left = document.getElementById('container').offsetLeft + 254 + 'px';
    } 
}
valid = true;
function highlightReqField(Field, type) {
    if ($(Field).value == '') {
        if (type == 'req') {
            $(Field).className = "textBoxError";
        } else {
            $(Field).className = "textBoxOptional";
        }
        return (valid == false ? valid : false);
    }
}

function toggleOffer(id) {
    if ($('offer_' + id)) {
        toggle('offer_' + id);

        var anc = 'anc_' + id;
        if ($('anc_' + id).innerHTML == 'close offer...') {
            $('anc_' + id).innerHTML = 'view offer...';
        } else {
            $('anc_' + id).innerHTML = 'close offer...';
        }

        resizeColumns();
    }
}
function toggleCustomerReview(id) {
    if ($('offer_' + id)) {
        toggle('offer_' + id);
        var anc = 'anc_' + id;
        if ($('anc_' + id).innerHTML == 'close review...') {
            $('anc_' + id).innerHTML = 'open review...';
        } else {
            $('anc_' + id).innerHTML = 'close review...';
        }
        
        resizeColumns();
    }
}

function resizeColumns() {
    var ColOne = $("colOne");
    var ColTwo = $("colTwo");
    ColOne.setStyle({height: '100%'});
    ColTwo.setStyle({height: '100%'});
    var sizeOne = ColOne.getHeight();
    var sizeTwo = ColTwo.getHeight();

    if (sizeOne > sizeTwo) {
        $("colOne").setStyle({height: + sizeOne + "px"});
        $("colTwo").setStyle({height: + sizeOne + "px"});
    } else {
        $("colOne").setStyle({height: + sizeTwo + "px"});
        $("colTwo").setStyle({height: + sizeTwo + "px"});
    }
}

function toggle(id) {
    if ($(id).getStyle('display') == 'none') {
        $(id).setStyle({display: 'block'});
    } else if ($(id).getStyle('display') == 'block' || $(id).getStyle('display') == undefined) {
        $(id).setStyle({ display: 'none' });  
    }

}
