{header}
{vids_header}


<script type="text/javascript">
    function pageCommentsCallback(page_index, jq){
        var on_page_comments = {on_page_comments};
        $("#comments").load("{url_main}vids_comments_ajax.php?id={video_id}&offset="
                         + page_index * on_page_comments + "&limit="
                         + on_page_comments + "");
        return false;
    }

    $(document).ready(function(){
        if ($("#video_url").attr('value') == '') {
            $("#video_url").attr('value', document.location);
        }

        if ({total_comments} == 0) {
            $('#comments_list').hide();
        } else if ({total_comments} <= 5) {
            $('#pagination').hide();
        } else {
            ;
        }
        $("#pagination").pagination(
            {total_comments},
            {
                items_per_page:5,
                num_edge_entries:1,
                num_display_entries:5,
                next_text: 'Next',
                prev_text: 'Prev',
                callback: pageCommentsCallback
            }
        );

        $('#form_comment').submit(function() {

			<!-- begin_guest_comment -->
			document.location = "{url_main}join.php?cmd=login";
			return false;
			<!-- end_guest_comment -->

            if ($('#comment_text').val() == '') {
                alert('{l_please_enter_comment_text}');
                return false;
            }

            $('#comments_count').html(Math.floor($('#comments_count').html()) + 1);
            var total_comments = $('#comments_count').html();

            if (total_comments == 0) {
                $('#comments_list').hide();
                $('#pagination').hide();
            } else if (total_comments <= 5) {
                $('#comments_list').show();
                $('#pagination').hide();
            } else {
                $('#comments_list').show();
                $('#pagination').show();
            }

            $.post("{url_main}vids_comment_add_ajax.php", { id: "{video_id}", text: $('#comment_text').val() }, function(data) {
                $('#comment_text').val('');
                $("#pagination").pagination(
                    total_comments,
                    {
                        items_per_page:5,
                        num_edge_entries:1,
                        num_display_entries:5,
                        next_text: 'Next',
                        prev_text: 'Prev',
                        callback: pageCommentsCallback
                    }
                );
            });

            return false;
        });

        $('body').on('click','.comment_del',function(){
            if (confirm('{l_are_you_sure}')) {
                var comment_id = $(this).attr('comment_id');
                $('#comment_' + comment_id).remove();
                $('#comments_count').html(Math.floor($('#comments_count').html()) - 1);
                $.post("{url_main}vids_comment_del_ajax.php", { id: comment_id } );
            }
            return false;
        });

        $('#subscribe').click(function() {

			<!-- begin_guest_subscribe -->
			document.location = "{url_main}join.php?cmd=login";
			return false;
			<!-- end_guest_subscribe -->

            $.post("{url_main}vids_subscribe_ajax.php", { id: {video_user_id} } );
            $('#subscribe_text').remove();
            alert('{l_you_subscribed}');
        });

        var rate_already = '{rate_already}';
        $('.auto-submit-star').rating({
            callback: function(value, link){

				<!-- begin_guest_rating -->
				document.location = "{url_main}join.php?cmd=login";
				return false;
				<!-- end_guest_rating -->

                $('#load_animation_rating').css('visibility', 'visible');

                $.get('{url_main}vids_rate_ajax.php?id={video_id}&rating=' + value, function(data) {
                    $('#load_animation_rating').css('visibility', 'hidden');
                    if (rate_already == '') {
                        rate_already = 1;
                        $('.video_rating').rating('readOnly',true);
                        $('#rated').css('visibility', 'visible');
                        $('#count_rates').html(Math.floor($('#count_rates').html()) + 1);
                    }
                });
            }

        });
    });
</script>
<script type="text/javascript">
function equalHeight(group) {
    tallest = 0;
    group.each(function() {
        thisHeight = $(this).height();
        if(thisHeight > tallest) {
        tallest = thisHeight;
        }
    });
    group.height(tallest);
}
$(document).ready(function() {
    equalHeight($(".vids_new_img_frame embed,.vids_new_img_frame"));
});
</script>



