ACC SHELL

{mask:main}

<div class="box-770 white-box radius3"><!--Box 770-->
	<!--<div class="article-detail-category">
		<a href="{categoryURL}" title="{categoryTitle}"><i class="icon-left-circled"></i> zpět na "{categoryTitle}"</a>
	</div>-->
	<div class="text-article-detail"><!--text-product-detail-->
		
		<div class="cleaner10"></div>
		
		{if:{date}!=''}
		<i class="icon-calendar"></i> <span class="date">{date}</span>
		{/if}
		<div class="cleaner20"></div>
		
		<div class="article-description">
		
			{if:{imgSrc}!=''}
			<div class="article-image-large">
				
					<a href="{imgSrcFull}" title="{title}"  class="fancybox" data-fancybox-group="gallery">
						<img src="{imgSrc}" alt="{title}" />
					</a>
				
			</div>
			{/if}
            <h2>{title}</h2>
			{text}
			
			{if:{youtubeVideo}!=''}
			<div class="cleaner10"></div>
			
			<div class="product-video">
				{youtubeVideo}
			</div>
			{/if}
			
		</div>
		
	</div><!--text-product-detail end-->
	
	
	<div class="photogallery-image-field">
		
		{mask:images}
		<div class="product-image-small">
			<a href="{imgSrcFull}" title="{../title}"  class="fancybox" data-fancybox-group="gallery">
				<img src="{imgSrc}" alt="{../title}" />
			</a>
		</div>
		{/mask}
		
	</div>
	
	<div class="cleaner"></div>
	
		{if:{file}!=''}		
		    <div style="float:left; margin-top:20px;" onclick="$('#fileDOCdb').hide(0); $('#docFormWrapper').show(0);" id="fileDOCdb">
			    <img src="/img/icon-pdf.png" alt="" style="width:60px;float:left; cursor:pointer; margin-right:10px;" onclick="$('#fileDOCdb').hide(0); $('#docFormWrapper').show(0);" />
			
				&dArr; <span title="{file}" class="main-color" style="font-size:16px; cursor:pointer;">{file}</span>
			</div>
			
			<div id="docFormWrapper" style="float:left; margin-top:20px; display:none;">
				<form id="docForm" enctype="text/plain" method="post" action="/parts/article-file-send-mail.php">
				
					<label for="docFormEmail" style="margin-right:0px;">Pro obdržení souboru <span class="main-color">{file}</span> zadejte prosím Váš e-mail:</label>
					<div class="cleaner10"></div>
					
					<input type="text" id="docFormEmail" name="docFormEmail" style="width:250px; height:28px; border:1px solid #999; margin-right:10px; padding:3px;" value="@" />
					
					<div class="delic20"></div>
					
					<input type="hidden" id="fileURL" name="fileURL" value="{fileURL}" />
					<input type="hidden" id="fileName" name="fileName" value="{file}" />
					<input type="hidden" id="articleID" name="articleID" value="{articleID}" />
					
					<input type="submit" id="docFormSubmit" value="&dArr; Stáhnout" class="green-button-back" style="position:relative; border:none;" />
					<div class="cleaner10"></div>
					
					<a href="/souhlas-se-zpracovanim-ososbnich-udaju" title="Souhlas se zpracováním ososbních údajů" style="font-size:11px; margin-left:10px;">Souhlas se zpracováním ososbních údajů</a>
					
				</form>				
			</div>
			<div class="cleaner"></div>
			
			<script type="text/javascript">
				
				$('#docFormWrapper').ready( function() {
					$('#docForm').submit( function(event) {
						
						event.preventDefault();
						
						// check email
						var email = $('#docFormEmail').val();
						if ( email == '' )
						{
							alert( 'Zadejte e-mail.' );
							return false;
						}
						else
						{
							if ( regEx_email.test( email ) == false )
							{
								alert( 'Zadejte spravný e-mail.' );
								return false;
							}
						}
						
						//window.location = '{fileDOCformURL}?' + $('#docForm').serialize();
						
						$.ajax({
							url: "/parts/article-file-send-mail.php",
							data: $( "#docForm" ).serialize(),
							type: "POST",
							// the type of data we expect back
							//dataType : "json",
							success: function( json ) {
								$('#docFormWrapper').html( 'Následujte instrukce, které byly zaslány na Vaši adresu: ' + $('#docFormEmail').val() + '. Děkujeme.' );
							},
							error: function( xhr, status, errorThrown ) {
								$('#docFormWrapper').html( 'Nastala chyba :-(' );
							}
						});
						
						return false;
					});
				});
			</script>
			
		{/if}

	
	
	<div class="social-field"><!--product-image-field -->
		
		<div class="cleaner"></div>
		
		{if:{facebookLikeButtonVisible}}
		<div class="underimagemenus">
            
            
			<div class="fb-like" data-href="https://www.facebook.com/Nad&#xe1;cia-Kri&#x17e;ovatka-150522978355314/" data-width="150px" data-layout="standard" data-action="like" data-show-faces="true" data-share="false"></div>
			
			
			<!--<div style="float:left;">
			<div class="g-plusone" data-annotation="bubble" data-width="110" data-size="medium"></div>
			</div>-->
			
			<!--<a href="https://twitter.com/share" class="twitter-share-button" data-lang="cs" data-width="110">Tweet</a>
			{#
			<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
			#}
			
			
			<script src="//platform.linkedin.com/in.js" type="text/javascript">
			  lang: cs_CZ
			</script>
			<script type="IN/Share" data-counter="right"></script>-->

		</div>
		{/if}
		
	</div><!--product-image-field end-->

<div class="cleaner"></div>

	{if:{nextArticleURL}!=''}
	<div class="nextArticle">
		<a href="{nextArticleURL}" title="{nextArticleTitle}">Další článek<i class="icon-angle-circled-right"></i></a>
	</div>
	{/if}
	
	{if:{prevArticleURL}!=''}
	<div class="prevArticle">
		<a href="{prevArticleURL}" title="{prevArticleTitle}"><i class="icon-angle-circled-left"></i>Předchozí článek</a>
	</div>
	{/if}
	
	
</div><!--Box 770 end-->


<div class="cleaner10"></div>

{/mask}