<link rel="stylesheet" href="/modules/mod_confix_slider/css/default/slideshow.css" type="text/css" />
<script type="text/javascript" src="/modules/mod_confix_slider/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/modules/mod_confix_slider/js/jquery.cycle.all.js"></script>

{*------ jslider data ----*}
{literal}
<script type="text/javascript">$(document).ready(function(){ $(".slide").cycle({fx:"{/literal}{$eff}{literal}",{/literal}{$eff}{literal}:{timeout:{/literal}{$timeout}{literal},speed:{/literal}{$speed}{literal},delay:{/literal}{$delay}{literal}}{/literal}{$eas}{literal}}) })
</script>

{/literal}
{*-----------plau mp3----------*}
{if $cfg.plaump}
<script type="text/javascript" src="/modules/mod_confix_slider/audiojs/audio.min.js"></script>
{literal}


<script>
      $(function() { 
        // Setup the player to autoplay the next track
        var a = audiojs.createAll({
          trackEnded: function() {
            var next = $('ol li.playing').next();
            if (!next.length) next = $('ol li').first();
            next.addClass('playing').siblings().removeClass('playing');
            audio.load($('a', next).attr('data-src'));
            audio.play();
          }
        });
        
        // Load in the first track
        var audio = a[0];
            first = $('ol a').attr('data-src');
        $('ol li').first().addClass('playing');
        audio.load(first);

        // Load in a track on click
        $('ol li').click(function(e) {
          e.preventDefault();
          $(this).addClass('playing').siblings().removeClass('playing');
          audio.load($('a', this).attr('data-src'));
          audio.play();
        });
        // Keyboard shortcuts
        $(document).keydown(function(e) {
          var unicode = e.charCode ? e.charCode : e.keyCode;
             // right arrow
          if (unicode == 39) {
            var next = $('li.playing').next();
            if (!next.length) next = $('ol li').first();
            next.click();
            // back arrow
          } else if (unicode == 37) {
            var prev = $('li.playing').prev();
            if (!prev.length) prev = $('ol li').last();
            prev.click();
            // spacebar
          } else if (unicode == 32) {
            audio.playPause();
          }
        })
      });
    </script>

{/literal}
{/if}
{*--------resizable img---------*}
{if $cfg.resizableimg}


{literal}
<style>
	#resizable { width: {/literal}{$resizablewidth}{literal}px; height: {/literal}{$resizableheight}{literal}px; padding: 2.5em; ;}
	#resizableplus { width: {/literal}{$resizablewidth+$resizable_plus}{literal}px; height: {/literal}{$resizableheight+$resizable_plus}{literal}px; padding-left:{/literal}{$resizable_padtop}{literal}px;;}
</style>
	<script  type="text/javascript">
	$(function() {
		$( "#resizable" ).resizable();
		$( "#resizableplus" ).resizableplus();
	});
	</script>
	{/literal}
	{else}
	{literal}
<style>
		#resizableplus { width: {/literal}{$resizablewidth+$resizable_plus}{literal}px; height: {/literal}{$resizableheight+$resizable_plus}{literal}px;  padding-left:{/literal}{$resizable_padtop}{literal}px;;}
</style>
	<script  type="text/javascript">
	$(function() {
		$( "#resizableplus" ).resizableplus();
	});
	</script>
	{/literal}
{/if}
{*------------------------*}

{**}
<div>
{if $cfg.image_vid_show}
<img id="resizableplus" class="photoramimg" src="/modules/mod_confix_slider/css/{$image_vid}.png"/>
{/if}
    <div class="slide">
	
	{foreach key=tid item=con from=$cons}
	
	<div>
	
	
	{if $cfg.userphotoalb}
	<a href="/users/{$con.user_id}/photo{$con.id}.html" title="{$con.title}">
	<img id="resizable" class="photo_thumb_img"  src="/images/users/photos/{$path}/{$con.imageurl}" alt="{$con.title}" border="0" />
	</a>
	{else}
	
	<a href="/photos/photo{$con.id}.html" class="photo_thumb_img" title="{$con.title}"> <img id="resizable" class="photo_thumb_img"   src="/images/photos/{$path}/{$con.file}" alt="{$con.title} ({$con.rating})" /></a>
     
    {/if}
	
	{if $cfg.showtype == 'full'}
	                {if $cfg.showtitle}
					   {if $cfg.userphotoalb}
					   <div class="mod_lp_titlelink"><a href="/users/{$con.user_id}/photo{$con.id}.html" title="{$con.title} ({$con.rating})">{$con.title}</a></div>
					   
					   {else}
	                <div class="mod_lp_titlelink"><a href="/photos/photo{$con.id}.html" title="{$con.title} ({$con.rating})">{$con.title}</a></div>
					{/if}
					{/if}
					
					{if $cfg.userphotoalb}
							<a href="/users/{$con.login}" class="album_nik">{$con.nickname}</a>
					{else}	
                	{if $cfg.showalbum}
            			<div class="mod_lp_albumlink"><a href="/photos/{$con.album_id}" title="{$con.album}">Альбом  {$con.album}</a></div>
            		{/if}
            		{/if}
            			<div class="mod_lp_details">
                               	  {if $cfg.showrating}
                  						{if $cfg.sort == 'rating'}
                                          	<strong>Рейтинг      {$con.votes}</strong>
											
                  						{else}
                                            <strong> Просмотры   {$con.votes}</strong>
                  						{/if}
                  					{/if}
									
                  				{if $cfg.showcom}
								{if $cfg.userphotoalb == 1}
								<a class="blog_comments_link" href="/users/{$con.user_id}/photo{$con.id}.html#c">Комментарии  {$con.comments}</a>
				 
								{else}
                             <a class="blog_comments_link" href="/photos/photo{$con.id}.html#c">Комментарии   {$con.comments}</a>								
								
								{/if}
                  				{/if}	
                                {if $cfg.showdate}
                                <div>
                                	<span>Опубликовано   {$con.pubdate}</span>
                                </div>
                  				{/if}
            			</div>
            		
        {/if}
	


	{*------------------end div class=slider-------------------*}
</div>

	{/foreach}
	
</div>

</div>
{*------mp3 названия файла , только ENG ----------*}	
<div class="plaump">
{if $cfg.plaump ==1}
{* preload="auto" autoplay="autoplay"  loop="loop"*}
    <div>
      <audio preload autoplay></audio>
      <ol>
        <li><a href="#" data-src="/mp3/Era - Sacral Nirvana.mp3"">Sacral Nirvana</a></li>
        <li><a href="#" data-src="/mp3/instrumental music2.mp3"">instrumental music2</a></li>
        <li><a href="#" data-src="/mp3/instrumental music.mp3">instrumental music</a></li>
        <li><a href="#" data-src="/mp3/Hostakovich.mp3">Hostakovich</a></li>
        <li><a href="#" data-src="/mp3/instrumental music3.mp3">instrumental music3</a></li>
      </ol>
    </div>
{/if}
</div>
