<style>
.option-list {
    padding-top: 5px
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 6px;
    margin-bottom: 3px;
}
.option-list .option {
    margin-bottom: 5px
}

.yt-primary-box {
    background-color: #eff4fc;
    border: 1px solid #c6d1eb;
    padding: 10px
}

.yt-narrative-box {
    background-color: white;
    border: 1px solid #ccc;
    border-right-width: 2px;
    border-bottom-width: 2px;
    padding: 10px
}
.yt-message-success {
    display: block;
    background-color: #ceeeb2;
    padding: 5px 8px
}

.yt-message-error {
    display: block;
    background-color: #ffafae;
    padding: 5px 8px
}

.yt-message-info {
    display: block;
    background-color: #ffffe0;
    padding: 5px 8px
}

.yt-message-warning {
    display: block;
    background-color: #b1cdf0;
    padding: 5px 8px
}

.autoshare-intro {
    padding-bottom: 5px
}

.autoshare-service {
    margin-right: 30px;
    cursor: pointer
}

.autoshare-service-detail {
    margin-left: 10px;
    margin-bottom: 10px
}

.autoshare-service-name {
    font-size: 13px
}

.autoshare-services {
    padding-top: 10px;
    padding-bottom: 10px
}

.autoshare-box {
    font-size: 11px;
    margin-top: 10px;
    padding: 7px;
    background-color: #fff;
    border: 1px solid #c6d1eb
}

.autoshare-service-icon {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    display: inline;
    float: left
}

.autoshare-info-box-text {
    float: left;
    width: 450px;
    font-weight: bold
}
.autoshare-widget-promo {
    float: right;
    padding-left: 10px
}

.autoshare-widget-top {
    color: #999;
    margin: 7px 0 0 30px;
    padding: 7px 20px 3px 0;
    border-top: 1px dotted #999
}

.autoshare-widget-waiting {
    margin: 7px 0 0 30px;
    padding: 7px 20px 0 0;
    border-top: 1px dotted #999
}

.autoshare-widget-services {
    padding: 0 0 3px 30px
}

.autoshare-widget-success {
    padding: 5px 0 5px 30px;
    margin-top: 5px;
    background: #bde3c6
}

.autoshare-widget-success-text {
    padding: 2px 10px 0 0
}

.autoshare-widget-service {
    display: inline;
    padding: 0 20px 0 0
}

.autoshare-widget-service input {
    margin: 0
}

.autoshare-widget-service .autoshare-widget-service-icon {
    display: inline
}

.autoshare-widget-service-name {
    display: inline
}

.autoshare-widget-message-box {
    padding-left: 30px;
    float: left;
    display: inline
}

.autoshare-widget-message-box textarea {
    height: 30px;
    max-width: 435px
}

.autoshare-widget-buttons {
    float: left;
    display: inline;
    padding-top: 5px
}

.autoshare-widget-modify-links {
    float: right;
    padding-top: 4px
}

.autoshare-widget-customize {
    margin-right: 10px
}

.autoshare-widget-cancel-link {
    border-left: 1px solid #ccc;
    padding-left: 10px
}

.autoshare-widget-message-remaining {
    clear: both;
    padding: 3px 0 0 30px;
    color: #999
}

#autoshare-widget-favorite-wizard {
    border-top: 1px solid #ccc;
    background: #eff7ff;
    padding: 8px 40px 5px 0
}

.autoshare-wizard-links {
    padding: 5px 0 0 70px
}

.autoshare-wizard-opt-in-link {
    padding-right: 15px;
    border-right: 1px solid #000;
    font-weight: bold
}

.autoshare-wizard-opt-out-link {
    padding-left: 15px
}

.tag-suggest-container {
    margin: 5px 0 10px 0
}

.tag-suggest-title {
    float: left;
    padding-top: 2px;
    margin-right: 5px
}

.tag {
    float: left;
    padding: 2px 4px 2px 4px;
    margin: 0 10px 5px 0;
    color: #0033cc;
    background-color: #f1f5fd;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c7d1eb
}

.tag-add {
    padding-right: 3px
}

.tag-suggest-add-all {
    white-space: nowrap;
    float: left;
    padding-top: 4px;
    cursor: pointer
}

