Files
zurawik.pl/template/szablon.html
2026-05-15 18:33:51 +02:00

592 lines
29 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<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>