<div class="vids_new_decor_violet" style="height: auto!important;padding-bottom:10px;#padding-bottom:3px;zoom:1;">
    <div class="pl_top">
        <h1>{video_subject}</h1>
        <div style="padding-bottom: 15px;" <!-- begin_player_custom -->class="player_custom"<!-- end_player_custom -->>{video_html_code}</div>

        <div class="fl_left" id="stars">

            <input name="rating" id = "star_1" type="radio" value="1" title="1" class="video_rating auto-submit-star {split:2, required:true, readOnly:{readonly}}" {video_rating_check_1} />
            <input name="rating" id = "star_2" type="radio" value="2" title="2" class="video_rating auto-submit-star {split:2, required:true, readOnly:{readonly}}" {video_rating_check_2} />
            <input name="rating" id = "star_3" type="radio" value="3" title="3" class="video_rating auto-submit-star {split:2, required:true, readOnly:{readonly}}" {video_rating_check_3} />
            <input name="rating" id = "star_4" type="radio" value="4" title="4" class="video_rating auto-submit-star {split:2, required:true, readOnly:{readonly}}" {video_rating_check_4} />
            <input name="rating" id = "star_5" type="radio" value="5" title="5" class="video_rating auto-submit-star {split:2, required:true, readOnly:{readonly}}" {video_rating_check_5} />
            <input name="rating" id = "star_6" type="radio" value="6" title="6" class="video_rating auto-submit-star {split:2, required:true, readOnly:{readonly}}" {video_rating_check_6} />
            <input name="rating" id = "star_7" type="radio" value="7" title="7" class="video_rating auto-submit-star {split:2, required:true, readOnly:{readonly}}" {video_rating_check_7} />
            <input name="rating" id = "star_8" type="radio" value="8" title="8" class="video_rating auto-submit-star {split:2, required:true, readOnly:{readonly}}" {video_rating_check_8} />
            <input name="rating" id = "star_9" type="radio" value="9" title="9" class="video_rating auto-submit-star {split:2, required:true, readOnly:{readonly}}" {video_rating_check_9} />
            <input name="rating" id = "star_10" type="radio" value="10" title="10" class="video_rating auto-submit-star {split:2, required:true, readOnly:{readonly}}" {video_rating_check_10}/>
        </div>


        <div class="vids_new_count" ><span id="count_rates">{video_count_rates}</span> {l_ratings} &nbsp;</div>

        <div class="fl_right"><strong>{video_count_views} {l_views}</strong></div>
        <!-- begin_video_edit -->
        <div class="vids_new_count fl_right">
            <a class="areyousure" href="{url_main}vids_collect.php?del={video_id}">{l_delete}</a>
            <a href="{url_main}vids_edit.php?id={video_id}">{l_edit}</a>&nbsp;&nbsp;&nbsp;
        </div>
        <!-- end_video_edit -->
		<br><div class="fl_left {rated_class}" id = "rated" style="padding-top:5px; clear:both;">{l_you_have_rated_this_video}</div>
    </div>
</div>

<div class="vids_new_shadow"><img src="{url_tmpl_main}images/vids/shadow.png" width="456" height="52" alt=""/></div>

<div class="vids_new_p pl_top_m">
    <div id="comments_list">
        <h4 class="video_comment">{l_comments} <span>(<span id="comments_count">{total_comments}</span>)</span></h4>
        <div id="comments"></div>
        <div id="pagination" class="pagination"></div>
        <div class="cl"></div>
    </div>

    <form id="form_comment">
        <div class="vids_new_comments">
            <div class="vids_new_comments_head"><div class="vids_new_comments_txt"><strong>{l_leave_your_comment}:</strong></div></div>
            <div class="vids_new_comments_c">
                <a href="{url_main}search_results.php?display=profile&uid={my_user_id}"><img src="{my_user_photo}" width="62" height="70" alt=""/></a>
                <div class="vids_new_comments_frm"><div class="videos_comment_text"><textarea id="comment_text" name="text" class="textarea_lviolet no_abk"></textarea></div></div>
                <div class="justify"></div>
            </div>
            <div class="vids_new_comments_bot"></div>
        </div>
        <div class="fl_right"><input class="btn_pink" type="submit" value="{l_comment}"/></div>
    </form>
</div>
<div class="vids_new_empty"></div>


                </td>
                <td class="td_narrow">


<h1>&nbsp;</h1>
<div class="vids_new_ava_title">
    <a href="{url_main}search_results.php?display=profile&uid={video_user_id}">{video_user_name}</a>
    {video_dt_readable}
</div>
<div class="vids_new_ava">
    <p>{video_text_readable}</p>
    <a href="{url_main}search_results.php?display=profile&uid={video_user_id}"><img src="{video_user_photo}" alt=""/></a>
<div class="cl"></div>
</div>

