<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
	    {headers}
	    <link rel="shortcut icon" href="{THEME}/images/favicon.ico" type="image/x-icon" />
	    <link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:400,500,700&amp;subset=latin,cyrillic-ext" rel="stylesheet" type="text/css"/>
	    <link rel="stylesheet" href="{THEME}/style/swipebox.css" media="screen" type="text/css"/>
	    <link rel="stylesheet" href="{THEME}/style/style.css" media="screen" type="text/css"/>
	    <link rel="stylesheet" href="{THEME}/style/font-awesome.min.css" media="screen" type="text/css"/>
    </head>
    <body>
        <style>
         .tab-content { display: none; }
         .tab-content:first-child { display: block; }
        </style>
        <style>
         .msj .ratingtypeplusminus, .msj .ratingtypeplus {color:#c2c2c2;}
         .likes .rating {padding-left:7px;margin-top:-4px;}
         .likes span, .likes span span {border-left:none !important;padding: 0 !important;max-width:82px;width:20px !important;text-align:left !important;}
         .likes .ratingtypeplusminus, .likes .ratingtypeplus {color:#333;}
        </style>
        {AJAX}
        {include file="top.tpl"}
        [aviable=main]
        <div id="slider">
	        {custom template="templates/slider_part1" limit="5"}
		</div>
		[/aviable]
        [aviable=main]
        <div id="page">
	        <div id="page-content">
	            <div id="featured-slider">	
			        <div class="featured-slider-control"></div>
			        <ul>
				        {custom template="templates/featured" limit="15" category="1"}
			        </ul>
		       </div>	
		       <div class="page-left">
			       {include file="homepage.tpl"}
			       
			       
               </div>
               {include file="right.tpl"}
		       <div id="bottom-content">
			       <div id="last-news">
				       <div class="block-title"><i class="fa fa-ellipsis-v">&nbsp;</i> НОВОСТИ КИНО</div>
				       <ul class="last-news-content">
					       {custom template="templates/latest_news" limit="4" category="18" sort="desc" order="date"}
					   </ul>
			       </div>
			       <div class="block-title"><i class="fa fa-ellipsis-v">&nbsp;</i> ОБНОВЛЕНИЯ СЕРИАЛОВ</div>
			       <div class="new-series-slider">	
				       <ul id="new-series-slider-content">
					       {custom template="templates/new_series" limit="5" category="2" sort="desc" order="date"}
					   </ul>
				       <div class="slider-control">
					       <div id="s-prev" class="prev"></div>
					       <div id="s-next" class="next"></div>
				       </div>
			       </div> 
		        </div>
		    </div>
        </div>
        [/aviable]
        [not-aviable=main|showfull|userinfo|pm]
        <div id="page">
	        <div id="page-content">
	            <div id="featured-slider">	
			        <div class="featured-slider-control"></div>
			        <ul>
				        {custom template="templates/featured" limit="15" category="1"}
			        </ul>
		       </div>	
		       <div class="page-left">
			       [sort]
			       <div class="left-block-title">
				       <span>
				       {sort}
				       </span>
			       </div>
			       [/sort]
			       <div id="content">	
			           {info}
				       {content}	
			       </div>
			       <style>
                       #dle-content{width:650px;}
                    </style>
			       
               </div>
               {include file="right.tpl"}
		       <div id="bottom-content">
			       <div id="last-news">
				       <div class="block-title"><i class="fa fa-ellipsis-v">&nbsp;</i> НОВОСТИ КИНО</div>
				       <ul class="last-news-content">
					       {custom template="templates/latest_news" limit="4" category="18" sort="desc" order="date"}
					   </ul>
			       </div>
			       <div class="block-title"><i class="fa fa-ellipsis-v">&nbsp;</i> ОБНОВЛЕНИЯ СЕРИАЛОВ</div>
			       <div class="new-series-slider">	
				       <ul id="new-series-slider-content">
					       {custom template="templates/new_series" limit="5" category="2" sort="desc" order="date"}
					   </ul>
				       <div class="slider-control">
					       <div id="s-prev" class="prev"></div>
					       <div id="s-next" class="next"></div>
				       </div>
			       </div> 
		        </div>
		    </div>
        </div>
        [/not-aviable]
        
        [aviable=showfull|userinfo|pm]
        {info}
        {content}
        [/aviable]
        <div id="random-movies">
	        <div class="random-movies-content">
		        <span class="title">Случайные фильмы</span>
		        <div class="list">
		            {custom template="templates/random_movies" limit="10" category="1"}
		        </div>
		        <span class="dots">...</span>
	        </div>
        </div>
        <div id="footer">
            <div class="footer-desc">
		        <div class="triangle"></div>
		        Тут описание сайта, информация для правообладателей и т.п...
        	</div>
	        <div id="to-top"></div>
	        <div class="footer-top">
		        <div class="footer-top-content">
			        <div class="left">2015 • KinoMIX - кино-шаблон для DLE 10.4 </div>
			        <div class="right">
				        <ul id="social">
					        <li><a class="fa fa-facebook" href="#"></a></li>
					        <li><a class="fa fa-twitter" href="#"></a></li>
					        <li><a class="fa fa-google-plus" href="#"></a></li>
				        </ul>
			        </div>
		        </div>
	        </div>
	        <div class="footer-alt">
		        <div class="footer-alt-content">
			        <ul class="link">
			            <li><a href="/" title="Пункт меню 1"><i class="fa fa-dot-circle-o">&nbsp;</i> Пункт меню 1</a></li>
			            <li><a href="/" title="Пункт меню 2"><i class="fa fa-dot-circle-o">&nbsp;</i> Пункт меню 2</a></li>
			            <li><a href="/" title="Пункт меню 3"><i class="fa fa-dot-circle-o">&nbsp;</i> Пункт меню 3</a></li>
			        </ul>
		        </div>
	        </div>
	    </div>
	    <div id="overlay"></div>
	    <div id="lights-off"></div>
        <script src="{THEME}/js/jquery.easing.1.3.js" type="text/javascript"></script>
        <script src="{THEME}/js/jquery.slides.min.js" type="text/javascript"></script>
        <script src="{THEME}/js/jquery.carouFredSel-6.2.0.js" type="text/javascript"></script>
        <script src="{THEME}/js/jquery.freshline.minislides.js" type="text/javascript"></script>
        <script src="{THEME}/js/jquery.swipebox.js" type="text/javascript"></script>
        <script src="{THEME}/js/index.js" type="text/javascript"></script>
        <script type="text/javascript">
            function facechange (objName) {
                if ( $(objName).css('display') == 'none' ) {
                    $(objName).animate({height: 'show'}, 400);
                } else {
                    $(objName).animate({height: 'hide'}, 200);
                }
            };
        </script>
	    <script type="text/javascript">
	    $("#player-tabs .tab").click(function() {
            $("#player-tabs .tab").removeClass("current").eq($(this).index()).addClass("current");
                $(".tab-content").hide().eq($(this).index()).fadeIn()
            }).eq(0).addClass("current");
        </script>
        <script type="text/javascript">
		    $("#to-top").click(function(){ 
			    $('html, body').animate({
			       scrollTop: $(".header-top").offset().top
			    }, '2000');
		    });
	    </script>
    </body>
</html>