Initial commit, added files

This commit is contained in:
daaric 2025-11-09 15:39:50 +01:00
commit d8119a52aa
7330 changed files with 219373 additions and 0 deletions

263
test/_index.html Executable file
View file

@ -0,0 +1,263 @@
</<!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="Content-Type" content="text/html; charset=utf-8" />
<title>Or-fea > festivalová a cestovní kancelář</title>
<link rel="stylesheet" type="text/css" href="jss/jquery.jscrollpane.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/orfea.css" />
</head>
<body>
<div id="obsah">
<div id="hlavicka">
<div id="logo">
<a href="index.html"><img src="images-sys/Or-fea-logo.jpg" width="561" height="119" border="0"/></a>
</div>
<div id="lan">
<a href="">DE</a>
<a href="">EN</a>
<a href="" class="aktiv">CZ</a>
</div>
<div id="vyhledavani">
Google
</div>
</div>
<!-- *********************** menu ******************************* -->
<div id="menu">
<ul class="level1">
<li><a href="" class="aktiv">ÚVOD</a></li>
<li class="submenu">
<a href="">SBOROVÉ FESTIVALY</a>
<ul class="level2">
<li><a>Někam něco někde</a></li>
<li><a>22 Někam něco někde</a></li>
<li><a>33 Někam něco někde</a></li>
</ul>
</li>
<li class="submenu">
<a href="">FESTIVALY DECHOVÉ HUDBY</a>
<ul class="level2">
<li><a>festival co svět neviděl</a></li>
<li><a>44444444444444444444 4444444444444 44444 </a></li>
<li><a>555 5555 5555 5555 555 555</a></li>
</ul>
</li>
<li><a href="">DALŠÍ AKCE</a></li>
<li><a href="">KONTAKT</a></li>
</ul>
</div>
<!-- *********************** akce ******************************* -->
<div id="top-akce">
<div id="foto">
<img src="akce/2013/mezinarodni-festival-adventni-a-vanocni-hudby/mezinarodni-festival-adventni--a-vanocni-hudby.jpg" width="660" height="440" />
</div>
<div id="perex">
<h1>
MEZINÁRODNÍ FESTIVAL ADVENTNÍ A VÁNOČNÍ HUDBY
</h1>
<h4>
29. 11. 30. 11. 2013<br />Národní dům Smíchov,<br />náměstí 14. října 16, Praha 5
</h4>
<p>
V letošním roce probíhá XXIII. ročník významného českého sborového festivalu, “Mezinárodní festival adventní a vánoční hudby s Cenou Petra Ebena”, který se bude konat v termínu 29.11. 30.11.2013: Národní důmSmíchov, náměstí 14. října 16, Praha 5.</p>
<p>Festival je mezinárodní a záštitu mu poskytuje hlavní město Praha. Pořadatelem festivalu je Or-fea spol. s r.o., festivalová a organizační kancelář, cestovní agentura.
</p>
<div class="but-info">
<a href="">Více informací</a>
</div>
<div>&nbsp;</div>
<div class="but-prihlasky">
<a href="">Přihlášky</a>
</div>
<div class="but-facebook">
<a href="">&nbsp;</a>
</div>
</div>
</div>
<!-- *********************** carousel ******************************* -->
<div style="clear:both;">&nbsp;</div>
<div style="background-color:#eee">
<div class="container">
<div id="ca-container" class="ca-container">
<div class="ca-wrapper">
<div class="ca-item">
<div class="ca-item-main" >
<img src="akce/2014/2014-01-03-mezinarodni-festival-dechovych-hudeb-praha/mezinarodni-festival-dechovych-hudeb-praha-small.jpg" width="230" />
<h3>MEZINÁRODNÍ FESTIVAL DECHOVÝCH HUDEB PRAHA</h3>
<h4>
3. 4. ledna 2014<br>v Národním domě na Smíchově
</h4>
<div class="but-info2">
<a href="#">Více informací</a>
</div>
</div>
</div>
<div class="ca-item">
<div class="ca-item-main">
<img src="akce/2014/2014-01-24-iuventus-in-praga-cantat-praha/iuventus-in-praga-cantat-praha-small.jpg" width="230" />
<h3>MEZINÁRODNÍ FESTIVAL DĚTSKÝCH A MLÁDEŽNICKÝCH PĚVECKÝCH SBORŮ
IUVENTUS IN PRAGA CANTAT Praha</h3>
<h4>
24. 1. 25. 1. 2014 v Praze.
</h4>
<div class="but-info2">
<a href="#">Více informací</a>
</div>
</div>
</div>
<div class="ca-item">
<div class="ca-item-main">
<img src="akce/2014/2014-07-12-dvorakovo-sborove-leto/dvorakovo-sborove-leto-small.jpg" width="230" />
<h3>MEZINÁRODNÍ FESTIVAL DĚTSKÝCH A MLÁDEŽNICKÝCH PĚVECKÝCH SBORŮ
IUVENTUS IN PRAGA CANTAT Praha</h3>
<h4>
24. 1. 25. 1. 2014 v Praze.
</h4>
<div class="but-info2">
<a href="#">Více informací</a>
</div>
</div>
</div>
<div class="ca-item">
<div class="ca-item-main">
<img src="akce/2014/2014-08-01-dalsi-akce/dalsi-akce-small.jpg" width="230" />
<h3>Další akce v Praze</h3>
<h4>
1. 8. 3. 8. 2014 v Praze.
</h4>
<div class="but-info2">
<a href="#">Více informací</a>
</div>
</div>
</div>
<div class="ca-item">
<div class="ca-item-main">
<img src="akce/2014/2014-08-02-opet-dalsi-akce/opet-dalsi-akce-small.jpg" width="230" />
<h3>Opět další akce v Praze</h3>
<h4>
15. 8. 23. 8. 2014 v Praze.
</h4>
<div class="but-info2">
<a href="#">Více informací</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ********************************* Zapati ******************************** -->
<div id="paticka">
<div class="dolni-box" style="width: 350px;">
<h2>Kdo je ORFEA?</h2>
<p>Jsme festivalová a organizační kancelář, která se již více než 15 let zabývá pořádáním hudebních festivalů a jednotlivých koncertních vystoupení amatérských hudebních těles a dalších kulturně-zábavních programů pro zahraniční i české turisty.</p>
</div>
<div class="dolni-box">
<h2>Zajistíme</h2>
<ul>
<li>Organizace festivalů</li>
<li>Ubytování</li>
<li>Stravování</li>
<li>Průvodcovské služby</li>
<li>Prohlídky Prahy</li>
<li>Pronájmy koncertních sálů</li>
<li>Vstupenky...</li>
</ul>
</div>
<div class="dolni-box">
<h2>Newsletter</h2>
<p>Chcete být včas informováni
o připravovaných akcích?</p>
<p>Stačí nám poslat Váš email &nbsp;
<a href="mailto:hegenbart@sazka.cz" style="text-decoration:none;">
<img src="images-sys/obalka.png" width="16" height="12" border="0" />
</a>.
</p>
</div>
<div class="info-paticka">
<p style="margin-top: 25px;">
<img src="images-sys/icon-facebook.png" width="60" />
</p>
<div>Or-fea spol. s r.o. festivalová a organizační kancelář&nbsp; &nbsp; &nbsp; &nbsp; Těšnov 9, 110 00 Praha 1&nbsp; &nbsp; &nbsp; &nbsp; IČO 00536776, DIČ CZ00536776, Zapsaná u Městského soudu v Praze, oddíl C, vložka 4<br />
<span>Tel.: +420 224 814 458, +420 224 813 580, Fax: +420 224 812 612</span></div>
</div>
</div>
</div>
<!-- *********************** scripty pro carousel ******************************* -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
<script type="text/javascript">
$('#ca-container').contentcarousel();
</script>
</body>
</html>

View file

@ -0,0 +1,140 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Or-fea > MEZINÁRODNÍ FESTIVAL ADVENTNÍ A VÁNOČNÍ HUDBY</title>
<meta name="description" content="OR-FEA - Mezinárodní festival adventní a vánoční hudby s Cenou Petra Ebena">
<meta name="keywords" content="český sborový festival, Mezinárodní festival adventní a vánoční hudby, Cena Petra Ebena">
<link rel="stylesheet" type="text/css" href="../../jss/jquery.jscrollpane.css" media="all" />
<link rel="stylesheet" type="text/css" href="../../css/orfea.css" />
</head>
<body>
<div id="obsah">
<div id="hlavicka">
<?
include ('../../menu/hlavicka-cs.php');
?>
</div>
<!-- *********************** menu ******************************* -->
<div id="menu">
<?
include ('../../menu/menu-cs.php');
?>
</div>
<!-- *********************** akce ******************************* -->
<div id="top-akce">
<div id="perex-detail">
<img src="mezinarodni-festival-adventni-a-vanocni-hudby/mezinarodni-festival-adventni-a-vanocni-hudby-logo.png" height="90" align="left" style="margin-top:-20px;">
<h1>
MEZINÁRODNÍ FESTIVAL ADVENTNÍ A VÁNOČNÍ HUDBY
</h1>
<h4 style="margin-top:0px; margin:0px;">
29. 11. 30. 11. 2013, Národní dům Smíchov, náměstí 14. října 16, Praha 5
</h4>
<div style="clear:both;">&nbsp;</div>
<img src="../../akce/2013/mezinarodni-festival-adventni-a-vanocni-hudby/mezinarodni-festival-adventni-a-vanocni-hudby.jpg" width="550" align="left" style="margin-right: 15px;"/>
<p>
V letošním roce probíhá XXIII. ročník významného českého sborového festivalu, “Mezinárodní festival adventní a vánoční hudby s Cenou Petra Ebena”, který se bude konat v termínu 29.11. 30.11.2013: Národní důmSmíchov, náměstí 14. října 16, Praha 5.</p>
<p>Festival je mezinárodní a záštitu mu poskytuje hlavní město Praha. Pořadatelem festivalu je Or-fea spol. s r.o., festivalová a organizační kancelář, cestovní agentura.
</p>
<p>Festivalový poplatek pro každý sbor je 1.000,- . Sbory, které jsou členy Unie českých pěveckých sborů mají 10% slevu. Úhrada poplatku je nejpozději do 31.10.2014.</p>
<ul style="margin-left:550px;">Soutěž je otevřená pro kategorie:
<li> dětské sbory (S, A) do 16 let (včetně) </li>
<li>komorní sbory mládeže a dospělých do 24 zpěváků</li>
<li>mužské a ženské sbory mládeže a dospělých od 25 zpěváků</li>
<li>smíšené sbory mládeže a dospělých od 25 zpěváků</li>
</ul>
<p>Uzávěrka přihlášek je do 30.06.2014. Sbory jsou povinny v přihlášce uvést, do které ze soutěžních kategorií se přihlašují. Jeden sbor se může přihlásit maximálně do 2 soutěžních kategorií. </p>
<div style="clear:both; margin:5px;">&nbsp;</div>
<!-- *************************** Odkazy na externí soubory ********************* -->
<div id="akce-dalsi-odkazy">
<table cellspacing="2px" cellpadding="2px">
<tr>
<td ><a href="">Festival programme</a></td>
<td><a href="">Competition regulations</a></td>
<td ><a href="">Festival paskages</a></td>
</tr>
<tr>
<td><a href="">Application form</a></td>
<td><a href="">Questionare</a></td>
<td><a href="">Participant´s list</a></td>
</tr>
</table>
<table>
<tr>
<td ><a href="">Results</a></td>
<td><a href="">Photogaleries</a></td>
<td><a href="">Facebook</a></td>
</tr>
</table>
</div>
</div>
</div>
<!-- *********************** carousel ******************************* -->
<div style="clear:both;">&nbsp;</div>
<!-- ********************************* Zapati ******************************** -->
<div id="paticka">
<?
include ('../../menu/paticka-cs.php');
?>
</div>
</div>
<!-- *********************** scripty pro carousel ******************************* -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
<script type="text/javascript">
$('#ca-container').contentcarousel();
</script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 111 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

