function SetTransom(sender) {
    //currCtlDepth + 'radTransomNone'
    //currCtlDepth + 'radTransomAdd'
    if (sender.id == currCtlDepth + 'radTransomAdd') {
        $get(currCtlDepth + 'ddlTransPos').disabled = false;
    }
    else {
        if (currDoorIs6070) {
            $get('tranSomeWrap').style.width = '185px';
            $get('rhtTransImg').style.marginLeft = '-2em';
            $get('rhtTransImg').style.marginRight = '2em';
            $get(currCtlDepth + 'ddlTransPos').disabled = true;
            $get(currCtlDepth + 'ddlTransPos').selectedIndex = 0;
        }
        else {
            $get('tranSomeWrap').style.width = '86px';
            $get('rhtTransImg').style.marginLeft = '-5.4em';
            $get('rhtTransImg').style.marginRight = '5.4em';
            $get(currCtlDepth + 'ddlTransPos').disabled = true;
            $get(currCtlDepth + 'ddlTransPos').selectedIndex = 0;
        }
    }
}
var transomOverLeftLite = false;
var transomOverRightLite = false;
function ChangeTransomWidth(sender) {
    var wholeHeight = $get(sliderTransomHeightClientID).innerHTML;
    var fractionHeight = MakeFraction($get(sliderTransomFractHeightClientID).innerHTML);
    $get(currCtlDepth + 'doorTransomHeight').innerHTML = wholeHeight + ' ' + fractionHeight;
    $get(currCtlDepth + 'hdnDoorTransomHeight').value = wholeHeight + ' ' + fractionHeight;
    //
    //

    //$get('tranSomeWrap').style.width='300px'
    var selectedValue = sender.options[sender.selectedIndex].value;
    var hdnDoorTransomPos = $get(currCtlDepth + 'hdnDoorTransomPos');
    switch (selectedValue) {
        // ChangeSideLiteHeight(value /*Transom || Door*/, isLeftLite)                      
        case "Even With Door":
            // margin-right:-8.5em; margin-left:8.5em;
            if (currDoorIs6070) {
                $get('tranSomeWrap').style.width = '185px';
                $get('rhtTransImg').style.marginLeft = '-2em';
                $get('rhtTransImg').style.marginRight = '2em';
            }
            else {
                $get('tranSomeWrap').style.width = '91px';
                $get('rhtTransImg').style.marginLeft = '-5.4em';
                $get('rhtTransImg').style.marginRight = '5.4em';
            }


            $get('tranSomeWrap').style.marginLeft = '17.2em';

            //
            hdnDoorTransomPos.value = selectedValue;
            //
            transomOverLeftLite = false;
            transomOverRightLite = false;
            break;

        case "Over Door & Left Lite":
            if (currDoorIs6070) {
                $get('rhtTransImg').style.marginLeft = '4.3em';
                $get('rhtTransImg').style.marginRight = '-4.3em';
                $get('tranSomeWrap').style.width = '382px';
                $get('tranSomeWrap').style.marginLeft = '0.5em';
                ChangeSideLiteHeight('Door'/*Transom || Door*/, true)
                $get(currCtlDepth + 'ddlLeftLiteHeightOpt').selectedIndex = 0;
                hdnDoorTransomPos.value = selectedValue;
                transomOverLeftLite = true;
                transomOverRightLite = false;
            }
            else {

                $get('rhtTransImg').style.marginLeft = '4.3em';
                $get('rhtTransImg').style.marginRight = '-1em';
                $get('tranSomeWrap').style.width = '287px';
                $get('tranSomeWrap').style.marginLeft = '0.5em';
                ChangeSideLiteHeight('Door'/*Transom || Door*/, true)
                $get(currCtlDepth + 'ddlLeftLiteHeightOpt').selectedIndex = 0;
                hdnDoorTransomPos.value = selectedValue;
                transomOverLeftLite = true;
                transomOverRightLite = false;
            }
            break;
        case "Over Door & Right Lite":
            $get('rhtTransImg').style.marginLeft = '2.6em';
            $get('rhtTransImg').style.marginRight = '-2.6em';
            $get('lftTransImg').style.marginLeft = '-9.5em';
            $get('lftTransImg').style.marginRight = '-9.5em';
            $get('tranSomeWrap').style.marginLeft = '17.3em';
            $get('tranSomeWrap').style.width = '294px';
            ChangeSideLiteHeight('Door'/*Transom || Door*/, false)
            hdnDoorTransomPos.value = selectedValue;
            $get(currCtlDepth + 'ddlRightLiteHeightOpt').selectedIndex = 0;
            transomOverRightLite = true;
            transomOverLeftLite = false;
            break;

        case "Over Door, Left & Right Lite":
            //This is the default
            $get('rhtTransImg').style.marginLeft = '8.5em';
            $get('rhtTransImg').style.marginRight = '-8.5em';
            $get('tranSomeWrap').style.width = '499px';
            $get('tranSomeWrap').style.marginLeft = '0.5em'
            $get(currCtlDepth + 'ddlLeftLiteHeightOpt').selectedIndex = 0;
            $get(currCtlDepth + 'ddlRightLiteHeightOpt').selectedIndex = 0;
            hdnDoorTransomPos.value = selectedValue;
            ChangeSideLiteHeight('Door'/*Transom || Door*/, false)
            ChangeSideLiteHeight('Door'/*Transom || Door*/, true)
            transomOverLeftLite = true;
            transomOverRightLite = true;
            break;
    }
    UpdateTransomWidth();
}

