<!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>Aspect Ratio 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/aspect_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 work out aspect ratios and pixel resolutions of video footage."></meta>
        <meta name="keywords" lang="en" content="digital rebellion, post production, aspect ratio, resolution, width, height, calculator, iphone"></meta>
        <meta name="robots" content="all"></meta>
        <meta name="author" content="Digital Rebellion, LLC"></meta>
        <script src="aspect_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;">Aspect Ratio 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="aspect" selected="selected">Aspect ratio</option>
                    <option id="width">Width</option>
                    <option id="height">Height</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="ntsc">NTSC</option>
                        <option id="dv_ntsc" selected="selected">DV NTSC</option>
                        <option id="dv_pal">DV PAL</option>
                        <option id="ntsc_601">CCIR 601 NTSC</option>
                        <option id="ntsc_601_sq">CCIR 601 Sq. NTSC</option>
                        <option id="pal_601_sq">CCIR 601 Sq. PAL</option>
                        <option id="hdtv_720">HDTV 720</option>
                        <option id="hdtv_1080">HDTV 1080</option>
                        <option id="hdv_720">HDV 720</option>
                        <option id="hdv_1080">HDV 1080</option>
                        <option id="acad_2k_185">2K Academy 185</option>
                        <option id="acad_2k_178">2K Academy 178</option>
                        <option id="acad_2k_166">2K Academy 166</option>
                        <option id="acad_2k">2K Academy</option>
                        <option id="acad_2k_scope">2K Academy Scope</option>
                        <option id="super_2k_35">2K Super 35</option>
                        <option id="super_2k_185">2K Super 185</option>
                        <option id="super_2k_178">2K Super 178</option>
                        <option id="super_2k_166">2K Super 166</option>
                        <option id="full_2k">2K Full Aperture</option>
                        <option id="acad_4k_185">4K Academy 185</option>
                        <option id="acad_4k_178">4K Academy 178</option>
                        <option id="acad_4k_166">4K Academy 166</option>
                        <option id="acad_4k">4K Academy</option>
                        <option id="acad_4k_scope">4K Academy Scope</option>
                        <option id="super_4k_35">4K Super 35</option>
                        <option id="super_4k_185">4K Super 185</option>
                        <option id="super_4k_178">4K Super 178</option>
                        <option id="super_4k_166">4K Super 166</option>
                        <option id="full_4k">4K Full Aperture</option>
                        <option id="red_2540">RED 2540p</option>
                    </select>
                </label>
            </div>
            
            <div class="row" id="div_res">
                <label>Resolution
                <input style="width: 2.5em; margin-right: 0.5em;" type="text" id="res_w" name="res_w" value="720" size="6" maxlength="6" onfocus="Javascript: resetTextBox('res_w');" onkeyup="Javascript: validate_text('res_w');" onchange="Javascript: validate_text('res_w');"></input>
                <span><b>x</b></span>
                </label>
                <span style="position: relative; left: 12em; line-height: 42px;"><input type="text" style="width: 2.5em;" id="res_h" name="res_h" value="480" size="6" maxlength="6" onfocus="Javascript: resetTextBox('res_h');" onkeyup="Javascript: validate_text('res_h');" onchange="Javascript: validate_text('res_h');"></input></span>
            </div>
            
            <div class="hide" id="div_aspect">
                <label>Aspect Ratio
                <select style="position: relative; right: -5px;" id="cbo_aspect" name="cbo_aspect" onchange="Javascript: changeAspect();" onkeyup="Javascript: changeAspect();">
                    <option id="a133">1.33:1 (4:3 video)</option>
                    <option id="a137">1.37:1 (Academy ratio)</option>
                    <option id="a143">1.43:1 (IMAX)</option>
                    <option id="a150" selected="selected">1.5:1 (3:2 video)</option>
                    <option id="a156">1.56:1 (14:9)</option>
                    <option id="a166">1.66:1 (Super16)</option>
                    <option id="a178">1.78:1 (16:9 widescreen)</option>
                    <option id="a185">1.85:1 (35mm standard)</option>
                    <option id="a220">2.20:1 (70mm standard)</option>
                    <option id="a235">2.35:1 (35mm anam.)</option>
                    <option id="a239">2.39:1 (35mm anam.)</option>
                    <option id="custom_aspect">Custom</option>
                </select>
                </label>
            </div>
            
            <div class="hide" id="div_custom_aspect">
                <label>Custom Aspect Ratio
                    <input style="position: relative; right: -7px; text-align:center; width: 3em; margin-right: 0.5em;" type="text" id="txt_custom_aspect" name="txt_custom_aspect" value="1.85" size="6" maxlength="6" onclick="Javascript: resetTextBox('txt_custom_aspect');" onkeyup="Javascript: validate_text('txt_custom_aspect');" onchange="Javascript: validate_text('txt_custom_aspect');"></input>
                </label>
            </div>

            <div class="hide" id="div_width">
                <label>Width
                <input style="position: relative; right: -7px; text-align:center; width: 3em; margin-right: 0.5em;" type="text" id="res_w2" name="res_w2" value="720" size="6" maxlength="6" onclick="Javascript: resetTextBox('res_w2');" onkeyup="Javascript: validate_text('res_w2');" onchange="Javascript: validate_text('res_w2');"></input>
                </label>
            </div>
            
            <div class="hide" id="div_height">
                <label>Height
                <input style="position: relative; right: -7px; text-align:center; width: 3em; margin-right: 0.5em;" type="text" id="res_h2" name="res_h2" value="480" size="6" maxlength="6" onclick="Javascript: resetTextBox('res_h2');" onkeyup="Javascript: validate_text('res_h2');" onchange="Javascript: validate_text('res_h2');"></input>
                </label>
            </div>
            
        </fieldset>
        
<h2 style='font-size: medium;border:0;'><span id='output'>Aspect ratio: </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/aspect_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>