View file

@ -0,0 +1,132 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Or-fea > MEZINÁRODNÍ FESTIVAL DECHOVÝCH HUDEB PRAHA</title>
<meta name="description" content="OR-FEA - Mezinárodní festival pěveckých sborů Antonína Dvořáka - Dvořákovo sborové léto">
<meta name="keywords" content="Mezinárodní festival, pěvecké sbory, Antonín Dvořák, Dvořákovo sborové léto, Praha, soutěž">
<link rel="stylesheet" type="text/css" href="../../jss/jquery.jscrollpane.css" media="all" />
<link rel="stylesheet" type="text/css" href="../../css/orfea.css" />
</head>
<body>
<div id="obsah">
<div id="hlavicka">
<?
include ('../../menu/hlavicka-cs.php');
?>
</div>
<!-- *********************** menu ******************************* -->
<div id="menu">
<?
include ('../../menu/menu-cs.php');
?>
</div>
<!-- *********************** akce ******************************* -->
<div id="top-akce">
<div id="perex-detail">
<img src="2014-07-12-dvorakovo-sborove-leto/dvorakovo-sborove-leto-logo.png" height="90" align="left" style="margin-top:-20px;">
<h1>
Mezinárodní festival pěveckých sborů Antonína Dvořáka - Dvořákovo sborové léto
</h1>
<h4 style="margin-top:0px;">
12. 13. července 2014 v Praze
</h4>
<img src="2014-07-12-dvorakovo-sborove-leto/dvorakovo-sborove-leto.jpg" width="550" align="left" style="margin-right: 15px;"/>
<p>
v letošním roce probíhá I. ročník Mezinárodního festivalu pěveckých sborů Antonína Dvořáka „Dvořákovo sborové léto“, který se bude konat v termínu 12. 7. 13. 7. 2013 v Praze.</p>
<p>Pořadatelem festivalu je or-fea spol. s r.o., festivalová a organizační kancelář ve spolupráci s Unií českých pěveckých sborů a agenturou Millenium Travel. Festival se koná pod záštitou hlavního města Prahy.</p>
<div style="clear:both; margin:5px;">&nbsp;</div>
<!-- *************************** Odkazy na externí soubory ********************* -->
<div id="akce-dalsi-odkazy">
<table cellspacing="2px" cellpadding="2px">
<tr>
<td ><a href="">Festival programme</a></td>
<td><a href="">Competition regulations</a></td>
<td ><a href="">Festival paskages</a></td>
</tr>
<tr>
<td><a href="">Application form</a></td>
<td><a href="">Questionare</a></td>
<td><a href="">Participant´s list</a></td>
</tr>
</table>
<table>
<tr>
<td ><a href="">Results</a></td>
<td><a href="">Photogaleries</a></td>
<td><a href="">Facebook</a></td>
</tr>
</table>
</div>
</div>
</div>
<!-- *********************** carousel ******************************* -->
<div style="clear:both;">&nbsp;</div>
<!-- ********************************* Zapati ******************************** -->
<div id="paticka">
<?
include ('../../menu/paticka-cs.php');
?>
</div>
</div>
<!-- *********************** scripty pro carousel ******************************* -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
<script type="text/javascript">
$('#ca-container').contentcarousel();
</script>
</body>
</html>

View file

@ -0,0 +1,131 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Or-fea > MEZINÁRODNÍ FESTIVAL DECHOVÝCH HUDEB PRAHA</title>
<meta name="description" content="OR-FEA - Mezinárodní festival dětských a mládežnických pěveckých sborů Iuventus In Praga Cantat">
<meta name="keywords" content="sborový festival, MEZINÁRODNÍ FESTIVAL,Iuventus In Praga Cantat, Praha">
<link rel="stylesheet" type="text/css" href="../../jss/jquery.jscrollpane.css" media="all" />
<link rel="stylesheet" type="text/css" href="../../css/orfea.css" />
</head>
<body>
<div id="obsah">
<div id="hlavicka">
<?
include ('../../menu/hlavicka-cs.php');
?>
</div>
<!-- *********************** menu ******************************* -->
<div id="menu">
<?
include ('../../menu/menu-cs.php');
?>
</div>
<!-- *********************** akce ******************************* -->
<div id="top-akce">
<div id="perex-detail">
<img src="2014-01-24-iuventus-in-praga-cantat-praha/iuventus-in-praga-logo.png" height="65" align="left" style="margin-top:-5px;">
<h1>
Mezinárodní festival dětských a mládežnických pěveckých sborů Iuventus In Praga Cantat
</h1>
<h4 style="margin-top:0px;">
24. 25. ledna 2014 v Praze
</h4>
<img src="2014-01-24-iuventus-in-praga-cantat-praha/iuventus-in-praga-cantat-praha.jpg" width="550" align="left" style="margin-right: 15px;"/>
<p>
V letošním roce probíhá I. ročník Mezinárodního festivalu dětských a mládežnických pěveckých sborů, který se bude konat v termínu 24. 1. 25. 1. 2014 v Praze.</p>
<p>Pořadatelem festivalu je or-fea spol. s r.o., festivalová a organizační kancelář ve spolupráci s Unií českých pěveckých sborů a agenturou Millenium Travel. Festival se koná pod záštitou hlavního města Prahy.</p>
<div style="clear:both; margin:5px;">&nbsp;</div>
<!-- *************************** Odkazy na externí soubory ********************* -->
<div id="akce-dalsi-odkazy">
<table cellspacing="2px" cellpadding="2px">
<tr>
<td ><a href="">Festival programme</a></td>
<td><a href="">Competition regulations</a></td>
<td ><a href="">Festival paskages</a></td>
</tr>
<tr>
<td><a href="">Application form</a></td>
<td><a href="">Questionare</a></td>
<td><a href="">Participant´s list</a></td>
</tr>
</table>
<table>
<tr>
<td ><a href="">Results</a></td>
<td><a href="">Photogaleries</a></td>
<td><a href="">Facebook</a></td>
</tr>
</table>
</div>
</div>
</div>
<!-- *********************** carousel ******************************* -->
<div style="clear:both;">&nbsp;</div>
<!-- ********************************* Zapati ******************************** -->
<div id="paticka">
<?
include ('../../menu/paticka-cs.php');
?>
</div>
</div>
<!-- *********************** scripty pro carousel ******************************* -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
<script type="text/javascript">
$('#ca-container').contentcarousel();
</script>
</body>
</html>

View file

@ -0,0 +1,134 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Or-fea > MEZINÁRODNÍ FESTIVAL DECHOVÝCH HUDEB PRAHA</title>
<meta name="description" content="OR-FEA - MEZINÁRODNÍ FESTIVAL DECHOVÝCH HUDEB PRAHA">
<meta name="keywords" content="český sborový festival, MEZINÁRODNÍ FESTIVAL DECHOVÝCH HUDEB PRAHA, dechová hudba, soubory, Praha">
<link rel="stylesheet" type="text/css" href="../../jss/jquery.jscrollpane.css" media="all" />
<link rel="stylesheet" type="text/css" href="../../css/orfea.css" />
</head>
<body>
<div id="obsah">
<div id="hlavicka">
<?
include ('../../menu/hlavicka-cs.php');
?>
</div>
<!-- *********************** menu ******************************* -->
<div id="menu">
<?
include ('../../menu/menu-cs.php');
?>
</div>
<!-- *********************** akce ******************************* -->
<div id="top-akce">
<div id="perex-detail">
<img src="2014-01-03-mezinarodni-festival-dechovych-hudeb-praha/mezinarodni-festival-dechovych-hudeb-praha-logo.png" height="90" align="left" style="margin-top:-20px;">
<h1>
Mezinárodní festival dechových hudeb Praha
</h1>
<h4 style="margin-top:0px;">
3. 4. ledna 2014 v Národním domě na Smíchově
</h4>
<img src="2014-01-03-mezinarodni-festival-dechovych-hudeb-praha/mezinarodni-festival-dechovych-hudeb-praha.jpg" width="550" align="left" style="margin-right: 15px;"/>
<p>
Ve dnech 3. 4. ledna 2014 se v Praze uskuteční „Mezinárodní festival dechových hudeb“ mezinárodní soutěžní setkání velkých dechových orchestrů. Soutěž orchestrů se bude konat v Národním domě na Smíchově.
</p>
<p>Pořadatelem festivalu je or-fea spol. sr.o. festivalová a organizační kancelář, cestovní agentura, spolupořadatelem je Sdružení dechových orchestrů České republiky za odborné spolupráce NIPOS - Artama Praha.</p>
<p>Festivalu byla udělena záštita hlavního města Prahy a CISM, mezinárodní organizace pro dechovou hudbu, která doporučuje účast orchestrů na festivalu. Festival se koná za finančního přispění Ministerstva kultury ČR a hlavního města Prahy.</p>
<div style="clear:both; margin:5px;">&nbsp;</div>
<!-- *************************** Odkazy na externí soubory ********************* -->
<div id="akce-dalsi-odkazy">
<table cellspacing="2px" cellpadding="2px">
<tr>
<td ><a href="">Festival programme</a></td>
<td><a href="">Competition regulations</a></td>
<td ><a href="">Festival paskages</a></td>
</tr>
<tr>
<td><a href="">Application form</a></td>
<td><a href="">Questionare</a></td>
<td><a href="">Participant´s list</a></td>
</tr>
</table>
<table>
<tr>
<td ><a href="">Results</a></td>
<td><a href="">Photogaleries</a></td>
<td><a href="">Facebook</a></td>
</tr>
</table>
</div>
</div>
</div>
<!-- *********************** carousel ******************************* -->
<div style="clear:both;">&nbsp;</div>
<!-- ********************************* Zapati ******************************** -->
<div id="paticka">
<?
include ('../../menu/paticka-cs.php');
?>
</div>
</div>
<!-- *********************** scripty pro carousel ******************************* -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
<script type="text/javascript">
$('#ca-container').contentcarousel();
</script>
</body>
</html>