.generating-tags {
    float: left;
    margin: 3px 4px 0 0
}

#upload-page {
    margin-bottom: 14px
}

#left-col {
    float: left;
    width: 650px;
    margin: 0 15px 0 0
}

#right-col {
    float: left;
    width: 295px;
    margin: 0
}

#top-row {
    width: 100%;
    overflow: hidden
}

#bottom-row {
    clear: both
}

.noscript-warning {
    border-bottom: 1px solid #c6d1eb;
    padding: 10px
}

.header {
    font-size: 20px;
    line-height: 28px;
    padding: 0 0 5px 0;
    margin-top: 10px
}

input.textbox,textarea {
    width: 99%
}

input.radio,input.checkbox {
    margin: 0 5px 0 0;
    vertical-align: middle
}

.option-list {
    padding-top: 0
}

.upload-outer-box {
    background-color: #eff4fc;
    border: 1px solid #c6d1eb;
    padding: 10px;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

#upload-another {
    margin-top: -5px;
    margin-bottom: 5px
}

#upload-another h4 {
    float: left
}

#upload-another h4#my-videos-link {
    float: right
}

.upload-inner-box {
    background-color: white;
    border: 1px solid #999;
    padding: 10px
}

.starting-box {
    margin-bottom: 10px
}

#starting-box {
    width: 388px;
    float: left;
    text-align: center;
    padding: 40px 0;
    font-size: 13px;
    position: relative
}

#loading-message {
    font-size: 18px;
    color: #a8a8a8;
    position: absolute;
    width: 100%;
    text-align: center
}

#upload-prompt-box {
    visibility: hidden;
    overflow: hidden;
}

#about-uploading-box {
    float: left;
    margin-left: 20px
}

#about-uploading-box ul.constraints {
    list-style: disc inside none
}

#my-videos-upload-button {
    padding: 0 20px;
    font-size: 13px;
    margin: 0 10px
}

#record-from-webcam {
    font-weight: bold
}

.upload-tools {
    margin-bottom: 1em
}

.upload-tools img {
    float: left;
    margin-right: 10px
}

.upload-tools img#tools-icon {
    margin-left: 17px
}

.upload-tools .upload-sidebar-content {
    margin-left: 56px
}

.upload-tools .upload-sidebar-content h4 {
    margin-top: 0
}

#instructions {
    background-color: #f2f2f2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 15px;
}

p.instruction {
    margin: 10px 0
}

p.autosharing {
    margin-bottom: 5px
}

#sponsored-videos-box h2.title {
    font-size: 14px;
    margin-top: 20px
}

h2.title {
    height: auto;
}

#liad-promo .yt-alert-content {
    font-weight: normal
}

#liad-promo .yt-alert-content .life-in-day-url {
    font-weight: bold
}

.upload-item-container h2,.upload-item-container h3 {
    margin: 0 5px;
    vertical-align: top
}

.upload-item-container h2 img.title-image {
    vertical-align: text-top
}

.upload-item-container h3 {
    color: #666;
    padding: 10px 0;
    border-top: 1px solid #ccc
}

.upload-item-container h3 {
    cursor: pointer;
    cursor: hand
}

.upload-item-container h3 img.master-sprite {
    vertical-align: middle;
    margin: -1px 0 0 5px;
    height: 13px;
    width: 13px;
    background-position: 0 -575px;
    background-image: url(/img/master-vfl159389.png);
}

.upload-item-container h3 img.master-sprite:hover {
    background-position: -13px -575px
}

.upload-item-container h3 img.master-sprite:active {
    background-position: -26px -575px
}

.upload-item-container h3.expanded img.master-sprite {
    background-position: -39px -575px
}

.upload-item-container h3.expanded img.master-sprite:hover {
    background-position: -52px -575px
}

.upload-item-container h3.expanded img.master-sprite:active {
    background-position: -65px -575px
}

.upload-item-container h2 span.upload-size-contain {
    font-size: 11px;
    color: #666;
    font-weight: normal
}

dl.table-display {
    float: left;
    width: 100%;
    padding-bottom: 10px
}

