[html]<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://ruseller.com/lessons/les809/demo/booklet/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://ruseller.com/lessons/les809/demo/booklet/jquery.booklet.1.1.0.min.js" type="text/javascript"></script>
<link href="http://ruseller.com/lessons/les809/demo/booklet/jquery.booklet.1.1.0.css" type="text/css" rel="stylesheet" media="screen" />
<style>
.booklet{
-moz-box-shadow:0px 0px 0px #fff!important;
-webkit-box-shadow:0px 0px 0px #fff!important;
box-shadow:0px 0px 0px #fff!important;
-moz-border-radius:10px!important;
-webkit-border-radius:10px!important;
border-radius:10px!important;
}

.booklet .b-wrap-left  {
background:#fff url(https://i.ibb.co/d62jDjN/1.jpg) no-repeat top left!important;

}
.booklet .b-wrap-right {
background:#efefef url(https://i.ibb.co/b7WPpsc/2.jpg) no-repeat top left !important;

}
.booklet .b-counter {
bottom:13px!important;
position:absolute!important;
display:block!important;
width:80%!important;
text-align:center!important;
font-size:12px!important;
color:#000!important;
padding:5px 35px 0!important;
background:transparent!important;
opacity:0.8!important;
}
.book_wrapper{     margin-left: auto;
padding-top:50px!important;
width:860px!important;
height:620px!important;
position:relative!important;
background:transparent url(https://i.ibb.co/ngT2Xjb/2.png) no-repeat 28px 29px!important;
}

.book_wrapper h1{
color:#000 !important;
font-family: Underdog !important;
background:transparent!important;
font-size:18px!important;
}
.book_wrapper p{
line-height:120%!important;
    text-indent: 20px!important;
font-size:16px!important;
color:#000!important;
font-family: Underdog!important;
margin:5px 5px 5px 15px!important;
}
r{
    text-align:right!important;
}
.book_wrapper img{   
margin:10px 170px 5px 15px!important;
padding:4px!important;
}
a#next_page_button,
a#prev_page_button{
display:none;
position:absolute;
width:36px;
height:40px;
cursor:pointer;
margin-top:-20px;
top:50%;
background:transparent url(https://i.ibb.co/4Sd8h8N/image.png) no-repeat 0px -40px;
}
a#prev_page_button{
left:-30px;
}
a#next_page_button{
    right: -13px!important;