View file

@ -0,0 +1,131 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Or-fea > Festival Vejvodova Zbraslav</title>
<meta name="description" content="OR-FEA - Festival Vejvodova Zbraslav">
<meta name="keywords" content="sborový festival, MEZINÁRODNÍ FESTIVAL, Festival Vejvodova Zbraslav, Praha">
<link rel="stylesheet" type="text/css" href="../../jss/jquery.jscrollpane.css" media="all" />
<link rel="stylesheet" type="text/css" href="../../css/orfea.css" />
</head>
<body>
<div id="obsah">
<div id="hlavicka">
<?
include ('../../menu/hlavicka-cs.php');
?>
</div>
<!-- *********************** menu ******************************* -->
<div id="menu">
<?
include ('../../menu/menu-cs.php');
?>
</div>
<!-- *********************** akce ******************************* -->
<div id="top-akce">
<div id="perex-detail">
<img src="2014-09-26-vojvodova-zbraslav/vojvodova-zbraslav-logo.png" height="90" align="left" style="margin-top:-20px;">
<h1>
Festival Vejvodova Zbraslav
</h1>
<h4 style="margin-top:0px;">
26. 28. září 2014 v Praze-Zbraslav
</h4>
<img src="2014-09-26-vojvodova-zbraslav/vojvodova-zbraslav.jpg" width="550" align="left" style="margin-right: 15px;"/>
<p>Srdečně Vás zveme k účasti na XVIII. ročník mezinárodního festivalu "Vejvodova Zbraslav", který se koná v termínu 26. 28. 9. 2014.
Pověřeným pořadatelem je or-fea Praha, festivalová a organizační kancelář, cestovní agentura ve spolupráci se Zbraslavskou kulturní společností a syny Jaromíra Vejvody.</p>
<p>Součástí festivalu je soutěžní přehlídka, která je vypsaná pro malé dechové orchestry do 25 hráčů (včetně dirigenta). Orchestry nejsou zařazovány do výkonnostních kategorií, ale musí zařadit do soutěžního programu určenou skladbu Jaromír Vejvoda / Josef Chlumecký REPETE v orchestrálním provedení (beze zpěvu).</p>
<p>Festival se koná pod záštitou hlavního města Prahy a za organizační a finanční podpory Městské části Zbraslav.</p>
<div style="clear:both; margin:5px;">&nbsp;</div>
<!-- *************************** Odkazy na externí soubory ********************* -->
<div id="akce-dalsi-odkazy">
<table cellspacing="2px" cellpadding="2px">
<tr>
<td ><a href="">Festival programme</a></td>
<td><a href="">Competition regulations</a></td>
<td ><a href="">Festival paskages</a></td>
</tr>
<tr>
<td><a href="">Application form</a></td>
<td><a href="">Questionare</a></td>
<td><a href="">Participant´s list</a></td>
</tr>
</table>
<table>
<tr>
<td ><a href="">Results</a></td>
<td><a href="">Photogaleries</a></td>
<td><a href="">Facebook</a></td>
</tr>
</table>
</div>
</div>
</div>
<!-- *********************** carousel ******************************* -->
<div style="clear:both;">&nbsp;</div>
<!-- ********************************* Zapati ******************************** -->
<div id="paticka">
<?
include ('../../menu/paticka-cs.php');
?>
</div>
</div>
<!-- *********************** scripty pro carousel ******************************* -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
<script type="text/javascript">
$('#ca-container').contentcarousel();
</script>
</body>
</html>

View file

@ -0,0 +1,136 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Or-fea > MEZINÁRODNÍ FESTIVAL DECHOVÝCH HUDEB PRAHA</title>
<meta name="description" content="OR-FEA - Mezinárodní festival dětských a mládežnických pěveckých sborů Iuventus In Praga Cantat">
<meta name="keywords" content="sborový festival, MEZINÁRODNÍ FESTIVAL,Iuventus In Praga Cantat, Praha">
<link rel="stylesheet" type="text/css" href="../../jss/jquery.jscrollpane.css" media="all" />
<link rel="stylesheet" type="text/css" href="../../css/orfea.css" />
</head>
<body>
<div id="obsah">
<div id="hlavicka">
<?
include ('../menu/hlavicka-cs.php');
?>
</div>
<!-- *********************** menu ******************************* -->
<div id="menu">
<?
include ('../menu/menu-cs.php');
?>
</div>
<!-- *********************** akce ******************************* -->
<div id="top-akce">
<div id="perex-detail">
<img src="iuventus/iuventus-in-praga-logo.png" height="65" align="left" style="margin-top:-5px;">
<h1>
MEZINÁRODNÍ FESTIVAL DĚTSKÝCH A MLÁDEŽNICKÝCH PĚVECKÝCH SBORŮ &quot;IUVENTUS IN PRAGA CANTAT&quot;
</h1>
<h3 style="margin-top:0px;">
24. 25. ledna 2014 v Praze
</h3>
<img src="iuventus/iuventus-in-praga-cantat-550.jpg" width="550" align="left" style="margin-right: 15px;"/>
<p align="justify">
V letošním roce probíhá I. ročník Mezinárodního festivalu dětských a mládežnických pěveckých sborů, který se bude konat v termínu 24. 25. 1. 2014 v Praze.</p>
<p align="justify">Festival se koná pod záštitou hlavního města Prahy. Festival je zařazen do projektu Rok české hudby 2014.</p>
<p align="justify"> Součástí festivalu je soutěž otevřená pro amatérské dětské a mládežnické sbory do 26 let.</p>
<ul style="margin-left:550px;"><strong>Rámcový program festivalu:</strong>
<li>soutěžní vystoupení zúčastněných sborů pátek a sobota </li>
<li>veřejná vystoupení zúčastněných sborů pátek a sobota</li>
<li>závěrečný večer festivalu: soutěž Grand Prix, vyhlášení výsledků soutěže a předávání cen - sobota večer</li>
</ul>
<p align="justify">Uzávěrka přihlášek je do <strong>10. 11. 2013. </strong></p>
<p align="justify">Na základě závazné objednávky Vám může naše kancelář zajistit ubytování nebo stravování v&nbsp;centru Prahy.</p>
<div style="clear:both; margin:5px;">&nbsp;</div>
<!-- *************************** Odkazy na externí soubory ********************* -->
<div id="akce-dalsi-odkazy">
<table cellspacing="2px" cellpadding="2px">
<tr>
<td ><a href="iuventus/Iuventus-program-CZ.doc">Program festivalu</a></td>
<td><a href="iuventus/Iuventus-pravidla-CZ.doc">Pravidla soutěže</a></td>
</tr>
<tr>
<td><a href="iuventus/Iuventus-prihlaska-CZ.doc">Přihláška</a></td>
<td><a>Dotazník</a></td>
<td><a>Seznam účastníků</a></td>
</tr>
</table>
<table>
<tr>
<td><a>Výsledky</a></td>
<td><a>Fotogalerie</a></td>
<td><a class="neaktivni">Facebook 11</a></td>
</tr>
</table>
</div>
</div>
</div>
<!-- *********************** carousel ******************************* -->
<div style="clear:both;">&nbsp;</div>
<!-- ********************************* Zapati ******************************** -->
<div id="paticka">
<?
include ('../menu/paticka-cs.php');
?>
</div>
</div>
<!-- *********************** scripty pro carousel ******************************* -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
<script type="text/javascript">
$('#ca-container').contentcarousel();
</script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

99
test/css/csshover.htc Executable file
View file