.table-display dt {
    clear: left;
    float: left;
    width: 120px;
    margin: 0;
    padding: 10px;
    font-weight: normal;
    text-align: right
}

.table-display dd {
    float: left;
    margin: 0;
    padding: 8px 5px 5px 5px;
    width: 450px
}

.progress-bar {
    display: block;
    background-color: white;
    padding: 1px;
    border: 1px solid #ccc;
    vertical-align: middle;
    width: 200px;
    height: 15px;
    float: left
}

.progress-bar span {
    display: block;
    height: 15px
}

.progress-bar span.progress-bar-fill {
    width: 0;
    background-color: #6483dc;
    background-repeat: repeat-x
}

.progress-html {
    float: left;
    padding-top: 2px;
    font-weight: bold
}

.processing-progress {
    color: #666666
}

.processing-progress-title,.processing-progress-metadata-percentage {
    font-weight: bold
}

.file-icon-uploading {
    margin-top: -2px;
    vertical-align: middle
}

.progress-metadata {
    padding: 2px 0 0 10px;
    float: left
}

.progress-metadata-percentage {
    font-weight: bold
}

.progress-metadata-cancel {
    margin-left: 10px
}

.progress-metadata-status {
    color: #666
}

.jslink {
    color: #03c;
    cursor: pointer;
    cursor: hand
}

.jslink:hover {
    text-decoration: underline
}

.live-thumbnail-container-wrapper {
    overflow: hidden;
    width: 400px
}

.live-thumbnail-container {
    width: 600px
}

.live-thumbnail {
    background-color: #e0e0e0;
    width: 75px;
    height: 60px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
}

.live-thumbnail-old {
    opacity: 0.5
}

.readonly {
    color: #666
}

.radio-label-disabled {
    font-size: 13px;
    color: gray
}

#save-changes-button {
    padding: 0 20px;
    font-size: 13px;
    margin: 0 10px
}

.partner-section {
    margin: 2em 0
}

.partner-sub {
    margin-top: 1em
}

.indent {
    margin: 0 2em
}

.warn {
    color: #ff0000
}

.rental-box {
    margin-top: 0.2em;
    padding: 0.5em 1em;
    border: 1px solid #ccc;
    background-color: #f8f8f8
}

.claimproof-contain,.metadata-contain {
    margin: 0 2em;
    padding: 0 0.5em;
    background-color: #f8f8f8;
    border: 1px solid #ccc
}

.metadata-contain,.yt-primiary-box {
    margin-left: 0;
    padding: 1em
}

.metadata-contain input,.yt-primary-box input {
    width: 66%;
    margin-bottom: 0.2em
}

table.claimproof {
    width: 100%;
    border-collapse: collapse
}

table.claimproof th,table.claimproof td {
    padding: 0.3em 0.5em
}

table.claimproof td {
    border-top: 1px #ccc solid
}

table.claimproof td.radio {
    text-align: center
}

.claimproof-invalid {
    border: 2px solid #ff0000
}

.asset-radios {
    text-align: left
}

