<!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>Film Rate Calculator (iPhone version) - Digital Rebellion</title>
        <link href="http://www.digitalrebellion.com/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/film_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 how much film will be needed for a certain number of shooting hours."></meta>
        <meta name="keywords" lang="en" content="digital rebellion, post production, film, roll, footage, feet, calculator, iphone"></meta>
        <meta name="robots" content="all"></meta>
        <meta name="author" content="Digital Rebellion, LLC"></meta>
        <script src="film_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;">Film Rate Calc</h1>
    </div>

    <div class="panel">
        <fieldset>
            <div class="row">
                <label>Film Format
                <select style="position: relative; right: -15px;" id="format" name="format" onchange="Javascript: recalculate();" onkeyup="Javascript: recalculate();">
                    <option id="ssuper8">Super8</option>
                    <option id="s16">16mm</option>
                    <option id="s35" selected="selected">35mm</option>
                    <option id="s35-2">35mm 2-perf</option>
                    <option id="s35-3">35mm 3-perf</option>
                    <option id="s65">65mm</option>
                </select>
                </label>
            </div>
                        
            <div class="row">
                <label>Frame rate
                    <select style="position: relative; right: -8px" id="frame_rate" name="frame_rate" onchange="Javascript: recalculate();" onkeyup="Javascript: recalculate();">
                        <option id="f5">5</option>
                        <option id="f6">6</option>
                        <option id="f10">10</option>
                        <option id="f12">12</option>
                        <option id="f15">15</option>
                        <option id="f18">18</option>
                        <option id="f24" selected="selected">24</option>
                        <option id="f25">25</option>
                        <option id="f30">30</option>
                        <option id="f50">50</option>
                        <option id="f60">60</option>
                        <option id="f75">75</option>
                        <option id="f90">90</option>
                        <option id="f120">120</option>
                        <option id="f150">150</option>
                        <option id="f180">180</option>
                        <option id="f200">200</option>
                        </select>
                </label>
            </div>
            
            <div class="row">
                <label>Multiplier
                <input style="position: relative; right: -7px; text-align:center; width: 4em;" type="text" id="mult_val" name="mult_val" value="1000" size="6" maxlength="6" onclick="Javascript: resetTextBox();" onkeyup="Javascript: validate_text();" onchange="Javascript: validate_text();"></input>
            </label>
                <span style="position: relative; left: 11.5em; line-height: 42px;"><select id="mult_type" name="mult_type"  onchange="Javascript: recalculate();" onkeyup="Javascript: recalculate();"><option id="feet">feet</option><option id="meters">meters</option><option id="hours">hours</option><option id="minutes">minutes</option><option id="seconds">seconds</option><option id="frames">frames</option></select></span>
            </div>
        </fieldset>
        
<h2 style='font-size: medium;border:0;'><span id='output'>Total time: </span></h2>
</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/film_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();recalculate();</script>
</div>

</body>
</html>