<div class="vids_new_decor_link">
    <form>
    <label>{l_url}</label>
    <input id="video_url" class="inp_blue no_abk" type="text"  onclick="this.select()" value="{video_url}" readonly="true"/>
    <div class="cl"></div>
    <!--
    <label>{l_embed}</label>
    <input class="inp_blue no_abk" type="text"  onclick="this.select()" value='{video_html_code}' readonly="true"/>
    -->
    </form>
</div>
<div class="cl"></div>

<!-- begin_more -->

<script>
function vids_more_list_load_page(page_n)
{
    $('#more-container').load(
            './vids_more_list_ajax.php?user_id={user_id}&video_id={video_id}&page=' + page_n,
            null,
            function(responseText, textStatus, XMLHttpRequest) {
                current_page_n = page_n;
            });

    return false;
}
</script>

<h1 class="pink">{l_more_from} {video_user_name}</h1>

<div id="more-container">

<div id="more">
    <div class="items">
        <!-- begin_more_item -->
        <div>
            <div class="vids_new_foto">
                <div class="vids_new_img"><a href="{url_main}vids_watch.php?id={more_item_id}"><img src="{more_item_image}" width="85" height="64" alt=""/></a></div>
                <ul>
                    <li class="pad"><a href="{url_main}vids_watch.php?id={more_item_id}">{more_item_subject}</a></li>
                    <li>
                        <img src="{url_tmpl_main}images/vids/ico_{more_item_rating_1}.png" width="16" height="16" alt=""/>
                        <img src="{url_tmpl_main}images/vids/ico_{more_item_rating_2}.png" width="16" height="16" alt=""/>
                        <img src="{url_tmpl_main}images/vids/ico_{more_item_rating_3}.png" width="16" height="16" alt=""/>
                        <img src="{url_tmpl_main}images/vids/ico_{more_item_rating_4}.png" width="16" height="16" alt=""/>
                        <img src="{url_tmpl_main}images/vids/ico_{more_item_rating_5}.png" width="16" height="16" alt=""/>
                    </li>
                    <li>{l_plays} {more_item_count_views}</li>
                    <li class="pad">{l_comments}: {more_item_count_comments}</li>
                </ul>
                <div class="justify"></div>
            </div>
            <!-- begin_more_item_not_last --><div class="line_dashed"></div><!-- end_more_item_not_last -->
        </div>
        <!-- end_more_item -->
    </div>
</div>

<div class="vids_new_guests">

1-{last_video_n} {l_of} {members_vids_count}

   <div class="decor_l"><a class="prevPage browse left"><img src="{url_tmpl_main}images/vids/new_mods_guests_decor_l.png" width="34" height="26" alt=""/></a></div>

<!-- begin_pager_next --><div class="decor_r"><a class="nextPage browse right" href="#" onclick="return vids_more_list_load_page(2);"><img src="{url_tmpl_main}images/groups/new_mods_guests_decor_r.png" width="34" height="26" alt=""/></a></div><!-- end_pager_next -->
      <!-- begin_pager_next_inactive --><div class="decor_r"><img src="{url_tmpl_main}images/groups/new_mods_guests_decor_r.png" width="34" height="26" alt=""/></div><!-- end_pager_next_inactive -->

</div>

</div>

<div class="cl"></div>
<!-- end_more -->


<div style="margin-bottom:20px;">
    <!-- begin_subscribe --><span id="subscribe_text"><a id="subscribe" href="#">{l_subscribe}</a><!-- end_subscribe -->
    <!-- begin_separator --> | <!-- end_separator -->
    <!-- begin_blog --><span id="subscribe_text"><a href="{url_main}blogs_write.php?add_text={{video_code}}">{l_blog_this}</a></span><!-- end_blog -->
</div>
<div class="cl"></div>

                </td>
            </tr>
            <tr>
                <td class="td_main">&nbsp;</td>
                <td class="td_narrow">
                    <div class="vids_new_search">
                        <div class="bl_search">
                            <form action="{url_main}vids_collect.php">
                                <input type="hidden" name="m" value="search" />
                                <input class="inp_violet_border no_abk" type="text" name="id" value="" onFocus="this.value=''"/>
                                <input class="btn_green" type="submit" value="{l_search}"/>
                            </form>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
        <div class="vids_new_foot">

        <table>
            <tr>
                <td class="td_l">&nbsp;</td>
                <td class="td_c">
{vids_footer}
{footer}