background-position:-41px -40px;
}
a#next_page_button:hover{
background-position:-41px 0px;
}
a#prev_page_button:hover{
background-position:0px 0px;
}
.loading{
width:160px!important;
height:56px!important;
position: absolute!important;
top:50%!important;
margin-top:-28px!important;
right:135px!important;
line-height:56px!important;
color:#000!important;
padding-left:60px!important;
font-size:15px!important;
background: #000 url(http://ruseller.com/lessons/les809/demo … loader.gif) no-repeat 10px 50%!important;
opacity: 0.7!important;
z-index:9999;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

</style>

    <div class="book_wrapper">

    <a id="next_page_button"></a>

    <a id="prev_page_button"></a>

    <div id="loading" class="loading">Книга раскроется читателю через время...</div>

    <div id="mybook" style="display:none;">

        <div class="b-load">
<div>
<h1>Предисловие автора</h1>       
<p>Из множества трудов древних джиннов о ратном деле, после множества междоусобных войн великих племён, к сожалению, до нас дошли лишь немногие. Автору сего произведения, взвалившего на себя нелёгкую задачу исследовать обычаи и уклад различных государств и народов за пределами безопасного и передового Концентралия, стоило немалых сил и времени убедить представителей знати султаната открыть доступ к их секретам и тайнам.</p>
        <p>Для меня, Рене де Керака, будет великой честью стать посредником столь закрытого знания между древними жителями Фуги и моими соотечественниками на Фирсе, желающими приоткрыть завесу тайны над историей этой занимательной расы.</p>
</div>
<div>        
<p>Пускай читатель себя не обманывает – в книге он не найдёт способа завоевать этот край и подчинить этот народ, вокруг которого ходят легенды о его богатстве, славе и могуществе. Я лишь старался упорядочить факты, дабы те, кто последуют моему примеру в своём намерении узнать больше о мире вокруг, могли посетить Фугу подготовленными, ведь нравы и обычаи её жителей были подвергнуты влиянием, а иногда и целиком сформированы – войной.</p>       
</div>
<div>
<h1>Базовые принципы</h1>       
<p>Для начала важно уточнить, что, говоря о джиннском воинстве, всегда надо обязательно дифференцировать – состоит ли данная рать из непосредственных жителей континента, или представлена в основе из обученных ратному делу рабов, в свете Панацеи именуемыми <b> Янычарами </b>. </p>
        <p>Сами по себе невольничьи армии – вещь обыденная среди всех племён. Малое число джиннов, обученных и приспособленных к ратному делу за пределами родных земель, при обширности их территорий, в какой-то исторический момент вынудило правителей царств прибегнуть к помощи невольников, захваченных в ходе множества войн, бушующих на континенте. </p>
</div>
<div>       
<p>Так же подобные войска из рабов решали и другую проблему – низкую эффективность собственных армий хаганатов на чужой территории. </p>
        <p>Побывав на Фуге, поделённой среди четырёх племен, каждое из которых в виду своего происхождения завязано на определённой стихии, вы, если одарены магическим чутьём, сразу почувствуете чёткие границы, в которых находятся и вынуждены служить те или иные потомки первородных стихий. В пределах огненной столицы, сернистый запах, постоянная засуха и тепло будут благоволить возгоранию, на высоких склонах воздушного царства, насыщенный и словно дрожащий воздух легко приведёт вас в чувства заключённой в нём энергией, так и норовящей вырваться наружу.</p>
</div>
<div>
        <p>Будь то влажность и живость морского леса, или твёрдость скалистых окрестностей Меревана, вы всегда сможете чётко определить, буквально по своим ощущениям, на территории какого народа вы находитесь. Для джиннов эта демаркационная линия особенно ощутима. Родная земля подпитывает их способности, в то время как чужая – нивелирует любое, в том числе и стратегическое, преимущество. Посему для поддержки порядка на земле султаната и для охраны собственных границ они куда чаще используют невольничьи армии, прибегая к собственным силам лишь при крайней нужде. </p>
</div>
<div>
<h1>О Янычарах</h1>       
<p>Традиция воспитания и подготовки невольников к воинской службе исходит ещё из давних времён, когда древние дракониды и эльфы ещё свободно и непринуждённо перемещались по Фуге, а племена джиннов были разрознены и воевали больше друг с другом, чем с соседствующими расами. Уже тогда в качестве обычая было принято в ряды Янычар набирать лишь рабов, едва помнящих собственных родителей. Зачастую насильно, детей вырывали из рук матерей, стоило им преодолеть границу в аршин роста. Важно понимать, что забранный ребёнок мог быть возвращён в семью, если по тем или иным критериям не подходил для службы в рядах Янычар. </p>
</div>
<div>       
<p>Если же мальчик (зачастую набирали именно мальчиков, прибегая к отбору девочек лишь во время «великих созывов» - прим. автора) был достаточно крепок, его отправляли в столицу хаганата, где в специальных корпусах будущих янычар обучают Пагубе и военному делу. Постоянные тренировки и уроки проходят ежедневно, а любое, даже самое малое, проявление свободомыслия, непокорности и непослушания крайне строго караются.</p>
        <p>После первых шести лет обучения, будущих янычар учат обращению с оружием, а также, в составе уже сформированных воинств и полков, выпускают за пределы столичных стен на военные смотры и манёвры. По достижению двадцать первого года, обученные и подготовленные корпуса определяют по назначениям.</p>
</div>
<div>       
<p>Проявивших исключительное умение и преданность, могут определить в личную стражу султана или царя отдельного хаганата. Менее умелых – в гарнизоны и городскую стражу. Остальных же, как правило составлявших три четверти от общего числа выпускников, использовали в военных походах. </p>
        <p>Иерархия внутри Янычарского полка весьма схожа с фирийскими и дамарскими армиями раннего образца – над десятью янычарами стоит десятник, над десятью десятниками – сотник, над десятью сотниками – тысячник. По традиции, десятники, сотники и тысячники всегда набирались из числа самих янычар в ходе состязаний, отчего даже пошла джиннская поговорка: <i>«Каждый тысячник в своём полку – султан».</i></p>
</div>
<div>       
<p>В высший офицерский состав из янычар входят: тысячник, глава ветеранов, знаменосец, а также их заместители. Из числа джиннов в командование полком входят лишь интендант с его заместителем, и так называемый <b>дервиш</b> - ответственный за подготовку и идеологическую обработку. Приказ в полк всегда получает именно дервиш, после чего передаёт его тысячнику и следит за его исполнением. </p>
        <p>Важно заметить, что для джинна служить среди янычар – далеко не самое престижное занятие, а посему обычно только самые преданные своему народу и не жаждущие личной выгоды джинны посвящают себя этой задаче.</p>
</div>
<div>
<h1>Об армиях, состоящих из джиннов</h1>       
<p>Говоря о войсках, состав которых формируется целиком из представителей той или иной ветви магической расы, важно в очередной раз напомнить о малом числе таких формирований. В каждом хаганате – это всегда своё, строго специфическое подразделение, привыкшее воевать в пределах родных земель, где оно наиболее эффективно. Возглавляют их, как правило, представители дворянства того или иного города-государства, а иерархия внутри воинства устанавливается согласно традициям и социальному укладу их племени, что значительно усложняет их классификацию. В следующих главах я постараюсь привести общие, для кого-то малоизвестные, факты о различных видах войск джиннов, а также историю их использования и формирования.</p>
</div>
<div>
<h1>Мереванские фортификаторы</h1>       
<p>Воины джиннов земли - единственные из их магической расы, кто в своём деле совмещает родную им магию с традиционным ратным делом, где правит бал примитивные орудия, так знакомые нам на Фирсе, вроде лука и меча. По природе своей не склонные к войнам, предпочитающие полю брани затворничество в родном доме, отряды фортификаторов заработали себе репутацию самых эффективных оборонительных войск на всём континенте. </p>
        <p>Записей о великих достижениях этого рода войск не так много, однако в отдельных трудах и биографиях я видел, как целые армии предпочитали обходить укрепления, возведённые джиннами земли, предпочитая терпеть потери от нападок в тылу, чем гарантированно потерять всё войско в ходе атаки или штурма.</p>
</div>
<div>       
<p>В отдельном трактате прямым текстом было написано, что использование конных войск против джиннов земли – глупость, ведь те запросто вырвут почву прямо из-под ног всадников, заставив отряды атакующего авангарда передавить самих себя. Из этого я сделал вывод, что, если фортификаторы когда-то и терпели поражение, то скорее вследствие долгих и изнурительных осад, а не из-за недостатка умения или доблести.</p>
        <p>Несмотря на грозную репутацию, воинов джиннов земли довольно редко видели за пределами родных земель, и даже по воле султана в ходе завоевательных войн фортификаторы очень редко когда принимали участие в численности большей, чем одна тысяча. </p>
</div>
<div>
<h1>Разведчики Морской Чащи</h1>       
<p>Более вдумчивые и приспособившиеся к жизни в гармонии с окружающей их природой жители влажных тропиков воспринимают войну, не как ремесло, а как искусство, и относятся к нему с должным подходом и вдохновением. Воины водного народа больше стратеги и тактики, чем грозные воины, отчего в их рядах не столько ценится свирепость или хладнокровие, сколько воображение и смекалка.</p>
        <p>Известны случаи, когда целые полки, отправленные брать Исдагар в осаду, не доходили, терпя ужасные потери и отступая, так ни разу и не вступив в бой. Если войска водных джиннов и дают открытое сражение, если его можно так назвать, – так только вблизи рек или горных ручейков, где у них есть доступ к их родной стихии.</p>
</div>
<div>       
<p>В основном их солдаты полагаются на диверсии и обман, нападая там, где их не ждут и исчезая из тех мест, где их могли заметить. Как итог – ослабленный противник либо отступал, потеряв инициативу в походе, либо натыкался на ожидающее его и имеющее куда более выгодное положение войско янычар. </p>
        <p>В султанских походах выходцы из водного царства ценятся больше всего либо как умелые разведчики, диверсанты и саботажники, либо как военные стратеги и командиры, способные выбрать куда более удачный манёвр там, где обычный командир поступил бы иначе.</p>
</div>
<div>
<h1>Исдагарские арматоры</h1>       
<p>Согласно традиции, зажиточные семьи джиннов воды могли за свой счёт соорудить судно, и именно на нём послужить своему государству на морском поприще. Корабль становился собственностью построившего его, а в ходе рейдов и налётов на врагов султана владелец судна всегда получал доход от захваченной добычи. Постоянно находясь вблизи родной стихии, джинны воды – грозный противник в открытом море, способный за счёт своей магии потопить судно, даже не прибегая к абордажу. </p>
        <p>Несмотря на кажущуюся эффективность такого подхода, корабли водного царства редко были замечены в большом числе или вдали от родных земель, к примеру, к северу от континента.</p>
</div>
<div>
        <p>Миролюбивые жители морской чащи меньше всех расположены к кажущемуся им бессмысленным насилию, отчего воинство водных джиннов – самое низкое по числу из всех хаганатов Фуги.</p>
</div>
<div>
<h1>Огненная пехота</h1>       
<p>В отличие от других царств, где война – дело вынужденное и, как правило, нежелательное, огненный народ нашёл в ней своё призвание. Долгое время войска огненного хаганата, состоящие из одной только пехоты, были самыми многочисленными. Подчинившие себе огненную стихию, её солдаты могли сражаться на любой дистанции, от дальней до ближней, отчего подобные отряды были самыми универсальными и долгое время считались непобедимыми в чистом поле.</p>
        <p>До появления Катафрактов, служба в рядах прославленной огненной пехоты было делом чести для любого рождённого в пламени, а любой носящий золотые браслеты – знак принадлежности к воинскому сословию, - являлся почётным представителем огненного народа.</p>
</div>
<div>
        <p>Сейчас же, после появления знаменитой огненной кавалерии, служба в пехоте – скорее дань традиции, чем высшая честь, о которой могут мечтать горячие до славы в бою огненные джинны.</p>
</div>
<div>
<h1>Катафракты</h1>       
<p>В ходе завоевательных войн Хархослейра, становился вопрос не только о реформе армии объединённого султаната, но о победе над их давним северным соседом – царством эльфов, которое в последствии будет вынуждено искать укрытия под землёй и станет нам известно, как королевство тёмных эльфов Сиругил. Всем было очевидно, что на своих землях джиннам бояться нечего, но даже числа янычар и огненной пехоты не хватило бы, чтобы одновременно удерживать свои земли и вести победоносную войну в чужой стране. </p>
        <p>Легенда гласит, что в ходе одного из пиров в Маэгре, когда высший свет всего султаната предлагал различные решения, дабы сокрушить эльфов, один из дворян воздушного царства предложил султану перемещать свою пехоту на лошадях.</p>
</div>
<div>     
<p>На что получил ответ, что при такой транспортировке солдаты будут крайне уязвимы, не имея никакой возможности прибегнуть к их огненной магии. Внезапно голос подал раб, который разносил чаши с вином. Он сказал, что лошадей можно обучить не бояться огня. История умалчивает о судьбе этого храброго человека, однако мне хочется верить, что тот был вознаграждён за идею, что помогла джиннам завоевать поверхность Фуги.</p>
        <p>После этого, огненный хаганат обзавёлся родом войск, доныне немыслимым при их положении – тяжёлой магической кавалерией. Всадников одевали в тяжелые латы, переняв эту традицию у Фиериморских и Дамарских рыцарей и даже на коней надевали кольчужный и чешуйчатый доспех, дабы защитить его от возможных ран в бою.</p>
</div>
<div>       
<p>О конях, не боящихся огня и огненной магии, стоит отдельно упомянуть. Огненные джинны называют их <b>саваранами</b>, а технологию их выведения и обучения хранят в строжайшей тайне. Даже вашему покорному слуге не позволили прикоснуться к какому-либо знанию о них, кроме названия. Известно лишь, что скакун, бесстрашный к пламени – признак статуса, и как правило ими владеют только представители аристократии.</p>
        <p>Потерять саварана из-за недостаточного ухода за ним – значит навлечь на себя большой позор. Кража такого скакуна – тяжкое преступление, страшно караемое. </p>
<p>Возвращаясь обратно к повествованию, надо заметить, что полученная боевая единица показала себя невероятно эффективной, но только при должном строе и тактике.</p>
</div>
<div>       
<p>Несколько сотен Катафрактов, атакуя клином, могли стереть в пыль тысячное войско. Выпуская перед собой столбы огня, именуемые «огненными пиками», они прорывали строй, неспособный противостоять такому натиску. Известны случаи, когда после победы Катафрактов, прах поверженных мог поместиться в бочку.</p>
        <p>По традиции, командир магической конницы, вернувшись с победой, должен был предъявить сюзерену чашу с пеплом, оставшимся от вражеского командира. Несмотря на чудовищную эффективность в ходе завоеваний Хархослейра и победы над эльфами на севере Фуги, тяжелая конница показала себя крайне негибкой в вопросе применения на других, менее удобных театрах боевых действий.</p>
</div>
<div>
        <p>Неспособные сражаться в узких ущельях, болотистой или скалистой местности, а также под землёй, Катафракты были и останутся визитной карточкой воинственных огненных джиннов, но из-за малой численности и крайне продолжительной подготовки не позволят ифритам мечтать о завоевании других континентов или подчинении других джиннов.</p>
</div>
<div>
<h1>Рецегронские Уланы</h1>       
<p>В отличие от своих огненных союзников, продолжительное время сражавшихся только пешими, воздушные или, как они себя именуют, истинные джинны почти всегда сражались конными войсками.</p>
        <p>Лёгкая кавалерия воздушных джиннов всегда полагалась на быстрые атаки в горных ущельях и холмах, налетая на ничего неподозревающего противника, словно ураган, пуская в ошарашенную цель молнии. Несмотря на разрушительный эффект таких частых налётов, гораздо больший урон наносился сопутствующими действиями. </p>
</div>
<div> 
<p>Искусно владея магией воздуха, истинные джины умудрялись сопровождать свои атаки ужасающими звуковыми эффектами, которую в народе прославили как <b>песнь дьявола</b>, отчего даже посланные воевать полки янычар иногда просто-напросто отказывались воевать, боясь такого противника больше, чем гнева своих господинов. Таким образом изнуряя противника частыми набегами и постоянно деморализуя врага, воздушные джинны часто добивались того, что неприятель отказывался от своих притязаний на земли воздушного царства, оставляя его жителей в покое.</p>
        <p>Война для воздушных джиннов не призвание и не искусство, а скорее забава. </p>
</div>
<div>     
<p>Очень нечасто можно было бы увидеть ветерана из числа уланов, поскольку ратное дело для воздушного джинна со временем попросту перестаёт быть интересным.</p>
        <p>Как не странно, из всех народов, воздушные всадники охотнее всего сражаются в чужих землях. Во многом это вызвано скорее всего тем, что их стихия преобладает везде, вне зависимости от климата или континента.</p>
</div>
<div>
<h1>Послесловие</h1>       
<p>В конце хотел бы сказать, что Фуга – удивительный край, и через призму то, как её жители ведут войну, легко рассмотреть и характер участников. Пускай мои речи не введут вас в заблуждение, народы стихийных царств вовсе не так воинственны и кровожадны, как вам могло показаться, и в Панацее вас ждут не одни лишь опасности, но и масса интересного, начиная от традиций и обычаев её жителей, заканчивая их городами, уникальными по своей природе. Остаётся лишь надеяться, что междоусобицы и распри не приведут эту великую цивилизацию к краху и забвению. Осилившего мой скромный вклад в знание о народах я благодарю за внимание и терпение, и желаю удачи, если тот рискнёт посетить волшебный запад.</p>
</div>

<div>
           

<img src="https://i.ibb.co/yp8JB3M/image.png" alt="" />

        </div>

       

    </div>

    </div>

        <!-- JavaScript -->

        <script type="text/javascript">

    $(function() {

        var $mybook     = $('#mybook');

        var $bttn_next    = $('#next_page_button');

        var $bttn_prev    = $('#prev_page_button');

        var $loading    = $('#loading');

        var $mybook_images = $mybook.find('img');

        var cnt_images    = $mybook_images.length;

        var loaded    = 0;

        //Предварительно загружаем все страницы в книжке,

        //а затем вызываем плагин Booklet

        $mybook_images.each(function(){

        var $img = $(this);

        var source = $img.attr('src');

        $('<img/>').load(function(){

            ++loaded;

            if(loaded == cnt_images){

            $loading.hide();

            $bttn_next.show();

            $bttn_prev.show();

            $mybook.show().booklet({

                name:               null,                            // Имя буклета, которое выводится в заголовке документа

                width:              800,                             // Ширина контейнера

                height:             500,                             // Высота контейнера

                speed:              600,                             // Скорость перехода между страницами

                direction:          'LTR',                           // Направление организации контента, по умолчанию LTR (left to right - слева направо), может быть RTL  (справа налево)

                startingPage:       0,                               // Индекс страницы, которая будет выводиться первой

                easing:             'easeInOutQuad',                 // Метод сглаживания для завершения трансформации

                easeIn:             'easeInQuad',                    // Метод сглаживания для первой половины трансформации

                easeOut:            'easeOutQuad',                   // Метод сглаживания для второй половины трансформации

                closed:             true,                            // Запускаем книгу "закрытой", будут добавлены пустые страницы в начало и конец

                closedFrontTitle:   null,                            // Используется с опциями "closed", "menu" и "pageSelector", определяет заголовок пустой начальной старницы

                closedFrontChapter: null,                            // Используется с опциями "closed", "menu" и "chapterSelector", определяет имя главы пустой начальной страницы

                closedBackTitle:    null,                            // Используется с опциями "closed", "menu" и "pageSelector", определяет заголовок пустой последней страницы

                closedBackChapter:  null,                            // Используется с опциями "closed", "menu" и "chapterSelector", определяет имя главы пустой конечной страницы

                covers:             false,                           // Используется с опцией "closed", делает первую и последнюю страницу обложками, без нумерации страниц (если возможно)

                pagePadding:        10,                              // Отступ для обертки каждой страницы

                pageNumbers:        true,                            // Выводит номер на каждой странице

                hovers:             false,                           // Разрешает анимацию предварительного просмотра страниц при наведени курсора мыши, выводятся маленькие изображения предыдущей и следующей страницы

                overlays:           false,                           // Разрешает навигацию с использованием слоя перекрытия, когда разрешено - ссылки в контексте не будут реагировать на нажатия кнопки мыши

                tabs:               false,                           // Добавляет закладки вдоль верха страницы

                tabWidth:           60,                              // Определяем ширину закладок

                tabHeight:          20,                              // Определяем высоту закладок

                arrows:             false,                           // Добавляем стрелки поверх кромок книжки

                cursor:             'pointer',                       // Установка css для курсора для боковой области книжки

                hash:              true,                           // Разрешает навигацию с использованием хэш строки, например: #/page/1 для страницы 1, будет действовать на все книжки с разрешенной опцией 'hash'

                keyboard:           true,                            // Разрешает навигацию с использованием клавиш стрелок(влево: предыдущая страница, вправо: следующая)

                next:               $bttn_next,              // Селектор для элемента, который используется как выключатель перехода к следующей странице

                prev:               $bttn_prev,              // Селектор для элемента, который используется как выключатель перехода к предыдущей странице

                menu:              null,                            // Селектор элемента, который используется как область меню, требуется для 'pageSelector'

                pageSelector:       false,                           // Разрешает навигацию с помощью выпадающего меню для страниц, требует опции 'menu'

                chapterSelector:    false,                           // Разрешает навигацию с помощью выпадающего меню глав, определяется атрибутом "rel", требует опции 'menu'

                shadows:            true,                            // Выводить тени при анимации страниц

                shadowTopFwdWidth:  166,                             // Ширина тени для верха анимации вперед

                shadowTopBackWidth: 166,                             // Ширина тени для верха анимации назад

                shadowBtmWidth:     50,                              // Ширина тени для низа анимации

                before:             function(){},                    // Возвратная функция, которая вызывается перед выполенением каждой анимации

                after:              function(){}                     // Возвратная функция, которая вызывается после выполнения каждой анимации

            });

            }

        }).attr('src',source);

        });

       

    });

        </script>[/html]