Project-Pro/zurawik.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Jacek Pyziak
2026-05-15 18:33:51 +02:00
parent 3601be572f
commit c980004309
8442 changed files with 783630 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

592
template/szablon.html Normal file
View File

@@ -0,0 +1,592 @@
<html class="js" lang="pl"><head>
<meta charset="utf-8">
<meta name="dcterms.created" content="2015-10-13">
<meta name="dcterms.subject" content="Home">
<meta name="robots" content="index,follow,all">
<meta name="dc.language" content="pl">
<meta name="designer" content="IT.PStudio /network solutions/">
<meta name="dcterms.creator" content="webStudio 2.2.4">
<meta name="dcterms.rights" content="OPPC">
<link rel="stylesheet" type="text/css" href="template/css/normalize.css">
<link rel="stylesheet" type="text/css" href="template/css/flexslider.css">
<link rel="stylesheet" type="text/css" href="template/css/animate.css">
<link rel="stylesheet" type="text/css" href="template/css/global.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,300&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">
<!-- <link rel="stylesheet" type="text/css" href="--><!--/css/fonts/stylesheet.css" />-->
<link rel="stylesheet" type="text/css" href="template/js/fancybox/jquery.fancybox.css?v=2.1.5" media="screen">
<link rel="shortcut icon" type="image/x-icon" href="template/favicon.ico">
<link rel="icon" type="image/png" href="template/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js">IE7_PNG_SUFFIX=".png";</script>
<link href="template/css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 9 ]><style>* {filter: none !important;}</style><![endif]-->
<title>Home - Organizacje Pracodawców – Polska Organizacja Przemysłu Chemicznego</title>
<meta name="description" content="">
<meta name="keywords" content="organizacja pracodawców, chemia program sektorowy, polska branża chemiczna, ochrona interesów branży chemicznej, prace rozwojowe wsparcie, rozwój branży chemicznej, targi promocja chemiczny przemysł, kampania informacyjna, rozwiązywanie sporów, grupa zaku">
<script async="" src="https://www.google-analytics.com/analytics.js"></script><script>
document.documentElement.className = document.documentElement.className.replace("no-js", "js");
var formAlert1 = 'Wypełnij wszystkie oznaczone pola i spróbuj ponownie. Adres email wydaje się być nieprawidłowy.';
var formAlert2 = 'Wypełnij wszystkie oznaczone pola i spróbuj ponownie.';
var formAlert3 = 'Adres email wydaje się być nieprawidłowy.';
</script>
<style type="text/css">.fancybox-margin{margin-right:21px;}</style></head>
<body class="page-id-2 home lang-pl no-parent page-btn-header page-box-home page-box-contact sidebar-column-right page-template-default no-touch">
<div id="wrapper">
<header id="header">
<div class="clearfix wrap">
<div id="top">
<h1 id="logo"><a href="/" title=""><img src="files/images/logo/logo2.jpg" alt="" kasperskylab_antibanner="on"></a></h1>
<ul id="btn-header" class="btn-header sidebar-group-box-6 sidebar"><li class="box box-item-1 box-10"><div class="inner"><div class="box-text"></div><div class="box-more clearfix"><a class="button" href="/nasi-czlonkowie,4,pl.html" title="przystąp do NAS" target="_blank">przystąp do NAS</a></div></div></li></ul> </div>
</div>
<nav id="nav" class="clearfix">
<div class="wrap">
<div id="button-mobile-menu">
<a title="Menu" href="#"><span>Menu</span></a>
</div>
<ul class="menu sf-js-enabled sf-arrows">
<li class="level-0 current"><a href="/" class="level-0-link current-link" title="Home">Strona główna</a></li>
<li class="level-0 parent"><a href="aktualnosci,12,pl.html" class="level-0-link sf-with-ul" title="Aktualności">Aktualności</a>
<ul style="display: none;">
<li class="level-1"><a href="wydarzenia,16,pl.html" class="level-1-link" title="WYDARZENIA">WYDARZENIA</a></li>
</ul></li>
<li class="level-0 parent"><a href="o-nas,3,pl.html" class="level-0-link sf-with-ul" title="O nas ">O nas </a>
<ul style="display: none;">
<li class="level-1"><a href="dzialalnosc,13,pl.html" class="level-1-link" title="DZIAŁALNOŚĆ">DZIAŁALNOŚĆ</a></li>
<li class="level-1"><a href="struktura,14,pl.html" class="level-1-link" title="STRUKTURA">STRUKTURA</a></li>
<li class="level-1"><a href="statut,15,pl.html" class="level-1-link" title="STATUT">STATUT</a></li>
</ul></li>
<li class="level-0 parent"><a href="oferta,5,pl.html" class="level-0-link sf-with-ul" title="Oferta">Oferta</a>
<ul style="display: none;">
<li class="level-1 parent"><a href="korzysci,18,pl.html" class="level-1-link sf-with-ul" title="KORZYŚCI">KORZYŚCI</a>
<ul style="display: none;">
<li class="level-2"><a href="grupa-zakupowa,20,pl.html" class="level-2-link" title="Grupa zakupowa">Grupa zakupowa</a></li>
<li class="level-2"><a href="wsparcie-prawno-podatkowe,21,pl.html" class="level-2-link" title="Wsparcie prawno-podatkowe">Wsparcie prawno-podatkowe</a></li>
<li class="level-2"><a href="programy-unijne-i-konsulting,22,pl.html" class="level-2-link" title="Programy unijne i konsulting">Programy unijne i konsulting</a></li>
<li class="level-2"><a href="program-sektorowy,19,pl.html" class="level-2-link" title="Program sektorowy">Program sektorowy</a></li>
</ul></li>
<li class="level-1"><a href="abonament,26,pl.html" class="level-1-link" title="ABONAMENT">ABONAMENT</a></li>
</ul></li>
<li class="level-0"><a href="nasi-czlonkowie,4,pl.html" class="level-0-link" title="NASI CZŁONKOWIE">NASI CZŁONKOWIE</a></li>
<li class="level-0"><a href="kontakt,6,pl.html" class="level-0-link" title="Kontakt">Kontakt</a></li>
</ul>
</div>
</nav>
</header>
<div class="clearfix">
<style>
#slider-content-wrap-20 img {
width: 100%
}
</style>
<div id="slider-content-wrap-20" class="slider-content-wrap">
<div id="slider-content-desc-wrap-20" class="desc-wrap"> <div class="inner"></div></div><div class="slider-content-slides"><div class="slider-content-loader"><div id="slider-content-20" class="slider-content flexslider">
<ul class="slides">
<li class="item" style="background-image: url(&quot;files/images/slider/slid_2.jpg&quot;); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">
<div class="clearfix">
<img src="files/images/slider/slid_2.jpg" alt="" kasperskylab_antibanner="on" draggable="false"> <span class="layer-mask"></span>
<div class="wrap">
<div class="desc-wrap">
<h3 style="opacity: 0; visibility: visible;">Grupa zakupowa</h3>
<div class="desc"><p style="opacity: 0; visibility: visible;">Istotą Grupy Zakupowej jest możliwość nabywania tańszych dóbr i usług na rzecz wybranej grupy odbiorców. Grupa firm nabywa u konkretnego dostawcy hurtową ilość produktów i uzyskuje rabat cenowy.</p>
<a class="more" href="/grupa-zakupowa,20,pl.html" style="opacity: 0; visibility: visible;">czytaj więcej</a></div>
</div>
</div>
</div>
</li>
<li class="item" style="background-image: url(&quot;files/images/slider/slid_3.jpg&quot;); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">
<div class="clearfix">
<img src="files/images/slider/slid_3.jpg" alt="" kasperskylab_antibanner="on" draggable="false"> <span class="layer-mask"></span>
<div class="wrap">
<div class="desc-wrap">
<h3 style="opacity: 0; visibility: visible;">Wsparcie prawno-podatkowe</h3>
<div class="desc"><p style="opacity: 0; visibility: visible;">Uzyskaj bezpłatną pomoc renomowanej kancelarii prawnej w zakresie opinii i analiz prawnych oraz indywidualne doradztwo licencjonowanego doradcy podatkowego.</p>
<a class="more" href="/wsparcie-prawno-podatkowe,21,pl.html" style="opacity: 0; visibility: visible;">czytaj więcej</a></div>
</div>
</div>
</div>
</li>
<li class="item" style="background-image: url(&quot;files/images/slider/slid_4.jpg&quot;); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">
<div class="clearfix">
<img src="files/images/slider/slid_4.jpg" alt="" kasperskylab_antibanner="on" draggable="false"> <span class="layer-mask"></span>
<div class="wrap">
<div class="desc-wrap">
<h3 style="opacity: 0; visibility: visible;">Projekty unijne i konsulting</h3>
<div class="desc"><p style="opacity: 0; visibility: visible;">Firmy członkowskie mogą uzyskać bezpłatne indywidualne wsparcie w zakresie pozyskiwania środków finansowych ze środków unijnych, doradztwa strategicznego oraz przygotowania inwestycji.</p>
<a class="more" href="/programy-unijne-i-konsulting,22,pl.html" style="opacity: 0; visibility: visible;">czytaj więcej</a></div>
</div>
</div>
</div>
</li>
<li class="item flex-active-slide" style="background-image: url(&quot;files/images/slider/slid_1.jpg&quot;); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; z-index: 2;">
<div class="clearfix">
<img src="files/images/slider/slid_1.jpg" alt="" kasperskylab_antibanner="on" draggable="false"> <span class="layer-mask"></span>
<div class="wrap">
<div class="desc-wrap">
<h3 style="opacity: 1; visibility: visible;">Program sektorowy</h3>
<div class="desc"><p style="opacity: 1; visibility: visible;">Opracowujemy warunki rozwoju sektora chemicznego. Jeśli chcesz mieć realny wpływ na kształtowanie przyszłości przemysłu chemicznego, przyłącz się do naszej inicjatywy.</p>
<a class="more" href="/program-sektorowy,19,pl.html" style="opacity: 0.999639; visibility: visible;">czytaj więcej</a></div>
</div>
</div>
</div>
</li>
</ul>
<ol class="flex-control-nav flex-control-paging"><li><a class="">1</a></li><li><a class="">2</a></li><li><a class="">3</a></li><li><a class="flex-active">4</a></li></ol><ul class="flex-direction-nav"><li><a class="flex-prev" href="#">Previous</a></li><li><a class="flex-next" href="#">Next</a></li></ul></div>
<div class="slider-mask"></div>
</div>
</div>
</div>
</div>
<div id="main">
<div class="clearfix wrap">
<section id="content" class="content content-default clearfix">
<ul id="box-home" class="box-home sidebar-group-box-7 sidebar clearfix"><li class="box box-item-1 box-12"><h3 class="box-title">Grupa zakupowa</h3><div class="inner"><div class="box-text"><p style="text-align: center;"><img alt="" src="/files/images/img/box-img-2_b.jpg" style="width: 500px; height: 300px;" kasperskylab_antibanner="on"></p>
<p>Istotą Grupy Zakupowej jest możliwość nabywania tańszych dóbr i usług na rzecz wybranej grupy odbiorców. Grupa firm nabywa u konkretnego dostawcy hurtową ilość produktów i uzyskuje rabat cenowy.</p>
</div><div class="box-more clearfix"><a class="button" href="/grupa-zakupowa,20,pl.html" title="więcej">więcej</a></div></div></li><li class="box box-item-2 box-13"><h3 class="box-title">Wsparcie prawno-podatkowe</h3><div class="inner"><div class="box-text"><p style="text-align: center;"><img alt="" src="/files/images/img/box-img-3_b.jpg" style="width: 500px; height: 300px;" kasperskylab_antibanner="on"></p>
<p style="text-align: justify;">Członkowie organizacji mogą uzyskać bezpłatną indywidualną poradę Kancelarii prawnej&nbsp;w przygotowaniu analiz prawnych czy w zastępstwie procesowym oraz konsultacje Doradcy podatkowego.</p>
</div><div class="box-more clearfix"><a class="button" href="/wsparcie-prawno-podatkowe,21,pl.html" title="więcej">więcej</a></div></div></li><li class="box box-item-3 box-14"><h3 class="box-title">PROJEKTY UNIJNE I KONSULTING</h3><div class="inner"><div class="box-text"><p style="text-align: center;"><img alt="" src="/files/images/img/box-img-4_b.jpg" style="width: 500px; height: 300px;" kasperskylab_antibanner="on"></p>
<p>Firmy członkowskie mogą uzyskać bezpłatne indywidualne wsparcie w zakresie pozyskiwania finansowania ze środków unijnych, strategicznego doradztwa oraz przygotowania inwestycji.</p>
</div><div class="box-more clearfix"><a class="button" href="/programy-unijne-i-konsulting,22,pl.html" title="więcej">więcej</a></div></div></li><li class="box box-item-4 box-11"><h3 class="box-title">Program sektorowy</h3><div class="inner"><div class="box-text"><p style="text-align: center;"><img alt="" src="/files/images/img/box-img-1_b.jpg" style="width: 500px; height: 300px;" kasperskylab_antibanner="on"></p>
<p style="text-align: justify;">Program sektorowy to dedykowane środki finansowe z budżetu Państwa i z dotacji unijnej, przeznaczane na rozwój asortymentu produktów i usług oferowanych przez przedsiębiorstwa&nbsp;w danej dziedzinie gospodarki.</p>
</div><div class="box-more clearfix"><a class="button" href="/program-sektorowy,19,pl.html" title="więcej">więcej</a></div></div></li></ul> <article>
</article> </section>
</div>
</div>
<section class="section-news section-wrap">
<div class="clearfix wrap">
<div class="titlewrap">
<h2>Aktualności</h2>
</div>
<div id="news-wrap-listing" class="news-wrap"> <div class="news-listing news listing clearfix">
<article class="clearfix item">
<div class="meta">
<div class="news-date">2016-05-22</div>
</div>
<div class="thumbwrap"><a href="miedzynarodowe-targi-dostawcow-dla-przemyslu-kosmetycznego-cosmeticbusiness,16,pl,news,16,2,48.html" title=""><img src="files/News/pl/48_min.jpg" alt="" kasperskylab_antibanner="on"></a></div> <h3 class="title"><a href="miedzynarodowe-targi-dostawcow-dla-przemyslu-kosmetycznego-cosmeticbusiness,16,pl,news,16,2,48.html" title="Międzynarodowe Targi Dostawców dla Przemysłu Kosmetycznego CosmeticBusiness">Międzynarodowe Targi Dostawców dla Przemysłu Kosmetycznego CosmeticBusiness</a></h3>
<div class="text">Międzynarodowe Targi Dostawców dla Przemysłu Kosmetycznego CosmeticBusiness to najważniejsza tego typu impreza wystawiennicza w Niemczech ......</div>
<a class="button news-more" href="miedzynarodowe-targi-dostawcow-dla-przemyslu-kosmetycznego-cosmeticbusiness,16,pl,news,16,2,48.html">więcej</a>
</article>
<article class="clearfix item">
<div class="meta">
<div class="news-date">2016-05-16</div>
</div>
<div class="thumbwrap"><a href="konferencja-nowoczesna-kosmetologia-od-nauki-do-biznesu-28052016-r,16,pl,news,16,2,47.html" title=""><img src="files/News/pl/47_min.jpg" alt="" kasperskylab_antibanner="on"></a></div> <h3 class="title"><a href="konferencja-nowoczesna-kosmetologia-od-nauki-do-biznesu-28052016-r,16,pl,news,16,2,47.html" title=" Konferencja: „Nowoczesna Kosmetologia - od Nauki do Biznesu” - 28.05.2016 r."> Konferencja: „Nowoczesna Kosmetologia - od Nauki do Biznesu” - 28.05.2016 r.</a></h3>
<div class="text">Wydział Farmaceutyczny Uniwersytetu Jagiellońskiego - Collegium Medicum zaprasza na konferencję: „Nowoczesna Kosmetologia - od Nauki do Biznesu .......</div>
<a class="button news-more" href="konferencja-nowoczesna-kosmetologia-od-nauki-do-biznesu-28052016-r,16,pl,news,16,2,47.html">więcej</a>
</article>
<article class="clearfix item">
<div class="meta">
<div class="news-date">2016-05-05</div>
</div>
<div class="thumbwrap"><a href="chemplast-2016,16,pl,news,16,2,44.html" title=""><img src="files/News/pl/44_min.jpg" alt="" kasperskylab_antibanner="on"></a></div> <h3 class="title"><a href="chemplast-2016,16,pl,news,16,2,44.html" title="Chemplast 2016">Chemplast 2016</a></h3>
<div class="text">Chemplast to odbywające się od kilkunastu lat na Słowacji targi, grupujące przedstawicieli branży chemicznej, tworzyw sztucznych oraz produktów konstrukcyjnych ......</div>
<a class="button news-more" href="chemplast-2016,16,pl,news,16,2,44.html">więcej</a>
</article>
</div> </div> </div>
</section>
<section class="section-wrap section-contact">
<div class="clearfix wrap">
<ul id="box-contact" class="box-contact sidebar-group-box-8 sidebar"><li class="box box-item-1 box-15"><h3 class="box-title">dane kontaktowe</h3><div class="inner"><div class="box-text"><p style="text-align: center;"><span style="font-size:20px;">ORGANIZACJA PRACODAWCÓW PRZEMYSŁU CHEMICZNEGO</span></p>
<p style="text-align: center;"><img alt="" src="/files/images/img/contact-ico-1.jpg" style="width: 27px; height: 27px;" kasperskylab_antibanner="on">Adres:&nbsp; ul. Stefana Czarnieckiego 21/23 lok. 1, 01-548 Warszawa</p>
<ul>
<li style="text-align: center;"><img alt="" src="/files/images/img/contact-ico-2.jpg" style="width: 27px; height: 27px;" kasperskylab_antibanner="on">Tel.:&nbsp;+48 22 299 56 20</li>
<li style="text-align: center;"><img alt="" src="/files/images/img/contact-ico-2.jpg" style="width: 27px; height: 27px;" kasperskylab_antibanner="on">Tel.kom.: +48 537 607 407</li>
<li style="text-align: center;"><img alt="" src="/files/images/img/contact-ico-3.jpg" style="width: 27px; height: 27px;" kasperskylab_antibanner="on">E-mail: <a href="mailto:biuro@oppc.org.pl" rel="nofollow spemail">biuro@oppc.org.pl</a></li>
</ul>
</div></div></li></ul> </div>
</section>
<section class="section-wrap section-newsletter">
<div class="clearfix wrap">
<script type="text/javascript">
var nl_sign = 0;
function nl_check_sign(val)
{
nl_sign = val;
}
function nl_check_email(name)
{
var txt = document.getElementById(name).value;
if ((txt.length < 6) || (txt.match('@') != '@') || (txt.match(' ') == ' '))
{
return false;
} else
{
return true;
}
}
function nl_check_form()
{
var error = false;
var error_msg = '';
if (!nl_check_email('mail'))
{
error = true;
error_msg = error_msg + '* Należy podać poprawny adres "E-Mail" !\n';
}
if (nl_sign == -1)
{
error = true;
error_msg = error_msg + '* Należy wybrać jedną z opcji: "Zapisz się" lub "Wypisz się" !\n';
}
if (error)
{
alert(error_msg);
return false;
} else
{
return true;
}
}
</script>
<form name="nl" action="index.php?l=pl&amp;id=25&amp;p=nl&amp;action=0" method="post" onsubmit="return nl_check_form();">
<!--<div class="break"></div>-->
<!--<b>E-Mail:</b>-->
<div class="input clearfix">
<label>Bądź na bieżąco. Zapisz się na Newsletter</label><input type="text" name="email" placeholder="E-mail" id="mail" style="margin-bottom: 4px;">
<input type="submit" value=" OK " style="cursor: pointer;">
</div>
<div class="checked clearfix">
<label><input type="radio" name="sign" value="0" onclick="nl_check_sign(this.value);" style="border: none;" checked="checked">Zapisz się</label>&nbsp; &nbsp;<label><input type="radio" name="sign" value="1" onclick="nl_check_sign(this.value);" style="border: none;">Wypisz się</label>
</div>
</form>
</div>
</section>
<footer id="footer" class="footer clearfix">
<div class="clearfix wrap">
<p id="copy" class="">Copyright © <strong>OPPC 2015-2016</strong> </p>
<p id="design-by"><strong>IT.PStudio</strong> <a href="http://itpstudio.pl" title="strony responsywne" target="_blank">strony responsywne</a></p>
</div>
</footer>
</div>
<div id="cookies" style="display: none;"><p><a href="javascript:void(0);" class="closecookies">Zamknij</a>Na tej stronie internetowej wykorzystywane są pliki <strong>cookies</strong> zbierane do celów statystycznych i wykorzystywane do poprawnego działania serwisu www.<br>Warunki przechowywania lub dostępu do plików cookies można zmienić w ustawieniach przeglądarki - niedokonanie zmian ustawień przeglądarki jest jednoznaczne z wyrażeniem zgody na ich zapisywanie.</p></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
<script src="template/js/jquery.easing.1.3.js"></script>
<script src="template/js/jquery.cookie.js"></script>
<script src="template/js/functions.min.js"></script>
<script src="template/js/superfish.min.js"></script>
<script src="template/js/fancybox/jquery.fancybox.pack.js?v=2.1.5"></script>
<script>
$(document).ready(function () {
$("a[rel*=spemail]").spemail("|,:", "linkbase");
$("#main a[href$='.jpg'],#main a[href$='.png'],#main a[href$='.gif']").attr('rel', 'galeria').fancybox({
helpers: {
title: {
type: 'inside'
}
},
});
$("a.galeria").fancybox({
helpers: {
title: {
type: 'inside'
}
},
transitionIn: 'elastic',
transitionOut: 'elastic',
titlePosition: 'over',
titleFormat: 'formatTitle'
});
$(".blank").attr("target", "_blank");
/* cookies
====================================================================*/
$('.closecookies').click(function (event) {
$.cookie("aboutcookie", "true", {expires: 360});
$('#cookies').fadeOut();
event.preventDefault();
});
if ($.cookie('aboutcookie') == null) {
$('#cookies').show();
} else {
$('#cookies').hide();
}
/* form
====================================================================*/
walidForm('#form-contact', ['company']);
walidForm('#form-fast');
clearInput();
/* menu
====================================================================*/
jQuery('#nav .menu').superfish();
/* taby (jquery ui)
====================================================================*/
$(".tabs").tabs();
/* galeria produkt
====================================================================*/
jQuery("#photos .item img").click(function () {
// see if same thumb is being clicked
if (jQuery(this).hasClass("active")) {
return;
}
// calclulate large image's URL based on the thumbnail URL (flickr specific)
var url = jQuery(this).attr("src").replace("/small/", "/medium/");
// zoom
var zoom = jQuery(this).attr("src").replace("/small/", "/large/");
// get handle to element that wraps the image and make it semi-transparent
var wrap = jQuery(".thumbwrap");
// the large image from www.flickr.com
var img = new Image();
// call this function after it's loaded
img.onload = function () {
// make wrapper fully visible
wrap.find(".loading").fadeTo("fast", 0);
wrap.find("img").fadeTo("fast", 1);
// change the image
wrap.find("img").attr("src", url);
wrap.find("a").attr("href", zoom);
};
// begin loading the image from www.flickr.com
img.src = url;
wrap.find("img").fadeTo("fast", 0);
wrap.find(".loading").fadeTo("fast", 1);
// activate item
jQuery("#photos .item").removeClass("active");
jQuery(this).parent().parent().addClass("active");
return false;
});
/* sociao media
====================================================================*/
function handleSlideBox(slayer) {
var master = slayer.getElements('.belt');
master.each(function (el) {
el.addEvent('click', function (event) {
if (slayer.style.right == '0px') {
slayer.style.right = '-326px';
slayer.setStyle('z-index', '99');
}
else {
slayer.style.right = '0px';
slayer.setStyle('z-index', '100');
}
});
});
}
function handleTouchScreenDevices() {
if (("ontouchstart" in jQuery(document.body))) {
jQuery(document.body).addClass("touch");
jQuery(document.body).removeClass("no-touch");
handleSlideBox(jQuery('slide-box-fblike'));
handleSlideBox(jQuery('slide-box-pinterest'));
handleSlideBox(jQuery('slide-box-newsletter'));
} else {
jQuery(document.body).addClass("no-touch");
jQuery(document.body).removeClass("touch");
}
}
handleTouchScreenDevices();
/* mobile nav
====================================================================*/
var topold = '';
jQuery('#button-mobile-menu').unbind('click')
.bind('click', function (event) {
event.preventDefault();
var $nav = jQuery('#nav');
$nav.find('.menu').animate({height: 'toggle'});
$nav.toggleClass('active');
var offset = $nav.offset();
var top = offset.top;
if ($nav.hasClass('active')) {
topold = $nav.css('top');
$nav.css({'top': top, 'position': 'absolute'});
} else {
$nav.css({'top': topold, 'position': 'fixed'});
}
});
});
/* slider
====================================================================*/
function showTitle(item, duration) {
$item = item.find('.desc-wrap');
//alert(jQuery.trim($item.html()));
if (jQuery.trim($item.html()) != '') {
jQuery('.slider-content-wrap > .desc-wrap').fadeIn(duration);
jQuery('.slider-content-wrap > .desc-wrap .inner').animate({'opacity': 0}, 300, function () {
jQuery(this).html($item.html());
});
setTimeout(function () {
$('.slider-content-wrap > .desc-wrap .inner').animate({'opacity': 1}, 300)
}, duration);
} else {
jQuery('.slider-content-wrap > .desc-wrap').fadeOut(duration);
}
}
function beforeSlider_001(slider) {
$(slider.get(0)).find('.desc-wrap h3').each(function () {
$(this).css('opacity', 0);
});
$(slider.get(0)).find('.desc-wrap .desc p').each(function () {
$(this).css('opacity', 0);
});
$(slider.get(0)).find('.desc-wrap .desc a').each(function () {
$(this).css('opacity', 0);
});
}
function afterSlider_001(slider) {
var content = $(slider.slides.get(slider.currentSlide));
content.find('.desc-wrap h3').css('visibility', 'visible');
content.find('.desc-wrap h3').delay(400).animate({opacity: 1}, 1000);
content.find('.desc-wrap .desc p').css('visibility', 'visible');
content.find('.desc-wrap .desc p').delay(700).animate({opacity: 1}, 1000);
content.find('.desc-wrap .desc a').css('visibility', 'visible');
content.find('.desc-wrap .desc a').delay(1200).animate({opacity: 1}, 1000);
}
</script>
<script src="template/js/jquery.imagesloaded.min.js"></script>
<script src="template/js/jquery.flexslider-min.js"></script>
<script>
$(document).ready(function () {
var carousel = $("#slider-content-20");
function runCarousel() {
$("#slider-content-20").flexslider({
slideshowSpeed: 12000,
animationSpeed: 2000,
easing: "swing",
useCSS: "false",
touch: false,
slideshow: true,
animation: "fade",
start: function (slider) {
beforeSlider_001(slider);
afterSlider_001(slider);
},
before: function (slider) {
beforeSlider_001(slider);
},
after: function (slider) {
afterSlider_001(slider);
},
});
}
$("#slider-content-20").imagesLoaded(runCarousel);
});
</script>
<script>
$(document).ready(function () {
$("#tabs-wrap-23 .tabs-title").click(function () {
$("#tabs-wrap-23 .tabs-content:visible").slideUp("slow")
$("#tabs-wrap-23 .tabs-item").removeClass("active");
$(this).next().slideToggle("slow");
$(this).parent().toggleClass("active");
return false;
});
});
</script>
</body></html>