.asset-radios label {
    display: block
}
.live-thumbnail.loaded {
    background-color: #000;
}
</style>
<script>
    function ajax(e,t,s={}){var n=new FormData;Object.keys(s).forEach(function(e){n.append(e,s[e])});var o=new XMLHttpRequest;return o.onload=function(){200===this.status||404===this.status?(isJsonString(this.responseText)&&(this.responseText=JSON.parse(this.responseText)),t(this.responseText,o)):(t(this.responseText,o))},o.open("POST",e,!0),o.setRequestHeader("DYN","1"),o.send(n),o}
    function isJsonString(str) {
        try {
            JSON.parse(str);
        } catch (e) {
            return false;
        }
        return true;
    }
    function updateInfo(e, o) {
        document.getElementById('video-title').innerHTML = "<img class='title-image' src='/img/icn_file-vfl151459.png'> " + e + " <span id='video-size' style='font-size: 11px;font-weight: normal;color: #666;'>("+Math.round(o/1000000)+"MB)</span>";
        document.getElementById('file-name').innerHTML = e;
        document.getElementById('upload-item-template').classList.remove('hid');
        document.getElementsByClassName('upload-container')[0].classList.remove('hid');
        document.getElementById('upload-interface').classList.add('hid');
        document.getElementsByClassName('progress-metadata-percentage')[0].innerHTML = "0%";
        document.getElementsByClassName('video-settings-title')[0].value = e;
        startUpload();
    }
    function validateFile(e) {
        var file = e.files[0];
        var video = document.createElement('video');
        video.preload = 'metadata';
        video.onloadedmetadata = function() {
            window.URL.revokeObjectURL(video.src);
            if (video.duration >= <?= $Duration ?>) {
                showError();
                return;
            }
            document.getElementById('file-res').innerHTML = video.videoWidth / video.videoHeight;
            updateInfo(file.name, file.size);
        }
        video.src = URL.createObjectURL(file);
        BitViewUploader.subscribe("file-type-error", function(file) {
            alert("<?= $LANGS['needfilevideotoupload'] ?>");
            return false;
        });
        BitViewUploader.subscribe("file-added", function(data) {
            // As a hack, the ajax() method used here is provided over to the BitViewUploader.
            BitViewUploader.prepare(ajax, {
                title: file.name,
                description: "",
                tags: "",
                privacy: 1,
                day: 0,
                month: 0,
                year: 0,
                category: 1,
                country: 0,
                address: ""
            });
        });
    }
    function showError() {
        var msg = "<?= str_replace("{n}", round($Duration / 60), $LANGS['durationerror']) ?>";
        alert(msg);
    }
    function updateTitle(e) {
        document.getElementById('video-title').innerHTML = "<img class='title-image' src='/img/icn_file-vfl151459.png'> " + e.value + " <span id='video-size' style='font-size: 11px;font-weight: normal;color: #666;'>"+document.getElementById('video-size').innerHTML+"</span>";
        generateTags();
    }
    function startUpload() {   
        BitViewUploader.subscribe("prepared", function(data) {
            if (!("videoId" in data)) {
                throw Error("Attempted to prepare upload without video ID.");
            }
            
            var videoId = data.videoId;
            
            document.getElementById('file-url').innerHTML = videoId;
            document.getElementById("video-sharing-url").value = "http://www.bitview.net/watch?v=" + videoId;
            document.getElementById("video-embed-url").value =
                '<iframe id="embedplayer" src="http://www.bitview.net/embed?v=' + videoId + 
                '" width="427" height="343" allowfullscreen scrolling="off" frameborder="0"></iframe>';
        });     
        BitViewUploader.upload();
    }
    function updateVideo() {
        for (i = 0; i < document.getElementsByName('privacy').length; i++) {
            if (document.getElementsByName('privacy')[i].checked) {
                var video_p = document.getElementsByName('privacy')[i].value;
            }
        }
        
        if (BitViewUploader.videoId_ != null) {
            ajax("/a/uploadPrepare", function(r) {
                    document.getElementById("video-sharing-url").value = "http://www.bitview.net/watch?v="+r;
                    document.getElementById("video-embed-url").value = '<iframe id="embedplayer" src="http://www.bitview.net/embed?v='+r+'" width="427" height="343" allowfullscreen scrolling="off" frameborder="0"></iframe>'
                }, {
                    videoId: BitViewUploader.videoId_,
                    title: document.getElementsByClassName('video-settings-title')[0].value,
                    description: document.getElementsByClassName('video-settings-description')[0].value,
                    tags: document.getElementsByClassName('video-settings-tags')[0].value,
                    privacy: video_p,
                    day: 0,
                    month: 0,
                    year: 0,
                    category: document.getElementsByClassName('video-settings-category')[0].value,
                    country: 0,
                    address: ""
            });
        }
        document.getElementsByClassName('yt-alert-success-saved')[0].classList.remove('hid');
    }
    function messageComplete() {
        document.getElementsByClassName('yt-alert-success-complete')[0].classList.remove('hid');
        document.getElementsByClassName('progress-metadata-cancel')[0].outerHTML = "";
        document.getElementsByClassName('progress-metadata-status')[0].innerHTML = "";
        generatePreview();
    }
    function hide(e) {
        e.parentElement.classList.add('hid');
    }
    function cancelUpload() {
        if (confirm("Are you sure that you want to cancel the uploading process?")) {
            
            var url = "/a/cancelUpload";
            var x = document.getElementById('watch-tab-favorite');

            var xhr = new XMLHttpRequest();
            xhr.open('GET', url, true);

            xhr.onload = function() {
                if (xhr.status >= 200 && xhr.status < 400) {
                    location.reload();
                } else {
                    alert("Something went wrong!");
                }
            };

            xhr.onerror = function() {
                alert("Something went wrong!");
            };

            xhr.send();
        }
    }
    function estimate(e,t) {
        var remainingPercent = 100 - e;
        var remainingSeconds = ((t * 100) / (e)) - t;
        var remainingMinutes = (remainingSeconds / 60000);
        if (isFinite(remainingMinutes) && Math.round(remainingMinutes) > 0) {
            var msg = "<?= $LANGS['timeremaining'] ?>".replace("{m}",Math.round(remainingMinutes));
        }
        else if (Math.round(remainingMinutes) == 0) {
            var msg = "<?= $LANGS['minuteremaining'] ?>";
        }
        else {
            var msg = "";
        }
        document.getElementsByClassName('progress-metadata-status')[0].innerHTML = msg;
    }
    function generateTags() {
        document.getElementsByClassName('tag-suggest-title').outerHTML = "<?= $LANGS['suggestions'] ?>:";
        document.getElementsByClassName('tag-suggest-title')[0].style.display = "none";
        document.getElementsByClassName('tag-suggest-tags')[0].style.display = "block";
        $.ajax({
            url: "/a/generateTags?title="+document.getElementsByClassName('video-settings-title')[0].value + "&tags="+document.getElementsByClassName('video-settings-tags')[0].value,
            success: function(html){
                if(html){
                    document.getElementsByClassName('tag-suggest-tags')[0].style.display = "none";
                    document.getElementsByClassName('tag-suggest-title')[0].outerHTML = html;
                } else {
                    alert("Bad response from server.");
                }
            }
        });
    }
    function addTag(e,o) {
        if (document.getElementsByClassName('video-settings-tags')[0].value == "") {
            document.getElementsByClassName('video-settings-tags')[0].value = e;
        }
        else {
            document.getElementsByClassName('video-settings-tags')[0].value = document.getElementsByClassName('video-settings-tags')[0].value + "," + e;
        }
        o.outerHTML = "";
        if (document.getElementsByClassName("tag").length <= 0) {
            document.getElementsByClassName('tag-suggest-title')[0].innerHTML = "";
        }
    }
    function toggleExpand(e) {
        e.classList.toggle("expanded");
        document.getElementsByClassName('video-settings-container')[0].classList.toggle("hid");
    }
    function checkUploading() {
        document.getElementById('video_file').click();
    }
    function generatePreview() {
        document.getElementsByClassName('processing-progress')[0].classList.remove('hid');
        ajax("/a/generatePreview", function(r) {
            if (r == "success") {
                document.getElementsByClassName('processing-progress')[0].classList.add('hid');
                for (i = 0; i < 5; i++) {
                    console.log("funciona");
                    document.getElementsByClassName('live-thumbnail')[i].classList.add("loaded");
                    document.getElementsByClassName('live-thumbnail')[i].style.backgroundImage = "url('/u/prvw/" + document.getElementById('file-url').innerHTML + "_" + i + ".jpg')";
                    document.getElementsByClassName('live-thumbnail')[i].style.backgroundSize = "75px " + (75 / document.getElementById('file-res').innerHTML) + "px";
                }
            }
            else {
                document.getElementsByClassName('progress-metadata-status')[1].innerHTML = "<?= $LANGS['errorpreview'] ?>";
            }
        });
    }