function UpdateTransomWidth() {

    var radTransomAdd = $get(currCtlDepth + 'radTransomAdd');
    if (!radTransomAdd.checked) {
        $get(currCtlDepth + 'doorTransomWidth').innerHTML = 'NONE';
        $get(currCtlDepth + 'hdnDoorTransomWidth').value = 'NONE';
        return;
    }
    var radLeftLite = $get(currCtlDepth + 'radAddLftSideLite');
    var radRightLite = $get(currCtlDepth + 'radRhtLiteOn');
    //
    var fractionLiteLeft = 0;
    var wholeDoor = 0;
    var wholeLiteLeft = 0;
    var wholeLiteRight = 0;
    var fractionDoor = 0;
    var fractionLiteRight = 0;
    //

    wholeDoor = $get(sliderDoorWidthClientID).innerHTML;
    fractionDoor = $get(sliderDoorFractWidthValue).innerHTML;

    if (transomOverLeftLite && radLeftLite.checked) {
        wholeLiteLeft = $get(sliderSideLiteLeftWidthClientID).innerHTML;
        fractionLiteLeft = $get(sliderSideLiteLeftFractWidthClientID).innerHTML;
    }
    if (transomOverRightLite && radRightLite.checked) {
        wholeLiteRight = $get(sliderSideLiteRightWidthClientID).innerHTML;
        fractionLiteRight = $get(sliderSideLiteRightFractWidthClientID).innerHTML;
    }

    //Add them up
    var wholeWidth = parseInt(wholeDoor) + parseInt(wholeLiteLeft) + parseInt(wholeLiteRight);
    var fractionWidth = parseFloat(fractionDoor) + parseFloat(fractionLiteLeft) + parseFloat(fractionLiteRight);
    var tempWhole = wholeWidth;
    tempWhole += fractionWidth;

    fractionWidth = MakeFraction(tempWhole.toString().substring(tempWhole.toString().indexOf('.'), 10));
    //

    $get(currCtlDepth + 'doorTransomWidth').innerHTML = wholeWidth + ' ' + fractionWidth;
    $get(currCtlDepth + 'hdnDoorTransomWidth').value = wholeWidth + ' ' + fractionWidth;
    //
    AnimateElement(currCtlDepth + 'doorTransomWidth', 555);
}