<!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>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div class="header">
<div class="logo"><a href="#" title="#"></a></div>
<div class="m-1">
<ul>
<li class="current"><a href="#" title="#">Структура Союза<u></u><i></i><b></b></a>
<div class="m-2">
<ul class="clear">
<li><a href="#">Структура Союза</a></li>
<li><a href="#">Фигурное катание</a></li>
<li><a href="#">Скоростной бег</a></li>
<li><a href="#">Нормативные документы</a></li>
<li><a href="#">Структура Союза</a></li>
<li><a href="#">Фигурное катание</a></li>
<li><a href="#">Скоростной бег</a></li>
<li><a href="#">Нормативные документы</a></li>
<li><a href="#">Структура Союза</a></li>
<li><a href="#">Фигурное катание</a></li>
</ul>
</div>
</li>
<li><a href="#" title="#">Фигурное катание на коньках<u></u><i></i><b></b></a>
<div class="m-2">
<ul class="clear">
<li><a href="#">Фигурное Союза</a></li>
<li><a href="#">Скоростной катание</a></li>
<li><a href="#">Нормативные бег</a></li>
<li><a href="#">Структура документы</a></li>
<li><a href="#">Фигурное Союза</a></li>
<li><a href="#">Структура катание</a></li>
<li><a href="#">Скоростной бег</a></li>
<li><a href="#">Нормативные документы</a></li>
<li><a href="#">Структура Союза</a></li>
<li><a href="#">Фигурное катание</a></li>
</ul>
</div>
</li>
<li><a href="#" title="#">Скоростной бег на коньках<u></u><i></i><b></b></a></li>
<li><a href="#" title="#">Шорт-трек<u></u><i></i><b></b></a></li>
<li><a href="#" title="#">ИСУ Гран При...<u></u><i></i><b></b></a>
<div class="m-2">
<ul class="clear">
<li><a href="#">Фигурное Союза</a></li>
<li><a href="#">Скоростной катание</a></li>
<li><a href="#">Нормативные бег</a></li>
<li><a href="#">Структура документы</a></li>
<li><a href="#">Фигурное Союза</a></li>
<li><a href="#">Структура катание</a></li>
<li><a href="#">Скоростной бег</a></li>
<li><a href="#">Нормативные документы</a></li>
<li><a href="#">Структура Союза</a></li>
<li><a href="#">Фигурное катание</a></li>
</ul>
</div>
</li>
</ul>
<div class="set"></div>
</div><!-- /m-1 -->
</div><!-- /header -->
<div class="page">
<div class="inside">
<div class="breadcrumbs"><a href="#">Главная</a> / <a href="#">Структура союза</a> / Новости</div>
<br />
<h1>Название альбома</h1>
<div class="gallery clear">
<h3>Название фото</h3>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.pack.js"></script>
<div class="mid">
<img src="images/img_mid.jpg" alt="img_mid" width="579" height="434" />
</div>
<button class="prev">Предыдущая</button>
<div class="jCarouselLite">
<ul>
<li><img src="images/img_mid_1.jpg" width="128" alt="Первая фотка" /></li>
<li><img src="images/img_mid_2.jpg" width="128" alt="Вторая фотка" /></li>
<li><img src="images/img_mid_3.jpg" width="128" alt="Третья фотка" /></li>
<li><img src="images/img_mid_4.jpg" width="128" alt="Четвертая фотка" /></li>
<li><img src="images/img_mid_1.jpg" width="128" alt="Пятая фотка" /></li>
<li><img src="images/img_mid_2.jpg" width="128" alt="Шестая фотка" /></li>
<li><img src="images/img_mid_3.jpg" width="128" alt="Седьмая фотка" /></li>
<li><img src="images/img_mid_4.jpg" width="128" alt="ХХХ фотка" /></li>
<li><img src="images/img_mid_1.jpg" width="128" alt="YYY фотка" /></li>
<li><img src="images/img_mid_2.jpg" width="128" alt="ZZZ фотка" /></li>
<li><img src="images/img_mid_3.jpg" width="128" alt="XXX фотка" /></li>
<li><img src="images/img_mid_4.jpg" width="128" alt="Последняя фотка" /></li>
</ul>
</div>
<button class="next">Следующая</button>
<script>
$(".jCarouselLite").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
scroll: 2,
visible: 4
});
$(".jCarouselLite img").click(function() {
$(".gallery .mid img").attr("src", $(this).attr("src"));
$(".gallery h3").html($(this).attr("alt"));
})
</script>
<div class="count">
Фотографий в альбоме: 12
</div><!-- /count -->
</div><!-- /gallery -->
</div><!-- /inside -->
</div><!-- /page -->
<div id="footer_space" class="footer_inside"></div>
</div><!-- /wrap -->
<div id="footer" class="footer_inside">
<div class="copy">
© 2008—2009 «Белорусский Союз конькобежцев»
</div><!-- /copy -->
<div class="footerMail">
С любыми вопросами обращайтесь на <a href="mailto:info@domain.by">info@domain.by</a>
</div><!-- /footerMail -->
</div><!-- /footer -->
</body>
</html>