Mini Kabibi Habibi

<%@ Control Language="vb" AutoEventWireup="true" CodeFile="VideoView.ascx.vb" Inherits="VideoView" %>
<div id="videoView">
	<dx:ASPxPanel ID="pVideo" runat="server" Width="100%">
		<PanelCollection>
			<dx:PanelContent ID="pVideoContent" runat="server" SupportsDisabledAttribute="True">
				<div class="videoPanel" style="float: left;">
					<h1 id="videoTitleControl" runat="server">
					</h1>
					<div id="getPlayerPanel" class="getPlayerPanel">
						You need to upgrade your Adobe Flash Player to watch this video.
						<a href="http://get.adobe.com/flashplayer/">Download it from Adobe.</a>
					</div>
					<div id="videoPlaceholder" runat="server" class="videoPlaceholder">
					</div>
					<div class="videoInfo">
						<p>
							<span class="field">Product:&nbsp;</span>
							<span runat="server" id="product"></span>
							<span class="clear"></span>
						</p>
						<p>
							<span class="field">Tags:&nbsp;</span>
							<asp:Repeater ID="rpTags" runat="server">
								<ItemTemplate>
									<dx:ASPxHyperLink ID="hlVideoTag" runat="server" NavigateUrl='<%#"~/Tag/" & Eval("UrlName")%>'
										Text='<%#Eval("Name")%>'>
										<ClientSideEvents Click="VideoPortal.onHlVideoTagClick" />
									</dx:ASPxHyperLink>
								</ItemTemplate>
								<SeparatorTemplate>
									<span class="tagSeparator">,&nbsp;</span></SeparatorTemplate>
							</asp:Repeater>
							<span class="clear"></span>
						</p>
						<p>
							<span class="field">Published:&nbsp;</span>
							<span runat="server" id="published"></span>
							<span class="clear"></span>
						</p>
					</div>
					<div id="description" class="description" runat="server">
					</div>
					<dx:ASPxCallbackPanel ID="cpComments" runat="server" Width="100%" ClientInstanceName="cpComments"
						OnCallback="cpComments_Callback" CssClass="commentsPanel" HideContentOnCallback="true">
						<PanelCollection>
							<dx:PanelContent runat="server" SupportsDisabledAttribute="True">
								<asp:Repeater ID="rpComments" runat="server">
									<ItemTemplate>
										<div class="comment">
											<div class="commentInfo">
												<dx:ASPxImage ID="imgUserAvatar" runat="server" Width="58px" Height="70px" ImageUrl='<%#"~/Content/Avatars/" & Eval("UserAvatarID") & ".jpg"%>'
													CssClass="userAvatar">
												</dx:ASPxImage>
												<div class="userName">
													<%#Eval("UserName")%>
												</div>
												<div class="addedAt">
													<%#Eval("AddedAt")%>
												</div>
											</div>
											<div class="commentQuote">
											</div>
											<div class="commentBodyWrapper">
												<div class="commentBody">
													<%#Eval("Text")%>
												</div>
												<div class="topRightCorner">
												</div>
												<div class="bottomLeftCorner">
												</div>
											</div>
											<div class="clear">
											</div>
										</div>
									</ItemTemplate>
								</asp:Repeater>
								<div class="commentEditorPanel">
									<h2>
										Leave your comment
									</h2>
									<div class="wrapper">
										<dx:ASPxTextBox ID="tbName" runat="server" Width="100%" Height="24px" NullText="Type your name"
											CssClass="nameEditor">
										</dx:ASPxTextBox>
										<dx:ASPxHtmlEditor ID="commentEditor" runat="server" Width="100%" Height="190px"
											ClientInstanceName="commentEditor">
											<SettingsHtmlEditing AllowScripts="false" AllowIFrames="false" AllowIdAttributes="false" AllowStyleAttributes="false" />
											<Settings AllowHtmlView="false" AllowPreview="false" AllowContextMenu="Default" />
											<Toolbars>
												<dx:HtmlEditorToolbar>
													<Items>
														<dx:ToolbarBoldButton>
														</dx:ToolbarBoldButton>
														<dx:ToolbarItalicButton>
														</dx:ToolbarItalicButton>
														<dx:ToolbarUnderlineButton>
														</dx:ToolbarUnderlineButton>
													</Items>
												</dx:HtmlEditorToolbar>
											</Toolbars>
											<Settings AllowHtmlView="False" AllowPreview="False"></Settings>
										</dx:ASPxHtmlEditor>
										<div id="errorFrame" class="errorFrame" runat="server" visible="false">
											<img class="errorImg" src="../Content/Images/error.png" alt="error" />
											<div id="errorText" runat="server" class="errorText">
											</div>
											<div class="clear">
											</div>
										</div>
										<dx:ASPxButton ID="btnPostComment" runat="server" Text="Post" AutoPostBack="false"
											Width="110px" CssClass="postButton">
											<ClientSideEvents Click="VideoPortal.onBtnPostCommentClick" />
										</dx:ASPxButton>
										<div class="clear">
										</div>
									</div>
								</div>
							</dx:PanelContent>
						</PanelCollection>
					</dx:ASPxCallbackPanel>
				</div>
				<div class="relatedVideosPanel">
					<h2>
						Related videos
					</h2>
					<div class="repeater">
						<asp:Repeater ID="rpRelatedVideos" runat="server">
							<ItemTemplate>
								<a class="videoPreview" href='<%#Eval("Url")%>' onclick="VideoPortal.onHlRelatedVideoClick(event);">
									<dx:ASPxImage ID="imgPreview" runat="server" ImageUrl='<%#"~/Content/Previews/" & Eval("ID") & ".jpg"%>'
										Width="214px" Height="160px">
									</dx:ASPxImage>
									<span class="videoTitleBack"></span>
									<span class="videoTitle">
										<span class="vertCentered">
											<span class="vertCenteredIE">
												<%#Eval("Title")%>
											</span>
										</span>
									</span>
								</a>
							</ItemTemplate>
						</asp:Repeater>
					</div>
				</div>
				<div class="clear">
				</div>
			</dx:PanelContent>
		</PanelCollection>
		<ClientSideEvents Init="VideoPortal.onVideoPanelInit" />
	</dx:ASPxPanel>
</div>