﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl">
	<xsl:include href="../GenericTemplates/Notes_LineBreak.xslt" />
	<xsl:output method="xml" indent="yes"/>

	<xsl:template match="/">

		<xsl:variable name="Content" select="AjaxRequest/Content"></xsl:variable>

		<xsl:variable name="ItemID" select="$Content/ItemID"></xsl:variable>
		<xsl:variable name="HostName" select="AjaxRequest/HostName"></xsl:variable>
		<xsl:variable name="Type" select="$Content/Type"></xsl:variable>
		<xsl:variable name="Format" select="$Content/Format"></xsl:variable>
		<xsl:variable name="StatusID" select="$Content/StatusID"></xsl:variable>
		<xsl:variable name="DisplayFormatID" select="$Content/DisplayFormatID"></xsl:variable>
		<xsl:variable name="ContentUrl" select="$Content/ContentURL"></xsl:variable>
		<xsl:variable name="ThumbnailPath" select="$Content/ThumbnailPath"></xsl:variable>
		<xsl:variable name="ImageAttach" select="$Content/ImageAttach"></xsl:variable>
		<xsl:variable name="head" select="$Content/ContentName"></xsl:variable>
		<xsl:variable name="VideoKeyValue" select="$Content/VideoKeyValue"></xsl:variable>
		<xsl:variable name="ContentType" select="AjaxRequest/ContentType"></xsl:variable>
		<xsl:variable name="ContentFormat" select="AjaxRequest/ContentFormat"></xsl:variable>
		<xsl:variable name="DisplayFormat" select="AjaxRequest/DisplayFormat"></xsl:variable>
		<xsl:variable name="ContentStatus" select="AjaxRequest/ContentStatus"></xsl:variable>
		<xsl:variable name="Desc" select="$Content/ContentMemo"></xsl:variable>
		<xsl:variable name="IsSecureConnection" select="AjaxRequest/IsSecureConnection"></xsl:variable>
		<xsl:variable name="Settings" select="AjaxRequest/Settings/."></xsl:variable>
		<xsl:variable name="FolderItemID" select="AjaxRequest/ParentID"></xsl:variable>
		<xsl:variable name="MasterPortalItemID" select="AjaxRequest/Settings/MasterPortalItemID"></xsl:variable>

		<xsl:variable name="Protocol">
			<xsl:choose>
				<xsl:when test="$IsSecureConnection = 1">
					<xsl:text>https://</xsl:text>
				</xsl:when>
				<xsl:otherwise>
					<xsl:text>http://</xsl:text>
				</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>

		<xsl:variable name="FileMaskDescription">
			<xsl:text>All files (*.*)</xsl:text>
		</xsl:variable>

		<xsl:variable name="FileMaskType">
			<xsl:text>*.*</xsl:text>
		</xsl:variable>
		<div class="Heading" style="position:fixed;z-index:999;">
			<h1 class="LefImg">
				<div >
					<table class="Headingtab">
						<tr>
							<td style="height:50px;width:25px;float:left;">
								<xsl:choose>
									<xsl:when test="$Format='Amazon'">
										<img class=" M-T-14 img-responsive" src="{$ImageAttach}" id="thumbnail_{$ItemID}" height="60px;"
											 onclick="ImageUploader_PopupCenter('{$Protocol}{$HostName}/upload/uploadimage.aspx?guid={$ItemID}&amp;cropRatio=1&amp;requiredHeight=0&amp;requiredWidth=500&amp;requiredFileName=Portrait&amp;Key=UploadContentImage&amp;AccountID={$ItemID}'
											 ,'Upload_Content_Image','530','390','{$ItemID}','UploadContentImage_3_0',null,{$ItemID},0);" ></img>
									</xsl:when>
									<xsl:otherwise>
										<xsl:choose>
											<xsl:when test="$ThumbnailPath!=''">
												<img src="{$ThumbnailPath}" id="thumbnail_{$ItemID}" class="img-responsive topimg  M-T-14 cursrPointer"
										 height="50px;" width="50px!important"
										 onclick="ImageUploader_PopupCenter('{$Protocol}{$HostName}/upload/uploadimage.aspx?guid={$ItemID}&amp;cropRatio=1&amp;requiredHeight=0&amp;requiredWidth=500&amp;requiredFileName=Portrait&amp;Key=UploadContentImage&amp;AccountID={$ItemID}'
											 ,'Upload_Content_Image','530','390','{$ItemID}','UploadContentImage_3_0',null,{$ItemID},0);"></img>
											</xsl:when>
											<xsl:otherwise>
												<img src=""  id="thumbnail_{$ItemID}" class="img-responsive topimg  M-T-14 cursrPointer" style="display:none;"
										 height="50px;" width="50px!important"
										 onclick="ImageUploader_PopupCenter('{$Protocol}{$HostName}/upload/uploadimage.aspx?guid={$ItemID}&amp;cropRatio=1&amp;requiredHeight=0&amp;requiredWidth=500&amp;requiredFileName=Portrait&amp;Key=UploadContentImage&amp;AccountID={$ItemID}'
											 ,'Upload_Content_Image','530','390','{$ItemID}','UploadContentImage_3_0',null,{$ItemID},0);"></img>
												<span class="glyphicon glyphicon-picture glypcolor onMouseOver glphiconLeft M-T-14" id="Spanthumbnail_{$ItemID}"  onclick="ImageUploader_PopupCenter('{$Protocol}{$HostName}/upload/uploadimage.aspx?guid={$ItemID}&amp;cropRatio=1&amp;requiredHeight=0&amp;requiredWidth=500&amp;requiredFileName=Portrait&amp;Key=UploadContentImage&amp;AccountID={$ItemID}'
											 ,'Upload_Content_Image','530','390','{$ItemID}','UploadContentImage_3_0',null,{$ItemID},0);" ></span>
											</xsl:otherwise>
										</xsl:choose>

									</xsl:otherwise>
								</xsl:choose>
							</td>
							<td style="width:100%" onclick="displayHide('HeadShow_{$ItemID}', 'none');displayHide('HeadEdit_{$ItemID}', 'inline');">
								<div  class="headwid whitespace paddingSlider RiteContents" id="HeadShow_{$ItemID}" >
									<xsl:value-of select="$head"/>
								</div>
								<span  class="headwid whitespace paddingSlider RiteContents" id="HeadEdit_{$ItemID}" style="display:none;">
									<input id="ContentName_{$ItemID}" value="{$head}" onfocusout="displayHide('HeadShow_{$ItemID}', 'inline');displayHide('HeadEdit_{$ItemID}', 'none');UpdateItemContent_3_0('ContentName',{$ItemID})" focus="true" type="text" class="form-control WidCom100"></input>
								</span>
							</td>
						</tr>
					</table>
				</div>
			</h1>
		</div>


		<div class="contntDec P-L7" style="margin-top:65px!important;">
			<span class="glyphicon glyphicon-comment glypcolor glphiconLeft" style="float: inherit;" onclick="displayHide('sliderDescshow_{$ItemID}','none');displayHide('sliderDesc_{$ItemID}','inline');"></span>

			<div  id="sliderDescshow_{$ItemID}" class="paddingSlider RiteContents" onclick="displayHide('sliderDescshow_{$ItemID}','none');displayHide('sliderDesc_{$ItemID}','inline');">
				<xsl:choose>
					<xsl:when test="$Desc!='' or $Desc!=null">
						<xsl:call-template name="break">
							<xsl:with-param name="text" select="$Content/ContentMemo"></xsl:with-param>
						</xsl:call-template>
					</xsl:when>
					<xsl:otherwise>
						&#160;
					</xsl:otherwise>
				</xsl:choose>

			</div>
			<span  id="sliderDesc_{$ItemID}" class="paddingSlider RiteContents" style="display:none">
				<textarea id="FileDesc_{$ItemID}" class="textAreaNotes WidCom100" type="text"   onclick="this.focus();" style="height: 60px;" placeholder="Add Memo..."
						  onblur="displayHide('sliderDescshow_{$ItemID}','inline');displayHide('sliderDesc_{$ItemID}','none');UpdateItemContent_3_0('ContentMemo',{$ItemID})">
					<xsl:value-of select="$Content/ContentMemo"/>
				</textarea>
			</span>


		</div>
		<div class="contntDec Heightauto P-L7">
			<span class="glyphicon glyphicon-tags glypcolor leftIcon1 glphiconLeft"
			onclick="displayHide('TagShow_{$ItemID}','none');displayHide('TagEdit_{$ItemID}','inline');"></span>
			<div class="paddingSlider RiteContents" id="TagShow_{$ItemID}" onclick="displayHide('TagShow_{$ItemID}','none');displayHide('TagEdit_{$ItemID}','inline');"
				style="line-height:20px;">
				<xsl:choose>
					<xsl:when test="$Content/Tags!='' or $Content/Tags!=null">
						<xsl:value-of select="$Content/Tags"/>
					</xsl:when>
					<xsl:otherwise>
						&#160;
					</xsl:otherwise>
				</xsl:choose>

			</div>
			<span class="paddingSlider RiteContents" id="TagEdit_{$ItemID}" style="display:none">
				<input type="text" id="TagsText_{$ItemID}" class="form-control rightBox WidCom100" value="{$Content/Tags}"
			onfocusout="displayHide('TagShow_{$ItemID}','block');displayHide('TagEdit_{$ItemID}','none');UpdateItemContent_3_0('Tags',{$ItemID})"
			data-role="tagsinput"></input>
			</span>
		</div>
		<div class="contntDec Heightauto P-L7">
			<xsl:choose>
				<xsl:when test="$Type='FileCabinet' and $Format='Image'">
					<span class="glyphicon glyphicon-picture glypcolor leftIcon glphiconLeft" ></span>
					<span class="imgright paddingSlider RiteContents">
						<img src="{$ContentUrl}" class="img-responsive"></img>
					</span>
				</xsl:when>
				<xsl:when test="$Type='Video'">
					<span class="glyphicon glyphicon-film glypcolor leftIcon glphiconLeft" ></span>

					<xsl:choose>
						<xsl:when test="$Format = 'YouTube'">
              <div class="embed-responsive embed-responsive-4by3">
 	               <embed src="{$Protocol}www.youtube.com/v/{$VideoKeyValue}?autoplay=1&amp;version=3&amp;autohide=1&amp;showinfo=0"
										type="application/x-shockwave-flash"
										allowfullscreen="true"
										allowscriptaccess="always"
										wmode="opaque"
									>
								</embed>
               </div>
              <!--Vinay: Code End to upload button-->
              <div class="VerticallyAlign mt-10">
                <span class="glyphicon glyphicon-picture glypcolor leftIcon glphiconLeft" id="wid23px">
                </span>
                <xsl:if test="$ThumbnailPath != ''" >
                  <span class="outervideoall">
                    <img src="{$ThumbnailPath}" class="img-responsive"  id="thumbnaillarge_{$ItemID}"></img>
                  </span>
                </xsl:if>
                <xsl:if test="$ThumbnailPath = ''" >
                  <span class="outervideoall">
                    <img src="/image/default.png" class="img-responsive" 
                         style="margin-left:0px;border: #ddd solid 1px;margin-right:13px!important;" id="thumbnaillarge_{$ItemID}"></img>
                  </span>
                </xsl:if>
                <span class="imgright paddingSlider paddingSlider pos-rel VerticallyAlign pl-0">
                  <span id="uImage" class="mr-10">
                    <button id="btnRefresh" onclick="refreshThumbnail({$ItemID},'{$ContentUrl}',{$FolderItemID},'{$ThumbnailPath}');" class="btn btncolor btnuplod">
                      Refresh  <i class="fa fa-refresh" aria-hidden="true"></i>
                    </button>
                  </span>
                </span>
                <span class="imgright paddingSlider paddingSlider  pos-rel VerticallyAlign pl-0">
                  <span id="uImage" class="mr-10">
                    <button onclick="ImageUploader_PopupCenter('{$Protocol}{$HostName}/upload/uploadimage.aspx?guid={$ItemID}&amp;cropRatio=1&amp;requiredHeight=0&amp;requiredWidth=500&amp;requiredFileName=Portrait&amp;Key=UploadContentImage&amp;AccountID={$ItemID}'
											         ,'Upload_Content_Image','530','390','{$ItemID}','UploadContentImage_3_0',null,{$ItemID},0);" class="btn btncolor btnuplod">
                      Upload Image <i class="fa fa-upload" aria-hidden="true"></i>
                    </button>
                  </span>
                </span>
              </div>
              <!--Code End to upload button-->
							
						</xsl:when>
						<xsl:when test="$Format = 'Vimeo'">
              <div class="embed-responsive embed-responsive-16by9">
							<iframe   src="{$Protocol}player.vimeo.com/video/{$VideoKeyValue}?autoplay=1&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1"
									width="270"
									height="200"
									padding_left="5px"
									frameborder="0">
							</iframe>
                   </div>
               <!--Vinay: Code End to upload button-->
              <div class="VerticallyAlign mt-10">          
                  <span class="glyphicon glyphicon-picture glypcolor leftIcon glphiconLeft" id="wid23px">
                  </span>                       
               <xsl:if test="$ThumbnailPath != ''" >
                 <span class="outervideoall" >
                     <img src="{$ThumbnailPath}" class="img-responsive"   id="thumbnaillarge_{$ItemID}"></img>
                 </span>
               </xsl:if>
                <xsl:if test="$ThumbnailPath = ''" >
                  <span class="outervideoall">
                    <img src="/image/default.png" class="img-responsive" 
                         style="border: #ddd solid 1px;" id="thumbnaillarge_{$ItemID}"></img>
                  </span>
                </xsl:if>
                <span class="imgright paddingSlider paddingSlider pos-rel VerticallyAlign pl-0">
                  <span id="uImage" class="mr-10">
                    <button id="btnRefresh" onclick="refreshThumbnail({$ItemID},'{$ContentUrl}',{$FolderItemID},'{$ThumbnailPath}');" class="btn btncolor btnuplod">
                      Refresh  <i class="fa fa-refresh" aria-hidden="true"></i>
                    </button>
                  </span>
                </span>
                <span class="imgright paddingSlider paddingSlider  pos-rel VerticallyAlign pl-0">                  
                  <span id="uImage" class="mr-10">
                    <button onclick="ImageUploader_PopupCenter('{$Protocol}{$HostName}/upload/uploadimage.aspx?guid={$ItemID}&amp;cropRatio=1&amp;requiredHeight=0&amp;requiredWidth=500&amp;requiredFileName=Portrait&amp;Key=UploadContentImage&amp;AccountID={$ItemID}'
											         ,'Upload_Content_Image','530','390','{$ItemID}','UploadContentImage_3_0',null,{$ItemID},0);" class="btn btncolor btnuplod">
                      Upload Image <i class="fa fa-upload" aria-hidden="true"></i>
                    </button>
                  </span>
                </span>
              </div>         
               <!--Code End to upload button-->
            </xsl:when>
						<xsl:when test="$Format = 'DailyMotion'">
							<xsl:choose>
								<xsl:when test="contains($ContentUrl, 'dmcloud.net')">
									<iframe frameborder="0"  scrolling="no"
											src="{$ContentUrl}&amp;autoplay=1"></iframe>
								</xsl:when>
								<xsl:otherwise>
									<object  class="embed-responsive embed-responsive-4by3">
										<param name="movie" value="{$Protocol}www.dailymotion.com/swf/video/{$VideoKeyValue}&amp;autoplay=1"></param>
										<param name="allowFullScreen" value="true"></param>
										<param name="allowScriptAccess" value="always"></param>
										<embed src="{$Protocol}www.dailymotion.com/swf/video/{$VideoKeyValue}&amp;autoplay=1"
											   type="application/x-shockwave-flash"
											
											   allowfullscreen="true"></embed>
									</object>
								</xsl:otherwise>
							</xsl:choose>
						</xsl:when>
					</xsl:choose>
				</xsl:when>
				<xsl:when test="$Format='Amazon'">
					<span class="glyphicon glyphicon-picture glypcolor leftIcon glphiconLeft" ></span>
					<span class="imgright paddingSlider paddingSlider RiteContents pos-rel">
						<img onclick="ImageUploader_PopupCenter('{$Protocol}{$HostName}/upload/uploadimage.aspx?guid={$ItemID}&amp;cropRatio=1&amp;requiredHeight=0&amp;requiredWidth=500&amp;requiredFileName=Portrait&amp;Key=UploadContentImage&amp;AccountID={$ItemID}'
											 ,'Upload_Content_Image','530','390','{$ItemID}','UploadContentImage_3_0',null,{$ItemID},0);" src="{$ImageAttach}"  id="thumbnaillarge_{$ItemID}"  class="img-responsive onverblock"></img>
            <span id="uImage" class="uploadonhover fixdbtn">
              <button onclick="ImageUploader_PopupCenter('{$Protocol}{$HostName}/upload/uploadimage.aspx?guid={$ItemID}&amp;cropRatio=1&amp;requiredHeight=0&amp;requiredWidth=500&amp;requiredFileName=Portrait&amp;Key=UploadContentImage&amp;AccountID={$ItemID}'
											       ,'Upload_Content_Image','530','390','{$ItemID}','UploadContentImage_3_0',null,{$ItemID},0);" class="btn btncolor">Upload Image <i class="fa fa-upload" aria-hidden="true"></i>
            </button>              
            </span>
          
          </span>
				</xsl:when>
				<xsl:otherwise>
           <xsl:choose>
              <xsl:when test="$ThumbnailPath != ''" >
               <span class="glyphicon glyphicon-picture glypcolor leftIcon glphiconLeft"  style="line-height:40px;"></span>
					      <span class="imgright paddingSlider paddingSlider RiteContents pos-rel">
						      <img src="{$ThumbnailPath}" class="img-responsive onverblock" id="thumbnaillarge_{$ItemID}" ></img>
                  <span class="uploadonhover">
                    <button onclick="ImageUploader_PopupCenter('{$Protocol}{$HostName}/upload/uploadimage.aspx?guid={$ItemID}&amp;cropRatio=1&amp;requiredHeight=0&amp;requiredWidth=500&amp;requiredFileName=Portrait&amp;Key=UploadContentImage&amp;AccountID={$ItemID}'
											       ,'Upload_Content_Image','530','390','{$ItemID}','UploadContentImage_3_0',null,{$ItemID},0);" class="btn btncolor btnuplod">
                      Upload Image <i class="fa fa-upload" aria-hidden="true"></i>
                  </button>
                  </span>
                </span>
              </xsl:when>
              <xsl:otherwise>
              <span class="glyphicon glyphicon-picture glypcolor leftIcon glphiconLeft"  style="line-height:40px;"></span>
					    <span class="imgright paddingSlider paddingSlider RiteContents pos-rel">
						    <img src="{$ThumbnailPath}" class="img-responsive onverblock"  id="thumbnaillarge_{$ItemID}"></img>
                <span id="uImage" class="uploadonhover fixdbtn">
                  <button onclick="ImageUploader_PopupCenter('{$Protocol}{$HostName}/upload/uploadimage.aspx?guid={$ItemID}&amp;cropRatio=1&amp;requiredHeight=0&amp;requiredWidth=500&amp;requiredFileName=Portrait&amp;Key=UploadContentImage&amp;AccountID={$ItemID}'
											     ,'Upload_Content_Image','530','390','{$ItemID}','UploadContentImage_3_0',null,{$ItemID},0);" class="btn btncolor btnuplod">
                    Upload Image <i class="fa fa-upload" aria-hidden="true"></i>
                </button>
                </span>
              </span>
              </xsl:otherwise>
            </xsl:choose>
					
				</xsl:otherwise>
			</xsl:choose>

		</div>

		<div class="contntDec VerticallyAlign Heightauto P-L7">
			<xsl:choose>
				<xsl:when test="$Type='FileCabinet'">
					<span class="glyphicon glyphicon-link glypcolor glphiconLeft" style="float:left"></span>
					<span class="whitespace paddingSlider RiteContents" >
						<a href="{$ContentUrl}" target="_blank">
							<xsl:value-of select="$head"/>
						</a>
					</span>
				</xsl:when>
				<xsl:otherwise>
					<span OnClick="displayHide('LinkContentURL_{$ItemID}','none');displayHide('TextContentURL_{$ItemID}','inline-block');"
					class="glyphicon glyphicon-link glypcolor onMouseOver glphiconLeft" style="float:left"></span>
          <div class="onhovershowpencil" OnClick="displayHide('LinkContentURL_{$ItemID}','none');displayHide('TextContentURL_{$ItemID}','inline-block');focusResourceTextBox('ContentURLText_{$ItemID}')">
            <span class="whitespace paddingSlider RiteContents M-T-3"  id="LinkContentURL_{$ItemID}">
              <a href="{$ContentUrl}" target="_blank" id="ALinkContentURL_{$ItemID}">
                <xsl:value-of select="$ContentUrl"/>
              </a>
            </span>

          
					  <span class="paddingSlider RiteContents M-T-3" id="TextContentURL_{$ItemID}" style="display:none;">
						<input type="text" id="ContentURLText_{$ItemID}" class="form-control WidCom100" value="{$ContentUrl}"
					onfocusout="displayHide('LinkContentURL_{$ItemID}','inline-block');displayHide('TextContentURL_{$ItemID}','none');
							   UpdateItemContent_3_0('ContentURL',{$ItemID});
                 viewItemDetailVersion3({$ItemID}, {$MasterPortalItemID}, 'div_item_{$MasterPortalItemID}_detail_container', 'div_item_{$MasterPortalItemID}', '2.0', 'view');"
					data-role="tagsinput"></input>
            
					</span>
                                  
            <span OnClick="displayHide('LinkContentURL_{$ItemID}','none');displayHide('TextContentURL_{$ItemID}','inline-block');focusResourceTextBox('ContentURLText_{$ItemID}')"
            class="	glyphicon glyphicon-pencil pencilshow glypcolor onMouseOver glphiconLeft" style="float:right;font-size:16px;"></span>
            
           </div>
            
				</xsl:otherwise>
			</xsl:choose>
		</div>
		<xsl:choose>
			<xsl:when test="$Type='FileCabinet'">
				<div class="contntDec P-L7 W-100" style="height:auto;">

					<span class="glyphicon glyphicon-upload glypcolor" style="float:left"></span>
					<button type="button" onClick="document.getElementById('div_MediaList_{$ItemID}_UploadSuite').style.display='block'; 
						$au.imageUploaderFlash('UploadSuite_{$ItemID}').uploadPane().addFiles();"
						class="btn btn btn-primary pull-left M-T-3 btn-sm">Browse</button>
					<div id="div_MediaList_{$ItemID}_UploadSuite" style="height:218px;display:none;margin-bottom:30px;">
						<input type="hidden" id="EmbededScript_{$ItemID}_UploadSuite"
							   name="EmbededScript_{$ItemID}_UploadSuite"
							   style="display:none;"
							   value="loadFileUploadPanel('UploadSuite_{$ItemID}','div_MediaList_{$ItemID}_UploadSuite', {$MasterPortalItemID}
                   , {$FolderItemID} ,'{$FileMaskDescription}','{$FileMaskType}', 2,{$ItemID});"/>
					</div>
				</div>
			</xsl:when>
		</xsl:choose>
		<div class="MB-150" >

			<span id="more" class="glyphicon glyphicon-chevron-down btn btncolor" data-toggle="collapse" data-target="#collapse " style="width:100%;" onclick="Collapse()">
				<span style="font-family:sans-serif" >Advanced Settings</span>
			</span>
			<div id="collapse" class="collapse" style="margin-bottom:47px!important;float:left;">
				<div class="contnt">
					<span class="glyphicon glyphicon-file glypcolor leftIcon1" onclick="displayHide('TypeShow_{$ItemID}','none');displayHide('TypeEdit_{$ItemID}','inline-block');"></span>
					<span class="paddingSlider" id="TypeShow_{$ItemID}" onclick="displayHide('TypeShow_{$ItemID}','none');displayHide('TypeEdit_{$ItemID}','inline-block');">
						<xsl:value-of select="$Content/Type"/>
					</span>

					<span style="display:none" id="TypeEdit_{$ItemID}">
						<select class="form-control rightBox" id="TypeDD_{$ItemID}"  onchange="displayHide('TypeShow_{$ItemID}','inline-block');displayHide('TypeEdit_{$ItemID}','none');UpdateItemContent_3_0('Type',{$ItemID})">
							<xsl:for-each select="$ContentType/Type">
								<xsl:choose>
									<xsl:when test="$Type=Name">
										<option value="{Name}" selected="selected">
											<xsl:value-of select="Name"/>
										</option>
									</xsl:when>
									<xsl:otherwise>
										<option value="{Name}">
											<xsl:value-of select="Name"/>
										</option>
									</xsl:otherwise>
								</xsl:choose>
							</xsl:for-each>
						</select>
					</span>
				</div>
				<div class="contnt">
					<span class="glyphicon glyphicon-file glypcolor leftIcon1" onclick="displayHide('Format_{$ItemID}','none');displayHide('FormatEdit_{$ItemID}','inline-block');"></span>
					<span class="paddingSlider" id="Format_{$ItemID}" onclick="displayHide('Format_{$ItemID}','none');displayHide('FormatEdit_{$ItemID}','inline-block');">
						<xsl:value-of select="$Content/Format"/>
					</span>
					<span style="display:none" id="FormatEdit_{$ItemID}" >
						<select class="form-control rightBox" id="FormatDD_{$ItemID}" onchange="displayHide('Format_{$ItemID}','inline-block');displayHide('FormatEdit_{$ItemID}','none');;UpdateItemContent_3_0('Format',{$ItemID})">
							<xsl:for-each select="$ContentFormat/Format">
								<xsl:choose>
									<xsl:when test="$Format=Name">
										<option value="{Name}" selected="selected">
											<xsl:value-of select="Name"/>
										</option>
									</xsl:when>
									<xsl:otherwise>
										<option value="{Name}">
											<xsl:value-of select="Name"/>
										</option>
									</xsl:otherwise>
								</xsl:choose>
							</xsl:for-each>
						</select>
					</span>

				</div>
				<div class="contnt">
					<span class="glyphicon glyphicon-file glypcolor leftIcon1" onclick="displayHide('Status_{$ItemID}','none');displayHide('StatusEdit_{$ItemID}','inline-block');"></span>
					<span class="paddingSlider" id="Status_{$ItemID}" onclick="displayHide('Status_{$ItemID}','none');displayHide('StatusEdit_{$ItemID}','inline-block');">
						<xsl:value-of select="$Content/ContentStatus"/>
					</span>
					<span style="display:none" id="StatusEdit_{$ItemID}" >
						<select class="form-control rightBox" id="StatusDD_{$ItemID}" onchange="displayHide('Status_{$ItemID}','inline-block');displayHide('StatusEdit_{$ItemID}','none');UpdateItemContent_3_0('statusID',{$ItemID})">
							<xsl:for-each select="$ContentStatus/Status">
								<xsl:choose>
									<xsl:when test="$StatusID=ID">
										<option value="{ID}" selected="selected">
											<xsl:value-of select="StatusText"/>
										</option>
									</xsl:when>
									<xsl:otherwise>
										<option value="{ID}">
											<xsl:value-of select="StatusText"/>
										</option>
									</xsl:otherwise>
								</xsl:choose>
							</xsl:for-each>
						</select>
					</span>

				</div>
				<div class="contnt">
					<span class="glyphicon glyphicon-file glypcolor leftIcon1" onclick="displayHide('DisFormat_{$ItemID}','none');displayHide('DisFormatEdit_{$ItemID}','inline-block');"></span>
					<span class="paddingSlider" id="DisFormat_{$ItemID}" onclick="displayHide('DisFormat_{$ItemID}','none');displayHide('DisFormatEdit_{$ItemID}','inline-block');">
						<xsl:value-of select="$Content/DisplayFormat"/>
					</span>
					<span style="display:none" id="DisFormatEdit_{$ItemID}" >
						<select class="form-control rightBox" id="DisplayFormat_{$ItemID}" onchange="displayHide('DisFormat_{$ItemID}','inline-block');displayHide('DisFormatEdit_{$ItemID}','none');UpdateItemContent_3_0('DisplayFormat',{$ItemID})">
							<xsl:for-each select="$DisplayFormat/Format">
								<xsl:choose>
									<xsl:when test="$DisplayFormatID=ID">
										<option value="{ID}" selected="selected">
											<xsl:value-of select="FormatText"/>
										</option>
									</xsl:when>
									<xsl:otherwise>
										<option value="{ID}">
											<xsl:value-of select="FormatText"/>
										</option>
									</xsl:otherwise>
								</xsl:choose>
							</xsl:for-each>
						</select>
					</span>
				</div>
				<div class="contnt">
					<span class="glyphicon glyphicon-resize-vertical glypcolor" ></span>
					<span class="paddingSlider">
						<xsl:value-of select="$Content/FileHeight"/>
					</span>
				</div>
				<div class="contnt">
					<span class="glyphicon glyphicon-resize-horizontal glypcolor" ></span>
					<span class="paddingSlider">
						<xsl:value-of select="$Content/FileWidth"/>
					</span>
				</div>
				<div class="contnt">
					<span class="glyphicon glyphicon-text-size glypcolor" ></span>
					<span class="paddingSlider">
						<xsl:value-of select="$Content/FileSize"/>
					</span>
				</div>
				<div class="contnt">
					<span class="glyphicon glyphicon-folder-open glypcolor" ></span>
					<span class="paddingSlider">
						<xsl:value-of select="$Content/ParentName"/>
					</span>
				</div>
			</div>

			<!--delete button-->
			<div  id="SliderItem" class="contnt" style="width:100%;border-top: #ddd solid 1px;display:block;">
				<span style="float:left;width:17%;">
					<a href="javascript:void(0)">
						<span>&#xa0;</span>
					</a>
				</span>
				<span style="float:left;width:22%;">
					<a href="#" onclick=" return deleteResourcesFile('{$ItemID}','deleteResourcesFile')">
						<span class="glyphicon glyphicon-trash glypcolor" ></span> Delete
					</a>
				</span>

			</div>
		</div>

	</xsl:template>
</xsl:stylesheet>