</script>
<div id="upload-page">
    <h1 class="header"><?= $LANGS['uploadpagetitle'] ?></h1>
<div id="top-row"></div>
<div id="left-col">
<div id="upload-item-template" class="upload-item-container upload-outer-box hid">
    <div class="upload-inner-box">
        <div class="upload-container hid">
            <div class="upload-form-container">
        <h2 style="margin: 0;" id="video-title"><img class='title-image' src='/img/icn_file-vfl151459.png'></h2>
        <h2 style="margin: 0;" class="hid" id="file-name"></h2>
        <h2 style="margin: 0;" class="hid" id="file-url"></h2>
        <h2 style="margin: 0;" class="hid" id="file-res"></h2>
        <div id="success-box" class="yt-alert yt-alert-success yt-rounded yt-alert-success-complete hid" style="width: auto;"><div class="yt-alert-icon master-sprite"></div><div class="yt-alert-close" onclick="hide(this);"><div class="yt-alert-close-icon master-sprite"></div></div><div id="" class="yt-alert-content"><?= $LANGS['fileuploaded'] ?></div><div class="clear"></div></div>
            <div id="success-box" class="yt-alert yt-alert-success yt-rounded yt-alert-success-saved hid" style="width: auto;"><div class="yt-alert-icon master-sprite"></div><div class="yt-alert-close" onclick="hide(this);"><div class="yt-alert-close-icon master-sprite"></div></div><div id="" class="yt-alert-content"><?= $LANGS['videosettingssaved'] ?></div><div class="clear"></div></div>
        <dl class="table-display">
        <dt><?= $LANGS['uploadprogress'] ?>:</dt>
        <dd>
            <div class="progress-bar"><span class="progress-bar-fill"></span></div>
            <div class="progress-metadata">
                <span class="progress-metadata-percentage">&nbsp;&nbsp;</span>
                <span class="progress-metadata-cancel jslink" onclick="cancelUpload();"><?= $LANGS['editcancel'] ?></span>
            </div>
            <div class="clearL"></div>
            <div class="progress-metadata-status">&nbsp;</div>
        </dd>
        <dt><?= $LANGS['preview'] ?>:</dt>
        <dd>
            <div class="live-thumbnail-container-wrapper">
                <div class="live-thumbnail-container">
                <img src="/img/pixel.gif" class="live-thumbnail"><img src="/img/pixel.gif" class="live-thumbnail"><img src="/img/pixel.gif" class="live-thumbnail"><img src="/img/pixel.gif" class="live-thumbnail"><img src="/img/pixel.gif" class="live-thumbnail"></div>
                <div class="processing-progress hid">
                    <span class="processing-progress-title"><?= $LANGS['processing'] ?></span>
                    <span>—</span>
                    <span class="progress-metadata-status"><?= $LANGS['generatingpreviews'] ?></span>
                </div>
            </div>
        </dd>
    </dl>
    <div class="clearL"></div>

    <h3 class="video-settings-header expanded" onclick="toggleExpand(this);"><?= $LANGS['infoandprivacy'] ?><img src="/img/pixel.gif" class="master-sprite video-settings-expand"></h3>

    <div class="video-settings-container">
        <form class="video-settings-form" action="/my_videos_upload" autocomplete="off">
        <dl class="table-display" style="margin-bottom:0;padding-bottom: 0;">
        <dt><?= $LANGS['title'] ?>:</dt>
        <dd>
            <input class="video-settings-title textbox" onfocusout="updateTitle(this);" type="text" name="title">
        </dd>

        <dt><?= $LANGS['desc'] ?>:</dt>
        <dd>
            <textarea class="video-settings-description" name="description" rows="5"></textarea>
        </dd>

        <dt><?= $LANGS['tags'] ?>:</dt>
        <dd>
            <input class="video-settings-tags textbox" type="text" name="keywords" value="">
                <div class="tag-suggest-container">
                    <div class="tag-suggest-title" style="display: none;"><?= $LANGS['suggestions'] ?>:</div>
                    <div class="tag-suggest-tags" style="display: none;">
                        <span class="generating-tags">Generating tag suggestions</span>
                        <img src="/img/icn_loading_animated.gif">
                    </div>
                    <a class="tag-suggest-add-all" style="display: none;">Add All</a>
                </div>
                <div class="clear"></div>
        </dd>

        <dt><?= $LANGS['category'] ?>:</dt>
        <dd>
            <select class="video-settings-category" name="category">
                <?php foreach ($Categories as $ID => $Category) : ?>
                    <option value="<?= $ID ?>" name="category" ><?= $Category ?></option>
                <?php endforeach ?>
            </select>
        </dd>


        <dt><?= $LANGS['privacy'] ?>:</dt>
        <dd>
            <ul class="option-list video-settings-privacy">
                <li class="option"><input id="video-settings-privacy-public" class="video-settings-privacy-public radio" type="radio" name="privacy" value="1" checked="checked">
                        <label for="video-settings-privacy-public"><?= $LANGS['public'] ?> (<?= $LANGS['publicdesc'] ?>)</label>
                </li>
                <li class="option"><input id="video-settings-privacy-unlisted" class="video-settings-privacy-unlisted radio" type="radio" name="privacy" value="3">
                        <label for="video-settings-privacy-unlisted"><?= $LANGS['unlisted'] ?> (<?= $LANGS['unlisteddesc'] ?>)</label>
                    </li>
                <li class="option"><input id="video-settings-privacy-private" class="video-settings-privacy-private radio" type="radio" name="privacy" value="2">
                        <label for="video-settings-privacy-private"><?= $LANGS['private'] ?> (<?= $LANGS['privatedesc'] ?>)</label>
                    </li>
            </ul>
        </dd>
    </dl>
    <div class="clearL"></div>
                    <dl class="table-display" style="margin-top: 0;">
            <dt></dt>
            <dd>
                <button type="button" class="save-changes-button yt-button" onclick="updateVideo();return false;"><span class="yt-button-content" style="text-decoration: none;"><?= $LANGS['editsavechanges'] ?></span></button>
            </dd>
        </dl>
        <div class="clearL"></div>
        </form>
    </div>
        <h3><?= $LANGS['sharingoptions'] ?></h3>
    <dl class="table-display last">
        <dt><?= $LANGS['url'] ?>:</dt>
        <dd>
            <input class="readonly textbox video-sharing-url" type="text" id="video-sharing-url" name="video-sharing-url" value="" readonly="">
        </dd>
        <dt><?= $LANGS['embed'] ?>:</dt>
        <dd>
            <input class="readonly textbox video-embed-url" type="text" id="video-embed-url" name="video-embed-url" value="" readonly="">
        </dd>
    </dl>
    <div class="clearL"></div>



            </div>
        </div>
    </div>