@ -0,0 +1,99 @@
<attach event="ondocumentready" handler="parseStylesheets" />
<script language="JScript">
/**
* HOVER - V1.00.031224 - whatever:hover in IE
* ---------------------------------------------
* Peterned - http://www.xs4all.nl/~peterned/
* (c) 2003 - Peter Nederlof
*
* howto: body { behavior:url("csshover.htc"); }
* ---------------------------------------------
*/
var CSSBuffer, doc = window.document;
function parseStylesheets() {
var rules, sheet, sheets = doc.styleSheets;
var bufferIndex = sheets.length;
var head = doc.getElementsByTagName('head')[0];
var buffer = doc.createElement('style');
buffer.setAttribute('media', 'screen');
buffer.setAttribute('type', 'text/css');
head.appendChild(buffer);
CSSBuffer = sheets[bufferIndex];
for(var i=0; i<sheets.length -1; i++) {
sheet = sheets[i];
if(!sheet.media || sheet.media == 'screen') {
rules = sheet.rules;
for(var j=0; j<rules.length; j++) {
parseCSSRule(rules[j]);
}
}
}
}
function parseCSSRule(rule) {
var select = rule.selectorText, style = rule.style.cssText;
if(!select || !style || select.indexOf(':hover') < 0) return;
var newSelect = select.replace(/\:hover/g, '.onHover');
CSSBuffer.addRule(newSelect, style);
var affected = select.replace(/\:hover.*$/g, '');
var elements = getElementsBySelect(affected);
for(var i=0; i<elements.length; i++) {
if(elements[i].nodeName == 'A') continue;
new HoverElement(elements[i]);
}
}
/**
* HoverElement
* -------------------------
* applies the hover
*/
function HoverElement(element) {
if(element.isHoverElement) return;
element.isHoverElement = true;
element.attachEvent('onmouseover',
function() { element.className += ' onHover'; });
element.attachEvent('onmouseout',
function() { element.className = element.className.replace(/onHover/g, ''); });
}
/**
* domFinder
* -----------------------------------
* returns list of elements based on css selector
*/
function getElementsBySelect(rule) {
var nodeList = [doc], sets = rule.split(' ');
for(var i=0; i<sets.length; i++) {
nodeList = domFinder.filterNodes(sets[i], nodeList);
} return nodeList;
}
var domFinder = {
findNodes:function(tag, docs) {
var res, nodes = [];
for(var i=0; i<docs.length; i++) {
res = docs[i].getElementsByTagName(tag);
for(var j=0; j<res.length; j++) nodes[nodes.length] = res[j];
} return nodes;
},
filterNodes:function(select, docs) {
var filtered = [], nodes,rule,atr,s = (/#|\./).exec(select);
if(!s) return this.findNodes(select, docs);
nodes = this.findNodes((rule = select.split(s))[0], docs);
atr = (s == '#')? 'id':'className';
for(var i=0; i<nodes.length; i++) {
if(new RegExp('(^|\\s)' + rule[1] + '(\\s|$)').exec(nodes[i][atr]))
filtered[filtered.length] = nodes[i];
} return filtered;
}
}
</script>

452
test/css/orfea.css Executable file
View file

@ -0,0 +1,452 @@
/* ORFEA CSS */
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
text-align: center;
margin: 0px;
padding: 0px;
behavior: url(../css/csshover.htc);
}
#obsah {
width:960px;
text-align:center;
margin:auto;
}
#hlavicka {
/*background-color: #FFC*;*/
text-align: center;
height: 120px;
}
#hlavicka #logo {
text-align:left; float:left; width:620px; height:100%;
}
#hlavicka #lan {
text-align:right; float:right; width:330px; height:50px; _margin-top:-20px;
}
#hlavicka #lan a {
background-color: white; border: 1px solid silver; padding: 4px 5px; margin: 15px 5px; float:right; display: block; text-decoration:none; color: #333;
}
#hlavicka #lan a:hover {
background-color: #00a08a; border: 1px solid #00a08a; color: #fff;
}
#hlavicka #lan .aktiv {
background-color: #089ed5; border: 1px solid #089ed5; color: white;
}
#hlavicka #vyhledavani {
text-align:right; float:right; width:330px; height:50%;
}
#menu {
background-color:#eee;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
text-align:left;
height:60px;
}
#menu ul {float:left;
margin:0;
_margin-top:-20px;
padding:0;
}
#menu li{
position:relative;
list-style:none;
display:inline;
line-height:60px;
font-size:18px;
float:left;
}
#menu li:hover{
background-color:#00a08a;
}
#menu li a{
padding: 0 15px;
color: black;
display:block;
text-decoration:none;
}
#menu li a:hover{
color:white;
}
#menu .aktiv {
background-color: #089ed5; color: white;
}
#menu>ul a {width: auto;}
#menu ul ul {position: absolute; display: none; }
#menu ul.level1 li.submenu:hover ul.level2 {display:block;}
#menu ul.level2
{top: 59px;
left: 0px;
margin-top: 1px;
text-align:left;}
#menu ul.level2 li
{width: 100%;
float:left;
font-size:13px;
line-height:1.5em;
padding: 0px;
background-color: #aaa;
opacity:0.95;
border: 1px solid #999;
border-width: 1px 0px 0px 0px;
text-align:left;}
#menu ul.level2 li.dolni
{border-width: 1px 1px 1px 1px;}
#menu ul.level2 li a
{padding:8px 15px;
width: auto;
display:block;
color: white;
text-decoration:none;}
#menu ul.level2 li a:hover
{background-color:#089ed5;}
#top-akce {
margin-top:30px;
text-align:left;
}
#top-akce #foto {
width:662px;
float:left;}
#top-akce #foto img{
border: 1px solid silver;
float:left;}
#top-akce #perex{
width: 280px;
float: right;
margin: 0px;
border: 0px solid black;
padding-left:15px;
}
#top-akce #perex-detail{
width: 100%;
float: right;
margin: 0px;
border: 0px solid black;
padding-left:15px;
}
#top-akce #perex-detail table{
width: 100%;
padding: 10px 0px;
text-align:center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
}
#top-akce #perex-detail table td{
width: 33%;
text-align:left;
}
#top-akce #perex-detail table td a{
display:block;
text-decoration:none;
background-color:#eee;
padding: 10px 0px 10px 10px;
border: 1px solid #ccc;
color:#333;
}
#top-akce #perex-detail table td a:hover{
background-color:#089ed5;
border: 1px solid #bbb;
color: white;
}
#top-akce #perex-detail .neaktivni{
color: red;
background-color:#ddd;
}
/*#top-akce #perex a
{display:block;
text-decoration:none;
color:white;
width:100%;
}
#top-akce #perex a:hover
{background-color:#09F;
color:white;
}*/
.but-info a
{
background-color:#089ed5;
background-image:url(../images-sys/icon-i.png);
background-position: 20px 50%;
background-repeat:no-repeat;
font-size:20px;
line-height:50px;
color: white;
text-align:left;
padding-left:60px;
clear:both;
display:block;
text-decoration:none;
/*Firefox*/
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
.but-info a:hover
{background-color:#00a08a;}
.but-prihlasky a
{
background-color:#ccc;
background-image:url(../images-sys/icon-prihlasky.png);
background-position: 20px 50%;
background-repeat:no-repeat;
width: 100px;
font-size:20px;
line-height:50px;
color: white;
text-align:left;
padding-left:60px;
float:left;
text-decoration:none;
/*Firefox*/
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
.but-prihlasky a:hover
{background-color:#3b5998;}
.but-facebook a
{
background-color:#ccc;
background-image:url(../images-sys/icon-facebook.png);
background-position: 50% 50%;
background-repeat:no-repeat;
width: 110px;
font-size:20px;
line-height:50px;
color: white;
text-decoration:none;
text-align:left;
float:right;
/*Firefox*/
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
.but-facebook a:hover
{background-color:#3b5998;}
.but-info2
{
position:absolute;
bottom: 10px;
width: 230px;}
.but-info2 a
{ background-color:#089ed5;
background-image:url(../images-sys/icon-i.png);
background-position: 20px 50%;
background-repeat:no-repeat;
font-size:20px;
line-height:40px;
color: white;
text-align:left;
padding-left:60px;
clear:both;
display:block;
text-decoration:none;
/*Firefox*/
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
.but-info2 a:hover
{background-color:#00a08a;}
H1 {
color:#00a08a; font-weight:normal; font-size:21px; margin: 0 0 10px 0px; text-transform:uppercase;}
H2 {
color:#00a08a; font-weight:normal; font-size:20px;text-transform:uppercase;}
H3 {
color:#00a08a; font-weight:normal; font-size:15px;}
H4 {
color:#333; font-weight:normal; font-size:13px;}
p,ul {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.3em;}
/* ---------------------- paticka ------------------------- */
#paticka
{margin:0px;
background-color:#3a3a3a;
width: 100%;
min-height:200px;}
.dolni-box
{
padding: 5px 25px;
width:220px;
text-align:left;
color: white;
float:left;}
.dolni-box p
{margin-left: 20px;}
.info-paticka
{color: #aaa; font-size: 11px;font-family: Arial, Helvetica, sans-serif; line-height:18px; clear:both;padding-bottom:10px;}
.info-paticka span
{color: white; font-size: 13 px;}
/* Circular Content Carousel Style */
.ca-container{
position:relative;
margin:15px auto 15px auto;
width:860px;
height:400px;
}
.ca-wrapper{
width:100%;
height:100%;
position:relative;
}
.ca-item{
position:relative;
float:left;
width:285px;
height:100%;
text-align:center;
}
.ca-item-main{
padding:14px;
position:absolute;
top:20px;
left:14px;
right:14px;
bottom:20px;
background:#fff;
overflow:hidden;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.ca-item-main img
{border: 1px solid #ccc;}
.ca-item h3{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:14px;
color:#00a08a;
margin-bottom:20px;
/*height:85px;*/
text-align:left;
}
.ca-item h4{
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
font-size:12px;
text-align:left;
position:relative;
}
.ca-nav span{
width:25px;
height:38px;
background:transparent url(../images-sys/arrows.png) no-repeat top left;
position:absolute;
top:50%;
margin-top:-19px;
left:-30px;
text-indent:-9000px;
opacity:0.7;
cursor:pointer;
z-index:100;
}
.ca-nav span.ca-nav-next{
background-position:top right;
left:auto;
right:-30px;
}
.ca-nav span:hover{
opacity:1.0;
}

410
test/css/orfea7.css Executable file
View file

@ -0,0 +1,410 @@
/* ORFEA CSS */
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
text-align: center;
margin: 0px;
padding: 0px;
behavior: url(../css/csshover.htc);
}
#obsah {
width:960px;
text-align:center;
margin:auto;
}
#hlavicka {
/*background-color: #FFC*;*/
text-align: center;
height: 120px;
}
#hlavicka #logo {
text-align:left; float:left; width:620px; height:100%;margin-top:-20px;
}
#hlavicka #lan {
text-align:right; float:right; width:330px; height:50px; margin-top:-20px;
}
#hlavicka #lan a {
background-color: white; border: 1px solid silver; padding: 4px 5px; margin: 15px 5px; float:right; display: block; text-decoration:none; color: #333;
}
#hlavicka #lan a:hover {
background-color: #00a08a; border: 1px solid #00a08a; color: #fff;
}
#hlavicka #lan .aktiv {
background-color: #089ed5; border: 1px solid #089ed5; color: white;
}
#hlavicka #vyhledavani {
text-align:right; float:right; width:330px; height:50%;
}
#menu {
background-color:#eee;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
text-align:left;
height:60px;
}
#menu ul {float:left;
padding:0;
}
#menu li{
position:relative;
margin-top:-19px;
list-style:none;
display:inline;
line-height:60px;
font-size:18px;
float:left;
}
#menu li:hover{
background-color:#00a08a;
}
#menu li a{
padding: 0 15px;
color: black;
display:block;
text-decoration:none;
}
#menu li a:hover{
color:white;
}
#menu .aktiv {
background-color: #089ed5; color: white;
}
#menu>ul a {width: auto;}
#menu ul ul {position: absolute; display: none; }
#menu ul.level1 li.submenu:hover ul.level2 {display:block;}
#menu ul.level2
{top: 59px;
left: 0px;
margin-top: 1px;
text-align:left;}
#menu ul.level2 li
{width: 100%;
margin:0px;
float:left;
font-size:13px;
line-height:1.5em;
padding: 0px;
background-color: #aaa;
opacity:0.95;
border: 1px solid #999;
border-width: 1px 0px 0px 0px;
text-align:left;}
#menu ul.level2 li.dolni
{border-width: 1px 1px 1px 1px;}
#menu ul.level2 li a
{padding:8px 15px;
width: auto;
display:block;
color: white;
text-decoration:none;}
#menu ul.level2 li a:hover
{background-color:#089ed5;}
#top-akce {
margin-top:30px;
text-align:left;
}
#top-akce #foto {
width:662px;
float:left;}
#top-akce #foto img{
border: 1px solid silver;
float:left;}
#top-akce #perex{
width: 280px;
float: right;
margin: 0px;
border: 0px solid black;
padding-left:15px;
}
/*#top-akce #perex a
{display:block;
text-decoration:none;
color:white;
width:100%;
}
#top-akce #perex a:hover
{background-color:#09F;
color:white;
}*/
.but-info a
{
background-color:#089ed5;
background-image:url(../images-sys/icon-i.png);
background-position: 20px 50%;
background-repeat:no-repeat;
font-size:20px;
line-height:50px;
color: white;
text-align:left;
padding-left:60px;
clear:both;
display:block;
text-decoration:none;
/*Firefox*/
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
.but-info a:hover
{background-color:#00a08a;}
.but-prihlasky a
{
background-color:#ccc;
background-image:url(../images-sys/icon-prihlasky.png);
background-position: 20px 50%;
background-repeat:no-repeat;
width: 100px;
font-size:20px;
line-height:50px;
color: white;
text-align:left;
padding-left:60px;
float:left;
text-decoration:none;
/*Firefox*/
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
.but-prihlasky a:hover
{background-color:#3b5998;}
.but-facebook a
{
background-color:#ccc;
background-image:url(../images-sys/icon-facebook.png);
background-position: 50% 50%;
background-repeat:no-repeat;
width: 110px;
font-size:20px;
line-height:50px;
color: white;
text-decoration:none;
text-align:left;
float:right;
/*Firefox*/
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
.but-facebook a:hover
{background-color:#3b5998;}
.but-info2
{
position:absolute;
bottom: 10px;
width: 230px;}
.but-info2 a
{ background-color:#089ed5;
background-image:url(../images-sys/icon-i.png);
background-position: 20px 50%;
background-repeat:no-repeat;
font-size:20px;
line-height:40px;
color: white;
text-align:left;
padding-left:60px;
clear:both;
display:block;
text-decoration:none;
/*Firefox*/
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
.but-info2 a:hover
{background-color:#00a08a;}
H1 {
color:#00a08a; font-weight:normal; font-size:21px; margin: 0 0 10px 0px;}
H2 {
color:#00a08a; font-weight:normal; font-size:20px;}
H3 {
color:#00a08a; font-weight:normal; font-size:15px;}
H4 {
color:#333; font-weight:normal; font-size:13px;}
p,ul {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.3em;}
/* ---------------------- paticka ------------------------- */
#paticka
{margin:0px;
background-color:#3a3a3a;
width: 100%;
min-height:200px;}
.dolni-box
{
padding: 5px 25px;
width:220px;
text-align:left;
color: white;
float:left;}
.dolni-box p
{margin-left: 20px;}
.info-paticka
{color: #aaa; font-size: 11px;font-family: Arial, Helvetica, sans-serif; line-height:18px; clear:both;padding-bottom:10px;}
.info-paticka span
{color: white; font-size: 13 px;}
/* Circular Content Carousel Style */
.ca-container{
position:relative;
margin:15px auto 15px auto;
width:860px;
height:400px;
}
.ca-wrapper{
width:100%;
height:100%;
position:relative;
}
.ca-item{
position:relative;
float:left;
width:285px;
height:100%;
text-align:center;
}
.ca-item-main{
padding:14px;
position:absolute;
top:20px;
left:14px;
right:14px;
bottom:20px;
background:#fff;
overflow:hidden;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.ca-item-main img
{border: 1px solid #ccc;}
.ca-item h3{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:14px;
color:#00a08a;
margin-bottom:20px;
/*height:85px;*/
text-align:left;
}
.ca-item h4{
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
font-size:12px;
text-align:left;
position:relative;
}
.ca-nav span{
width:25px;
height:38px;
background:transparent url(../images-sys/arrows.png) no-repeat top left;
position:absolute;
top:50%;
margin-top:-19px;
left:-30px;
text-indent:-9000px;
opacity:0.7;
cursor:pointer;
z-index:100;
}
.ca-nav span.ca-nav-next{
background-position:top right;
left:auto;
right:-30px;
}
.ca-nav span:hover{
opacity:1.0;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
test/images-sys/Or-fea-logo.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.5 KiB

BIN
test/images-sys/aktiv-menu.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
test/images-sys/arrows.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
test/images-sys/cross.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 266 B

BIN
test/images-sys/icon-facebook.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
test/images-sys/icon-i.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1,013 B

BIN
test/images-sys/obalka.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
test/images-sys/pattern.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

115
test/index.php Executable file
View file

@ -0,0 +1,115 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Or-fea > festivalová a organizační kancelář</title>
<meta name="description" content="Festivalová a organizační kancelář - pořádáme hudebních festivaly, koncerty a další kulturně-zábavní programy pro turisty">
<meta name="keywords" content="Organizace festivalů, koncerty, festivaly, Ubytování, Stravování, Průvodcovské služby Prohlídky Prahy, Pronájmy koncertních sálů, Vstupenky, amatérské hudební soubory, folklor, advent, dechové soubory, dechové festivaly">
<link rel="stylesheet" type="text/css" href="jss/jquery.jscrollpane.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/orfea.css" />
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="css/orfea7.css"><![endif]-->
</head>
<body>
<div id="obsah">
<div id="hlavicka">
<?
include ('menu/hlavicka-cs.php');
?>
</div>
<!-- *********************** menu ******************************* -->
<div id="menu">
<?
include ('menu/menu-cs.php');
?>
</div>
<!-- *********************** akce ******************************* -->
<div id="top-akce">
<div id="foto">
<img src="akce/2013/mezinarodni-festival-adventni-a-vanocni-hudby/mezinarodni-festival-adventni--a-vanocni-hudby.jpg" width="660" height="440" />
</div>
<div id="perex">
<h1>
MEZINÁRODNÍ FESTIVAL ADVENTNÍ A VÁNOČNÍ HUDBY
</h1>
<h4>
29. 11. 30. 11. 2013<br />Národní dům Smíchov,<br />náměstí 14. října 16, Praha 5
</h4>
<p>
V letošním roce probíhá XXIII. ročník významného českého sborového festivalu, “Mezinárodní festival adventní a vánoční hudby s Cenou Petra Ebena”, který se bude konat v termínu 29.11. 30.11.2013: Národní důmSmíchov, náměstí 14. října 16, Praha 5.</p>
<p>Festival je mezinárodní a záštitu mu poskytuje hlavní město Praha. Pořadatelem festivalu je Or-fea spol. s r.o., festivalová a organizační kancelář, cestovní agentura.
</p>
<div class="but-info">
<a href="akce/2013/mezinarodni-festival-adventni-a-vanocni-hudby.php">Více informací</a>
</div>
<div>&nbsp;</div>
<div class="but-prihlasky">
<a href="">Přihlášky</a>
</div>
<div class="but-facebook">
<a href="">&nbsp;</a>
</div>
</div>
</div>
<!-- *********************** carousel ******************************* -->
<?
include ('menu/carousel-cs.php');
?>
<!-- ********************************* Zapati ******************************** -->
<div id="paticka">
<?
include ('menu/paticka-cs.php');
?>
</div>
</div>
<!-- *********************** scripty pro carousel ******************************* -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
<script type="text/javascript">
$('#ca-container').contentcarousel();
</script>
</body>
</html>

257
test/js/jquery.contentcarousel.js Executable file
View file

@ -0,0 +1,257 @@
(function($) {
var aux = {
// navigates left / right
navigate : function( dir, $el, $wrapper, opts, cache ) {
var scroll = opts.scroll,
factor = 1,
idxClicked = 0;
if( cache.expanded ) {
scroll = 1; // scroll is always 1 in full mode
factor = 3; // the width of the expanded item will be 3 times bigger than 1 collapsed item
idxClicked = cache.idxClicked; // the index of the clicked item
}
// clone the elements on the right / left and append / prepend them according to dir and scroll
if( dir === 1 ) {
$wrapper.find('div.ca-item:lt(' + scroll + ')').each(function(i) {
$(this).clone(true).css( 'left', ( cache.totalItems - idxClicked + i ) * cache.itemW * factor + 'px' ).appendTo( $wrapper );
});
}
else {
var $first = $wrapper.children().eq(0);
$wrapper.find('div.ca-item:gt(' + ( cache.totalItems - 1 - scroll ) + ')').each(function(i) {
// insert before $first so they stay in the right order
$(this).clone(true).css( 'left', - ( scroll - i + idxClicked ) * cache.itemW * factor + 'px' ).insertBefore( $first );
});
}
// animate the left of each item
// the calculations are dependent on dir and on the cache.expanded value
$wrapper.find('div.ca-item').each(function(i) {
var $item = $(this);
$item.stop().animate({
left : ( dir === 1 ) ? '-=' + ( cache.itemW * factor * scroll ) + 'px' : '+=' + ( cache.itemW * factor * scroll ) + 'px'
}, opts.sliderSpeed, opts.sliderEasing, function() {
if( ( dir === 1 && $item.position().left < - idxClicked * cache.itemW * factor ) || ( dir === -1 && $item.position().left > ( ( cache.totalItems - 1 - idxClicked ) * cache.itemW * factor ) ) ) {
// remove the item that was cloned
$item.remove();
}
cache.isAnimating = false;
});
});
},
// opens an item (animation) -> opens all the others
openItem : function( $wrapper, $item, opts, cache ) {
cache.idxClicked = $item.index();
// the item's position (1, 2, or 3) on the viewport (the visible items)
cache.winpos = aux.getWinPos( $item.position().left, cache );
$wrapper.find('div.ca-item').not( $item ).hide();
$item.find('div.ca-content-wrapper').css( 'left', cache.itemW + 'px' ).stop().animate({
width : cache.itemW * 2 + 'px',
left : cache.itemW + 'px'
}, opts.itemSpeed, opts.itemEasing)
.end()
.stop()
.animate({
left : '0px'
}, opts.itemSpeed, opts.itemEasing, function() {
cache.isAnimating = false;
cache.expanded = true;
aux.openItems( $wrapper, $item, opts, cache );
});
},
// opens all the items
openItems : function( $wrapper, $openedItem, opts, cache ) {
var openedIdx = $openedItem.index();
$wrapper.find('div.ca-item').each(function(i) {
var $item = $(this),
idx = $item.index();
if( idx !== openedIdx ) {
$item.css( 'left', - ( openedIdx - idx ) * ( cache.itemW * 3 ) + 'px' ).show().find('div.ca-content-wrapper').css({
left : cache.itemW + 'px',
width : cache.itemW * 2 + 'px'
});
// hide more link
aux.toggleMore( $item, false );
}
});
},
// show / hide the item's more button
toggleMore : function( $item, show ) {
( show ) ? $item.find('a.ca-more').show() : $item.find('a.ca-more').hide();
},
// close all the items
// the current one is animated
closeItems : function( $wrapper, $openedItem, opts, cache ) {
var openedIdx = $openedItem.index();
$openedItem.find('div.ca-content-wrapper').stop().animate({
width : '0px'
}, opts.itemSpeed, opts.itemEasing)
.end()
.stop()
.animate({
left : cache.itemW * ( cache.winpos - 1 ) + 'px'
}, opts.itemSpeed, opts.itemEasing, function() {
cache.isAnimating = false;
cache.expanded = false;
});
// show more link
aux.toggleMore( $openedItem, true );
$wrapper.find('div.ca-item').each(function(i) {
var $item = $(this),
idx = $item.index();
if( idx !== openedIdx ) {
$item.find('div.ca-content-wrapper').css({
width : '0px'
})
.end()
.css( 'left', ( ( cache.winpos - 1 ) - ( openedIdx - idx ) ) * cache.itemW + 'px' )
.show();
// show more link
aux.toggleMore( $item, true );
}
});
},
// gets the item's position (1, 2, or 3) on the viewport (the visible items)
// val is the left of the item
getWinPos : function( val, cache ) {
switch( val ) {
case 0 : return 1; break;
case cache.itemW : return 2; break;
case cache.itemW * 2 : return 3; break;
}
}
},
methods = {
init : function( options ) {
if( this.length ) {
var settings = {
sliderSpeed : 500, // speed for the sliding animation
sliderEasing : 'easeOutExpo',// easing for the sliding animation
itemSpeed : 500, // speed for the item animation (open / close)
itemEasing : 'easeOutExpo',// easing for the item animation (open / close)
scroll : 1 // number of items to scroll at a time
};
return this.each(function() {
// if options exist, lets merge them with our default settings
if ( options ) {
$.extend( settings, options );
}
var $el = $(this),
$wrapper = $el.find('div.ca-wrapper'),
$items = $wrapper.children('div.ca-item'),
cache = {};
// save the with of one item
cache.itemW = $items.width();
// save the number of total items
cache.totalItems = $items.length;
// add navigation buttons
if( cache.totalItems > 3 )
$el.prepend('<div class="ca-nav"><span class="ca-nav-prev">Previous</span><span class="ca-nav-next">Next</span></div>')
// control the scroll value
if( settings.scroll < 1 )
settings.scroll = 1;
else if( settings.scroll > 3 )
settings.scroll = 3;
var $navPrev = $el.find('span.ca-nav-prev'),
$navNext = $el.find('span.ca-nav-next');
// hide the items except the first 3
$wrapper.css( 'overflow', 'hidden' );
// the items will have position absolute
// calculate the left of each item
$items.each(function(i) {
$(this).css({
position : 'absolute',
left : i * cache.itemW + 'px'
});
});
// click to open the item(s)
$el.find('a.ca-more').live('click.contentcarousel', function( event ) {
if( cache.isAnimating ) return false;
cache.isAnimating = true;
$(this).hide();
var $item = $(this).closest('div.ca-item');
aux.openItem( $wrapper, $item, settings, cache );
return false;
});
// click to close the item(s)
$el.find('a.ca-close').live('click.contentcarousel', function( event ) {
if( cache.isAnimating ) return false;
cache.isAnimating = true;
var $item = $(this).closest('div.ca-item');
aux.closeItems( $wrapper, $item, settings, cache );
return false;
});
// navigate left
$navPrev.bind('click.contentcarousel', function( event ) {
if( cache.isAnimating ) return false;
cache.isAnimating = true;
aux.navigate( -1, $el, $wrapper, settings, cache );
});
// navigate right
$navNext.bind('click.contentcarousel', function( event ) {
if( cache.isAnimating ) return false;
cache.isAnimating = true;
aux.navigate( 1, $el, $wrapper, settings, cache );
});
// adds events to the mouse
$el.bind('mousewheel.contentcarousel', function(e, delta) {
if(delta > 0) {
if( cache.isAnimating ) return false;
cache.isAnimating = true;
aux.navigate( -1, $el, $wrapper, settings, cache );
}
else {
if( cache.isAnimating ) return false;
cache.isAnimating = true;
aux.navigate( 1, $el, $wrapper, settings, cache );
}
return false;
});
});
}
}
};
$.fn.contentcarousel = function(method) {
if ( methods[method] ) {
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
} else if ( typeof method === 'object' || ! method ) {
return methods.init.apply( this, arguments );
} else {
$.error( 'Method ' + method + ' does not exist on jQuery.contentcarousel' );
}
};
})(jQuery);

View file

@ -0,0 +1,256 @@
(function($) {
var cache = {},
aux = {
// navigates left / right
navigate : function( dir, $el, $wrapper, opts ) {
var scroll = opts.scroll,
factor = 1,
idxClicked = 0;
if( cache.expanded ) {
scroll = 1; // scroll is always 1 in full mode
factor = 3; // the width of the expanded item will be 3 times bigger than 1 collapsed item
idxClicked = cache.idxClicked; // the index of the clicked item
}
// clone the elements on the right / left and append / prepend them according to dir and scroll
if( dir === 1 ) {
$wrapper.find('div.ca-item:lt(' + scroll + ')').each(function(i) {
$(this).clone(true).css( 'left', ( cache.totalItems - idxClicked + i ) * cache.itemW * factor + 'px' ).appendTo( $wrapper );
});
}
else {
var $first = $wrapper.children().eq(0);
$wrapper.find('div.ca-item:gt(' + ( cache.totalItems - 1 - scroll ) + ')').each(function(i) {
// insert before $first so they stay in the right order
$(this).clone(true).css( 'left', - ( scroll - i + idxClicked ) * cache.itemW * factor + 'px' ).insertBefore( $first );
});
}
// animate the left of each item
// the calculations are dependent on dir and on the cache.expanded value
$wrapper.find('div.ca-item').each(function(i) {
var $item = $(this);
$item.stop().animate({
left : ( dir === 1 ) ? '-=' + ( cache.itemW * factor * scroll ) + 'px' : '+=' + ( cache.itemW * factor * scroll ) + 'px'
}, opts.sliderSpeed, opts.sliderEasing, function() {
if( ( dir === 1 && $item.position().left < - idxClicked * cache.itemW * factor ) || ( dir === -1 && $item.position().left > ( ( cache.totalItems - 1 - idxClicked ) * cache.itemW * factor ) ) ) {
// remove the item that was cloned
$item.remove();
}
cache.isAnimating = false;
});
});
},
// opens an item (animation) -> opens all the others
openItem : function( $wrapper, $item, opts ) {
cache.idxClicked = $item.index();
// the item's position (1, 2, or 3) on the viewport (the visible items)
cache.winpos = aux.getWinPos( $item.position().left );
$wrapper.find('div.ca-item').not( $item ).hide();
$item.find('div.ca-content-wrapper').css( 'left', cache.itemW + 'px' ).stop().animate({
width : cache.itemW * 2 + 'px',
left : cache.itemW + 'px'
}, opts.itemSpeed, opts.itemEasing)
.end()
.stop()
.animate({
left : '0px'
}, opts.itemSpeed, opts.itemEasing, function() {
cache.isAnimating = false;
cache.expanded = true;
aux.openItems( $wrapper, $item, opts );
});
},
// opens all the items
openItems : function( $wrapper, $openedItem, opts ) {
var openedIdx = $openedItem.index();
$wrapper.find('div.ca-item').each(function(i) {
var $item = $(this),
idx = $item.index();
if( idx !== openedIdx ) {
$item.css( 'left', - ( openedIdx - idx ) * ( cache.itemW * 3 ) + 'px' ).show().find('div.ca-content-wrapper').css({
left : cache.itemW + 'px',
width : cache.itemW * 2 + 'px'
});
// hide more link
aux.toggleMore( $item, false );
}
});
},
// show / hide the item's more button
toggleMore : function( $item, show ) {
( show ) ? $item.find('a.ca-more').show() : $item.find('a.ca-more').hide();
},
// close all the items
// the current one is animated
closeItems : function( $wrapper, $openedItem, opts ) {
var openedIdx = $openedItem.index();
$openedItem.find('div.ca-content-wrapper').stop().animate({
width : '0px'
}, opts.itemSpeed, opts.itemEasing)
.end()
.stop()
.animate({
left : cache.itemW * ( cache.winpos - 1 ) + 'px'
}, opts.itemSpeed, opts.itemEasing, function() {
cache.isAnimating = false;
cache.expanded = false;
});
// show more link
aux.toggleMore( $openedItem, true );
$wrapper.find('div.ca-item').each(function(i) {
var $item = $(this),
idx = $item.index();
if( idx !== openedIdx ) {
$item.find('div.ca-content-wrapper').css({
width : '0px'
})
.end()
.css( 'left', ( ( cache.winpos - 1 ) - ( openedIdx - idx ) ) * cache.itemW + 'px' )
.show();
// show more link
aux.toggleMore( $item, true );
}
});
},
// gets the item's position (1, 2, or 3) on the viewport (the visible items)
// val is the left of the item
getWinPos : function( val ) {
switch( val ) {
case 0 : return 1; break;
case cache.itemW : return 2; break;
case cache.itemW * 2 : return 3; break;
}
}
},
methods = {
init : function( options ) {
if( this.length ) {
var settings = {
sliderSpeed : 500, // speed for the sliding animation
sliderEasing : 'easeOutExpo',// easing for the sliding animation
itemSpeed : 500, // speed for the item animation (open / close)
itemEasing : 'easeOutExpo',// easing for the item animation (open / close)
scroll : 1 // number of items to scroll at a time
};
return this.each(function() {
// if options exist, lets merge them with our default settings
if ( options ) {
$.extend( settings, options );
}
var $el = $(this),
$wrapper = $el.find('div.ca-wrapper'),
$items = $wrapper.children('div.ca-item');
// save the with of one item
cache.itemW = $items.width();
// save the number of total items
cache.totalItems = $items.length;
// add navigation buttons
if( cache.totalItems > 3 )
$el.prepend('<div class="ca-nav"><span class="ca-nav-prev">Previous</span><span class="ca-nav-next">Next</span></div>')
// control the scroll value
if( settings.scroll < 1 )
settings.scroll = 1;
else if( settings.scroll > 3 )
settings.scroll = 3;
var $navPrev = $el.find('span.ca-nav-prev'),
$navNext = $el.find('span.ca-nav-next');
// hide the items except the first 3
$wrapper.css( 'overflow', 'hidden' );
// the items will have position absolute
// calculate the left of each item
$items.each(function(i) {
$(this).css({
position : 'absolute',
left : i * cache.itemW + 'px'
});
});
// click to open the item(s)
$el.find('a.ca-more').live('click.contentcarousel', function( event ) {
if( cache.isAnimating ) return false;
cache.isAnimating = true;
$(this).hide();
var $item = $(this).closest('div.ca-item');
aux.openItem( $wrapper, $item, settings );
return false;
});
// click to close the item(s)
$el.find('a.ca-close').live('click.contentcarousel', function( event ) {
if( cache.isAnimating ) return false;
cache.isAnimating = true;
var $item = $(this).closest('div.ca-item');
aux.closeItems( $wrapper, $item, settings );
return false;
});
// navigate left
$navPrev.bind('click.contentcarousel', function( event ) {
if( cache.isAnimating ) return false;
cache.isAnimating = true;
aux.navigate( -1, $el, $wrapper, settings );
});
// navigate right
$navNext.bind('click.contentcarousel', function( event ) {
if( cache.isAnimating ) return false;
cache.isAnimating = true;
aux.navigate( 1, $el, $wrapper, settings );
});
// adds events to the mouse
$el.bind('mousewheel.contentcarousel', function(e, delta) {
if(delta > 0) {
if( cache.isAnimating ) return false;
cache.isAnimating = true;
aux.navigate( -1, $el, $wrapper, settings );
}
else {
if( cache.isAnimating ) return false;
cache.isAnimating = true;
aux.navigate( 1, $el, $wrapper, settings );
}
return false;
});
});
}
}
};
$.fn.contentcarousel = function(method) {
if ( methods[method] ) {
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
} else if ( typeof method === 'object' || ! method ) {
return methods.init.apply( this, arguments );
} else {
$.error( 'Method ' + method + ' does not exist on jQuery.contentcarousel' );
}
};
})(jQuery);

205
test/js/jquery.easing.1.3.js Executable file
View file

@ -0,0 +1,205 @@
/*
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
*
* Uses the built in easing capabilities added In jQuery 1.1
* to offer multiple easing options
*
* TERMS OF USE - jQuery Easing
*
* Open source under the BSD License.
*
* Copyright © 2008 George McGinley Smith
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/
// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];
jQuery.extend( jQuery.easing,
{
def: 'easeOutQuad',
swing: function (x, t, b, c, d) {
//alert(jQuery.easing.default);
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
},
easeInQuad: function (x, t, b, c, d) {
return c*(t/=d)*t + b;
},
easeOutQuad: function (x, t, b, c, d) {
return -c *(t/=d)*(t-2) + b;
},
easeInOutQuad: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t + b;
return -c/2 * ((--t)*(t-2) - 1) + b;
},
easeInCubic: function (x, t, b, c, d) {
return c*(t/=d)*t*t + b;
},
easeOutCubic: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t + 1) + b;
},
easeInOutCubic: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t + b;
return c/2*((t-=2)*t*t + 2) + b;
},
easeInQuart: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t + b;
},
easeOutQuart: function (x, t, b, c, d) {
return -c * ((t=t/d-1)*t*t*t - 1) + b;
},
easeInOutQuart: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
return -c/2 * ((t-=2)*t*t*t - 2) + b;
},
easeInQuint: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t*t + b;
},
easeOutQuint: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t*t*t + 1) + b;
},
easeInOutQuint: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
return c/2*((t-=2)*t*t*t*t + 2) + b;
},
easeInSine: function (x, t, b, c, d) {
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
},
easeOutSine: function (x, t, b, c, d) {
return c * Math.sin(t/d * (Math.PI/2)) + b;
},
easeInOutSine: function (x, t, b, c, d) {
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
},
easeInExpo: function (x, t, b, c, d) {
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
},
easeOutExpo: function (x, t, b, c, d) {
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
},
easeInOutExpo: function (x, t, b, c, d) {
if (t==0) return b;
if (t==d) return b+c;
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
},
easeInCirc: function (x, t, b, c, d) {
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
},
easeOutCirc: function (x, t, b, c, d) {
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
},
easeInOutCirc: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
},
easeInElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
},
easeOutElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
},
easeInOutElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
},
easeInBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*(t/=d)*t*((s+1)*t - s) + b;
},
easeOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
},
easeInOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
},
easeInBounce: function (x, t, b, c, d) {
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
},
easeOutBounce: function (x, t, b, c, d) {
if ((t/=d) < (1/2.75)) {
return c*(7.5625*t*t) + b;
} else if (t < (2/2.75)) {
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
} else if (t < (2.5/2.75)) {
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
} else {
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
}
},
easeInOutBounce: function (x, t, b, c, d) {
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
}
});
/*
*
* TERMS OF USE - EASING EQUATIONS
*
* Open source under the BSD License.
*
* Copyright © 2001 Robert Penner
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/

121
test/js/jquery.jscrollpane.css Executable file
View file

@ -0,0 +1,121 @@
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 100%;
background: #fff;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
background: #fff;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #fff;
position: relative;
}
.jspDrag
{
background: #000;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 10px;
}
.jspHorizontalBar .jspArrow
{
width: 10px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}

78
test/js/jquery.mousewheel.js Executable file
View file

@ -0,0 +1,78 @@
/*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net)
* Licensed under the MIT License (LICENSE.txt).
*
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
* Thanks to: Seamus Leahy for adding deltaX and deltaY
*
* Version: 3.0.4
*
* Requires: 1.2.2+
*/
(function($) {
var types = ['DOMMouseScroll', 'mousewheel'];
$.event.special.mousewheel = {
setup: function() {
if ( this.addEventListener ) {
for ( var i=types.length; i; ) {
this.addEventListener( types[--i], handler, false );
}
} else {
this.onmousewheel = handler;
}
},
teardown: function() {
if ( this.removeEventListener ) {
for ( var i=types.length; i; ) {
this.removeEventListener( types[--i], handler, false );
}
} else {
this.onmousewheel = null;
}
}
};
$.fn.extend({
mousewheel: function(fn) {
return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
},
unmousewheel: function(fn) {
return this.unbind("mousewheel", fn);
}
});
function handler(event) {
var orgEvent = event || window.event, args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true, deltaX = 0, deltaY = 0;
event = $.event.fix(orgEvent);
event.type = "mousewheel";
// Old school scrollwheel delta
if ( event.wheelDelta ) { delta = event.wheelDelta/120; }
if ( event.detail ) { delta = -event.detail/3; }
// New school multidimensional scroll (touchpads) deltas
deltaY = delta;
// Gecko
if ( orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) {
deltaY = 0;
deltaX = -1*delta;
}
// Webkit
if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY/120; }
if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = -1*orgEvent.wheelDeltaX/120; }
// Add event and delta to the front of the arguments
args.unshift(event, delta, deltaX, deltaY);
return $.event.handle.apply(this, args);
}
})(jQuery);

117
test/kontakt.php Executable file
View file

@ -0,0 +1,117 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Or-fea > festivalová a organizační kancelář</title>
<meta name="description" content="Festivalová a organizační kancelář - pořádáme hudebních festivaly, koncerty a další kulturně-zábavní programy pro turisty">
<meta name="keywords" content="Organizace festivalů, koncerty, festivaly, Ubytování, Stravování, Průvodcovské služby Prohlídky Prahy, Pronájmy koncertních sálů, Vstupenky, amatérské hudební soubory, folklor, advent, dechové soubory, dechové festivaly">
<link rel="stylesheet" type="text/css" href="jss/jquery.jscrollpane.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/orfea.css" />
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="css/orfea7.css"><![endif]-->
</head>
<body>
<div id="obsah">
<div id="hlavicka">
<?
include ('menu/hlavicka-cs.php');
?>
</div>
<!-- *********************** menu ******************************* -->
<div id="menu">
<?
include ('menu/menu-cs.php');
?>
</div>
<!-- *********************** akce ******************************* -->
<div id="top-akce">
<div id="perex-akce">
<div style="float:left">
<h1>Or-fea spol. s r.o.</h1>
<h4>festivalová a organizační kancelář</h4>
<p>Těšnov 9<br>
110 00 Praha 1</p>
<p>IČO 00536776<br>
DIČ CZ00536776<br>
Zapsaná u Městského soudu v Praze, oddíl C, vložka 4</p>
<p>Tel.: +420 224 81 44 58<br>
Tel.: +420 224 81 35 80<br>
Fax: +420 224 81 26 12<br>
E-mail: <a href="mailto:incoming@orfea.cz">incoming@orfea.cz</a></p>
</div>
<div style="float:left; margin-left: 30px;">
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.cz/maps?f=q&amp;source=s_q&amp;hl=cs&amp;geocode=+&amp;q=T%C4%9B%C5%A1nov+9,+110+00+Praha+1&amp;ie=UTF8&amp;hq=&amp;hnear=T%C4%9B%C5%A1nov+1162%2F9,+110+00+Praha+1-Nov%C3%A9+M%C4%9Bsto&amp;ll=50.091586,14.436086&amp;spn=0.043556,0.077162&amp;t=m&amp;z=14&amp;vpsrc=6&amp;brcurrent=5,0,0&amp;output=embed"></iframe><br /><small><a href="https://maps.google.cz/maps?f=q&amp;source=embed&amp;hl=cs&amp;geocode=+&amp;q=T%C4%9B%C5%A1nov+9,+110+00+Praha+1&amp;ie=UTF8&amp;hq=&amp;hnear=T%C4%9B%C5%A1nov+1162%2F9,+110+00+Praha+1-Nov%C3%A9+M%C4%9Bsto&amp;ll=50.091586,14.436086&amp;spn=0.043556,0.077162&amp;t=m&amp;z=14&amp;vpsrc=6&amp;brcurrent=5,0,0" style="color:#0000FF;text-align:left">Zvětšit mapu</a></small>
</div>
</div>
</div>
<!-- *********************** carousel ******************************* -->
<?
include ('menu/carousel-cs.php');
?>
<!-- ********************************* Zapati ******************************** -->
<div id="paticka">
<?
include ('menu/paticka-cs.php');
?>
</div>
</div>
<!-- *********************** scripty pro carousel ******************************* -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
<script type="text/javascript">
$('#ca-container').contentcarousel();
</script>
</body>
</html>

81
test/menu/carousel-cs.php Executable file
View file

@ -0,0 +1,81 @@

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<div style="clear:both;">&nbsp;</div>
<div style="background-color:#eee">
<div class="container">
<div id="ca-container" class="ca-container">
<div class="ca-wrapper">
<div class="ca-item">
<div class="ca-item-main" >
<a href="akce/2014/mezinarodni-festival-dechovych-hudeb-praha.php"><img src="akce/2014/2014-01-03-mezinarodni-festival-dechovych-hudeb-praha/mezinarodni-festival-dechovych-hudeb-praha-small.jpg" width="230" /></a>
<h3>MEZINÁRODNÍ FESTIVAL DECHOVÝCH HUDEB PRAHA</h3>
<h4>
3. 4. ledna 2014<br>v Národním domě na Smíchově
</h4>
<div class="but-info2">
<a href="akce/2014/mezinarodni-festival-dechovych-hudeb-praha.php">Více informací</a>
</div>
</div>
</div>
<div class="ca-item">
<div class="ca-item-main">
<a href="akce/2014/iuventus-in-praga-cantat-praha.php"><img src="akce/2014/2014-01-24-iuventus-in-praga-cantat-praha/iuventus-in-praga-cantat-praha-small.jpg" width="230" /></a>
<h3>MEZINÁRODNÍ FESTIVAL DĚTSKÝCH A MLÁDEŽNICKÝCH PĚVECKÝCH SBORŮ
IUVENTUS IN PRAGA CANTAT Praha</h3>
<h4>
24. 1. 25. 1. 2014 v Praze.
</h4>
<div class="but-info2">
<a href="akce/2014/iuventus-in-praga-cantat-praha.php">Více informací</a>
</div>
</div>
</div>
<div class="ca-item">
<div class="ca-item-main">
<a href="akce/2014/dvorakovo-sborove-leto.php"><img src="akce/2014/2014-07-12-dvorakovo-sborove-leto/dvorakovo-sborove-leto-small.jpg" width="230" /></a>
<h3>Mezinárodní festival pěveckých sborů Antonína Dvořáka „Dvořákovo sborové léto“</h3>
<h4>
12. 7. 13. 7. 2014 v Praze.
</h4>
<div class="but-info2">
<a href="akce/2014/dvorakovo-sborove-leto.php">Více informací</a>
</div>
</div>
</div>
<div class="ca-item">
<div class="ca-item-main">
<a href="akce/2014/vojvodova-zbraslav.php"><img src="akce/2014/2014-09-26-vojvodova-zbraslav/vojvodova-zbraslav-small.jpg" width="230" /></a>
<h3>Festival Vejvodova Zbraslav</h3>
<h4>
26. 9. 28. 9. 2014 v Praze - Zbraslav.
</h4>
<div class="but-info2">
<a href="akce/2014/vojvodova-zbraslav.php">Více informací</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

17
test/menu/hlavicka-cs.php Executable file
View file

@ -0,0 +1,17 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<div id="logo">
<a href="../index-cs.php"><img src="../images-sys/Or-fea-logo-cz.jpg" width="561" height="119" border="0"/></a>
</div>
<div id="lan">
<a href="../index-de.php">DE</a>
<a href="../index.php">EN</a>
<a href="../index-cs.php" class="aktiv">CZ</a>
</div>
<div id="vyhledavani">
Google
</div>

24
test/menu/menu-cs.php Executable file
View file

@ -0,0 +1,24 @@

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<ul class="level1">
<li><a href="http://www.or-fea.cz/index.php">ÚVOD</a></li>
<li class="submenu">
<a>SBOROVÉ FESTIVALY</a>
<ul class="level2">
<li><a href="http://www.or-fea.cz/akce/iuventus-in-praga-cantat.php">Mezinárodní festival dětských a mládežnických pěveckých sborů &quot;Iuventus In Praga Cantat&quot;</a></li>
<li><a href="http://www.or-fea.cz/akce/dvorakovo-sborove-leto.php">Mezinárodní festival pěveckých sborů "Dvořákovo sborové léto"</a></li> <li><a href="http://www.or-fea.cz/akce/mezinarodni-festival-adventni-a-vanocni-hudby.php">Mezinárodní festival adventní a vánoční hudby s Cenou Petra Ebena</a></li>
</ul>
</li>
<li class="submenu">
<a>FESTIVALY DECHOVÉ HUDBY</a>
<ul class="level2">
<li><a href="../akce/mezinarodni-lazensky-festival-dechovych-hudeb.php">Mezinárodní lázeňský festival dechových hudeb Karlovy Vary</a></li>
<li><a href="http://www.or-fea.cz/akce/vejvodova-zbraslav.php">Mezinárodní festival "Vejvodova Zbraslav"</a></li>
<li><a href="http://www.or-fea.cz/akce/mezinarodni-festival-dechovych-hudeb.php">Mezinárodní festival dechových hudeb Praha</a></li>
</ul>
</li>
<li><a>DALŠÍ AKCE</a></li>
<li><a href="http://www.or-fea.cz/kontakt.php">KONTAKT</a></li>
</ul>

44
test/menu/paticka-cs.php Executable file
View file

@ -0,0 +1,44 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<div class="dolni-box" style="width: 350px;">
<h2>Kdo je OR-FEA?</h2>
<p>Jsme festivalová a organizační kancelář, která se již od roku 1991 zabývá pořádáním hudebních festivalů a jednotlivých koncertních vystoupení amatérských hudebních těles a dalších kulturně-zábavních programů pro zahraniční i české turisty.</p>
</div>
<div class="dolni-box">
<h2>Zajistíme</h2>
<ul>
<li>Organizace festivalů</li>
<li>Ubytování</li>
<li>Stravování</li>
<li>Průvodcovské služby</li>
<li>Prohlídky Prahy</li>
<li>Pronájmy koncertních sálů</li>
<li>Vstupenky...</li>
</ul>
</div>
<div class="dolni-box">
<h2>Newsletter</h2>
<p>Chcete být včas informováni
o připravovaných akcích?</p>
<p>Stačí nám poslat Váš e-mail &nbsp;
<a href="mailto:festivals@orfea.cz;incoming@orfea.cz" style="text-decoration:none;">
<img src="../images-sys/obalka.png" width="16" height="12" border="0" />
</a>.
</p>
</div>
<div class="info-paticka">
<p style="margin-top: 25px;"> <a href="https://www.facebook.com/pages/Or-fea-festival-agency/1434770476740233" target="_blank"><img src="../images-sys/icon-facebook.png" border="0"/></a>
</p>
<div>Or-fea spol. s r.o. festivalová a organizační kancelář&nbsp; &nbsp; &nbsp; &nbsp; Těšnov 9, 110 00 Praha 1&nbsp; &nbsp; &nbsp; &nbsp; IČO 00536776, DIČ CZ00536776, Zapsaná u Městského soudu v Praze, oddíl C, vložka 4<br />
<span>Tel.: +420 224 814 458, +420 608 508 348, Fax: +420 224 812 612</span></div>
</div>