<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Lens Angle Calculator (iPhone version) - Digital Rebellion</title>
        <link href="layout_lite.css" rel="stylesheet" type="text/css"></link>
        <link href="images/iphone/iui.css" rel="stylesheet" type="text/css"></link>
        <link rel="apple-touch-icon" href="http://www.digitalrebellion.com/images/lens_calc_icon.png"></link> 
        <meta content="text/xhtml; charset=UTF-8"></meta>
        <meta name="viewport" content="width=320; height=356; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
        <meta name="description" lang="en" content="Use this calculator to calculate the lens angle or focal length for a given sensor size."></meta>
        <meta name="keywords" lang="en" content="digital rebellion, post production, lens angle, calculator, iphone"></meta>
        <meta name="robots" content="all"></meta>
        <meta name="author" content="Digital Rebellion, LLC"></meta>
        <script src="lens_calc.js" type="text/JavaScript"></script>
        <script src="scripts/feedback.js" type="text/JavaScript"></script>
    </head>
    
    <body>
<div class="toolbar">

        <h1 id="pageTitle" style="border:0; width:9em;">Lens Angle Calc</h1>
    </div>

    <div class="panel">
        <fieldset>
            <div class="row">
                <label>Calculate
                <select style="position: relative; right: -15px;" id="calc" name="calc" onchange="Javascript: changeType();" onkeyup="Javascript: changeType();">
                    <option id="horiz_angle" selected="selected">Horizontal lens angle</option>
                    <option id="vert_angle">Vertical lens angle</option>
                    <option id="focal_length_h">Focal length (horiz. angle)</option>
                    <option id="focal_length_v">Focal length (vert. angle)</option>
                </select>
                </label>
            </div>
            
            <div class="row" id="div_preset">
                <label>Preset
                <select style="position: relative; right: -10px" id="res_presets1" name="res_presets1"  onchange="Javascript: changePreset();" onkeyup="Javascript: changePreset();">
                        <option id="stan_16">Standard 16mm</option>
                        <option id="super_16">Super 16mm</option>
                        <option id="academy_35" selected="selected">Academy 35mm</option>
                        <option id="full_35">Full Frame 35mm</option>
                        <option id="ana_35">Anamorphic 35mm</option>
                        <option id="vistavision">VistaVision</option>
                        <option id="stan_65">65mm</option>
                        <option id="quarter_video">1/4" video</option>
                        <option id="third_video">1/3" video</option>
                        <option id="half_video">1/2" video</option>
                        <option id="twothirds_video">2/3" video</option>
                    </select>
                </label>
            </div>
            
            <div class="row" id="div_width">
                <label>Frame width
                <input style="width: 3.5em; margin-right: 0.5em;" type="text" id="res_w" name="res_w" value="20.96" size="6" maxlength="6" onfocus="Javascript: resetTextBox('res_w');" onkeyup="Javascript: validate_text('res_w');" onchange="Javascript: validate_text('res_w');"></input><b>mm</b>
                </label>
            </div>

            <div class="hide" id="div_height">
                <label>Frame height
                <input type="text" style="width: 3.5em; margin-right: 0.5em;" id="res_h" name="res_h" value="15.3" size="6" maxlength="6" onfocus="Javascript: resetTextBox('res_h');" onkeyup="Javascript: validate_text('res_h');" onchange="Javascript: validate_text('res_h');"></input><b>mm</b>
                </label>
            </div>

            
            <div class="row" id="div_focal">
                <label>Focal length
                    <input style="text-align:center; width: 3.5em; margin-right: 0.5em;" type="text" id="txt_focal" name="txt_focal" value="400" size="6" maxlength="6" onclick="Javascript: resetTextBox('txt_focal');" onkeyup="Javascript: validate_text('txt_focal');" onchange="Javascript: validate_text('txt_focal');"></input><b>mm</b>
                </label>
            </div>

            <div class="hide" id="div_hangle">
                <label>Horizontal lens angle
                    <input style="position: relative; right: -7px; text-align:center; width: 3em; margin-right: 0.5em;" type="text" id="txt_hangle" name="txt_hangle" value="1.4" size="6" maxlength="6" onclick="Javascript: resetTextBox('txt_hangle');" onkeyup="Javascript: validate_text('txt_hangle');" onchange="Javascript: validate_text('txt_hangle');"></input>
                </label>
            </div>

            <div class="hide" id="div_vangle">
                <label>Vertical lens angle
                    <input style="position: relative; right: -7px; text-align:center; width: 3em; margin-right: 0.5em;" type="text" id="txt_vangle" name="txt_vangle" value="1.4" size="6" maxlength="6" onclick="Javascript: resetTextBox('txt_vangle');" onkeyup="Javascript: validate_text('txt_vangle');" onchange="Javascript: validate_text('txt_vangle');"></input>
                </label>
            </div>            
        </fieldset>
        
<h2 style='font-size: medium;border:0;'><span id='output'>Horizontal lens angle: </span></h2>
<b><a href="Javascript: showHideMoreStats();"><span id="morestatslabel">More stats &#62;</span></a></b><div id="morestats" class="hide"></div>
</div>

<div style="margin-bottom: 1em;">By <a href="http://www.digitalrebellion.com/">Digital Rebellion</a></div>
<div style="margin-bottom: 1em;"><b><a href="Javascript: linkToPage();">Link to this calculation</a></b> <span style="color: red;">New!</span></div>

<div style="margin-bottom: 1em;"><span id="feedbacklabel"><b>Comments, suggestions, bug reports?<br /><a href="Javascript: openFeedback(false);">Leave feedback</a></b></span><span id="pageurl" class="hide">http://www.digitalrebellion.com/lens_calc_mobile.xml</span><div id="feedbackform" class="hide"><textarea cols="30" rows="6" id="txtfeedback"></textarea><br /><a href="Javascript: submitFeedback();">Submit</a> <a href="Javascript: openFeedback(true);">Cancel</a><br /><br /><b>If you would like a reply, please include your <br />email address.</b></div>
<script type="text/Javascript">querystring_calc();changeType();</script>
</div>

</body>
</html>