function ChangeSideLiteHeightSelect(sender, isLeftLite) {
    var selectedValue = sender.options[sender.selectedIndex].value;;
    if ($get('ctl00_ContentPlaceHolder1_UC_BuildDoor1_hdnDoorTransomHeight').value == 'NONE'
        && selectedValue=='Transom') {
        alert('Adjust your transom height');return;
    }
    ChangeSideLiteHeight(selectedValue, isLeftLite);
}
//Transome Variables
//transomOverLeftLite;
// transomOverRightLite;
var leftLiteEvenWithTransom = false;
var rightLiteEvenWithTransom = false;
function ChangeSideLiteHeight(value, isLeftLite) {
    //230px Default height id=lftLite
    //leftLiteBtmPart <--- image
    var leftLiteTopPart = $get('leftLiteTopPart').style;
    var rightLiteTopPart = $get('rightLiteTopPart').style;
    //var isLeftLite = sender.id.indexOf('ddlRightLiteHeightOpt') == -1;
    switch (value) {

        case "Door":
            if (isLeftLite) {
                leftLiteTopPart.height = '11px';
                leftLiteTopPart.marginTop = '0';
                leftLiteEvenWithTransom = false;
                $get(currCtlDepth + 'ddlLeftLiteHeightOpt').selectedIndex = 0;
            }
            else {
                rightLiteTopPart.height = '11px';
                rightLiteTopPart.marginTop = '0';
                rightLiteEvenWithTransom = false;
                $get(currCtlDepth + 'ddlRightLiteHeightOpt').selectedIndex = 0;
            }
            break;

        case "Transom":
            if (isLeftLite) {
                if (transomOverLeftLite) {
                    alert('Change transom position');
                    $get(currCtlDepth + 'ddlLeftLiteHeightOpt').selectedIndex = 0;
                    return;
                }
                leftLiteTopPart.height = '100px';
                leftLiteTopPart.marginTop = '-92px';
                leftLiteEvenWithTransom = true;
                //alert(leftLiteEvenWithTransom);
            }
            else {
                if (transomOverRightLite) {
                    alert('Change transom position');
                    $get(currCtlDepth + 'ddlRightLiteHeightOpt').selectedIndex = 0;
                    return;
                }
                rightLiteTopPart.height = '100px';
                rightLiteTopPart.marginTop = '-92px';
                rightLiteEvenWithTransom = true;
            }
            break;
    }
    UpdateSideLiteHeight('left');
    UpdateSideLiteHeight('right');
    UpdateTransomWidth();
}
// leftLiteEvenWithTransom   
// rightLiteEvenWithTransom
function UpdateSideLiteHeight(leftOrRightLite) {


    var transHeight = $get(sliderTransomHeightClientID).innerHTML;
    var doorHeight = $get(sliderDoorHeightClientID).innerHTML;
    var liteHeight = 0;

    var doorDecimalHeight = $get(sliderDoorFractHeightClientID).innerHTML;
    var transDecimalHeight = $get(sliderTransomFractHeightClientID).innerHTML;

    var addedDecimals = parseFloat(doorDecimalHeight) + parseFloat(transDecimalHeight);
    //$get('temp').innerHTML = addedDecimals;
    if (addedDecimals > .9999999999999999) {
        var wholePart = addedDecimals.toString().split('.')[0];
        addedDecimals = parseFloat('.' + addedDecimals.toString().split('.')[1]);
        doorHeight = parseFloat(wholePart) + parseFloat(doorHeight);
    }
    var fraction = MakeFraction(addedDecimals);
    switch (leftOrRightLite) {

        case "left":
            if ($get(currCtlDepth + 'radNoLftSideLite').checked == true) return;
            if (leftLiteEvenWithTransom) {
                if (transHeight.toLowerCase() == 'none') {
                    alert('Choose transom height');
                    $get(sliderTransomHeightClientID).innerHTML = 12;
                }
                liteHeight = parseInt(transHeight) + parseInt(doorHeight);
            }
            else {
                liteHeight = doorHeight;
                fraction = MakeFraction(parseFloat(doorDecimalHeight));
                $get(currCtlDepth + 'ddlLeftLiteHeightOpt').selectedIndex = 0;
            }

            $get(currCtlDepth + 'doorLiteLeftHeight').innerHTML = ' & Height = ' + liteHeight + ' ' + fraction;
            $get(currCtlDepth + 'hdnDoorLiteLeftHeight').value = liteHeight + ' ' + fraction;
            //
            AnimateElement(currCtlDepth + 'doorLiteLeftHeight', 555);
            break;

        case "right":

            if ($get(currCtlDepth + 'radRhtLiteOff').checked == true) return;
            if (rightLiteEvenWithTransom) {
                if (transHeight.toLowerCase() == 'none') {
                    alert('Choose transom height');
                    $get(sliderTransomHeightClientID).innerHTML = 12;
                }
                liteHeight = parseInt(transHeight == 'NONE' ? '0' : transHeight) + parseInt(doorHeight);
            }
            else {
                liteHeight = doorHeight;
                fraction = MakeFraction(parseFloat(doorDecimalHeight));
                $get(currCtlDepth + 'ddlRightLiteHeightOpt').selectedIndex = 0;
            }

            $get(currCtlDepth + 'doorLiteRightHeight').innerHTML = ' & Height = ' + liteHeight + ' ' + fraction;
            $get(currCtlDepth + 'hdnDoorLiteRightHeight').value = liteHeight + ' ' + fraction;
            //
            AnimateElement(currCtlDepth + 'doorLiteRightHeight', 555);
            break;
    }
}