</div>
<div id="upload-interface" class="upload-outer-box">
        <div id="starting-box" class="starting-box upload-inner-box">
            <div id="upload-prompt-box" style="position: relative; visibility: visible;">
                <button type="button" id="start-upload-button" onclick="checkUploading();" style="height: 25px;font-size: 12px;font-family: Arial,sans-serif;" class=" yt-button yt-button-urgent uploader-overlay-visible"><?= $LANGS['uploadvideo'] ?></button>
                <input type="file" id="video_file" name="video_file" class="hid" accept=".wmv,.avi,.mov,.mpg,.mpeg,.mp4,.m4v" onchange="validateFile(this);">
            </div>
        </div>
        <div id="about-uploading-box">
            <h4><?= $LANGS['videoscanbe'] ?></h4>
            <ul class="constraints">
                <?php if ($_USER->Info['is_partner'] == 1): ?><li class="constraint"><?= $LANGS['uploadhd'] ?></li><?php endif ?>
                <li class="constraint"><?= $LANGS['uploadsize'] ?></li>
                <li class="constraint"><?php if ($_USER->Info['is_partner'] == 1): ?><?= $LANGS['uploadlengthpartners'] ?><?php else: ?><?= $LANGS['uploadlength'] ?><?php endif ?></li>
                <li class="constraint"><?= $LANGS['uploadformats'] ?></li>
            </ul>
        </div>
        <div class="clearL"></div>
    </div>
        <p class="instruction"><?= $LANGS['basicuploader'] ?></p>
            </div>
<div id="right-col">
<div id="instructions">
        <p class="instruction"><?= $LANGS['uploadinstruction1'] ?></p>
        <p class="instruction"><?= $LANGS['uploadinstruction2'] ?></p>
        <p class="instruction"><?= $LANGS['uploadinstruction3'] ?></p>
    </div>
</div>              
            <div id="bottom-row"></div>
        </div>
<div class="clear"></div>
<script src="/js/uploader_new.js?36"></script>
