<!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>Pixel 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 pixel aspect ratios (PAR) and the required resolution for inserting an image into a non-square pixel timeline."></meta>
        <meta name="keywords" lang="en" content="digital rebellion, post production, pixel aspect ratio, par, resolution, calculator, iphone"></meta>
        <meta name="robots" content="all"></meta>
        <meta name="author" content="Digital Rebellion, LLC"></meta>
        <script src="pixel_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;">Pixel Aspect 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="source">Source dimensions</option>
                    <option id="target">Target dimensions</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">601-NTSC</option>
                        <option id="ntsc_169">601-NTSC 16:9</option>
                        <option id="dv_ntsc" selected="selected">DV NTSC</option>
                        <option id="dv_ntsc_169">DV NTSC 16:9</option>
                        <option id="dv_pal">DV PAL</option>
                        <option id="dv_pal_169">DV PAL 16:9</option>
                        <option id="dvcprohd_720">DVCPROHD 720</option>
                        <option id="hdv_720">HDV 720</option>
                        <option id="dvcprohd_1080">DVCPROHD 1080</option>
                        <option id="hdv_1080">HDV 1080</option>
                        <option id="hdcam_1080">D5 1080</option>
                    </select>
                </label>
            </div>
            
            <div class="row" id="div_source_res">
                <label>Source Res
                <input style="width: 2.5em; margin-right: 0.5em;" type="text" id="res_s_w" name="res_s_w" value="720" size="6" maxlength="6" onfocus="Javascript: resetTextBox('res_s_w');" onkeyup="Javascript: validate_text('res_s_w');" onchange="Javascript: validate_text('res_s_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_s_h" name="res_s_h" value="540" size="6" maxlength="6" onfocus="Javascript: resetTextBox('res_s_h');" onkeyup="Javascript: validate_text('res_s_h');" onchange="Javascript: validate_text('res_s_h');"></input></span>
            </div>

            <div class="row" id="div_target_res">
                <label>Target Res
                <input style="width: 2.5em; margin-right: 0.5em;" type="text" id="res_t_w" name="res_t_w" value="720" size="6" maxlength="6" onfocus="Javascript: resetTextBox('res_t_w');" onkeyup="Javascript: validate_text('res_t_w');" onchange="Javascript: validate_text('res_t_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_t_h" name="res_t_h" value="480" size="6" maxlength="6"></input></span>
            </div>
            
            <div class="hide" id="div_aspect">
                <label>Pixel Aspect Ratio
                    <input style="position: relative; right: -7px; text-align:center; width: 3em; margin-right: 0.5em;" type="text" id="txt_aspect" name="txt_aspect" value="1.85" size="6" maxlength="6" onclick="Javascript: resetTextBox('txt_aspect');" onkeyup="Javascript: validate_text('txt_aspect');" onchange="Javascript: validate_text('txt_aspect');"></input>
                </label>
            </div>
            
        </fieldset>
        
<h2 style='font-size: medium;border:0;'><span id='output'>Pixel 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 style="margin-top: 1em; 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;"><b>Please note: Presets are optimized for Final Cut Pro and are not SMPTE-standard.</b></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/pixel_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>
</div>

</body>
</html>