Općina Petlovac

<!doctype html> <html prefix="og: http://ogp.me/ns#" lang="hr-hr" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="canonical" href="https://www.petlovac.hr/index.php"> <base href="https://www.petlovac.hr/index.php" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="petlovac" /> <meta name="description" content="Petlovac je smješten u sjeverozapadnom dijelu Baranje, u mikroregiji Baranjske nizine Istočnohrvatske ravnice. Udaljen je 39,7 km od Osijeka." /> <title>Općina Petlovac</title> <link href="/images/favicon-16x16.png" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="https://cdn.jsdelivr.net/npm/simple-line-icons@2.4.1/css/simple-line-icons.css" rel="stylesheet" type="text/css" /> <link href="/templates/urbanus2/css/k2.css?v=2.10.3" rel="stylesheet" type="text/css" /> <link href="/components/com_sppagebuilder/assets/css/font-awesome-5.min.css?0808dd08ad62f5774e5f045e2ce6d08b" rel="stylesheet" type="text/css" /> <link href="/components/com_sppagebuilder/assets/css/font-awesome-v4-shims.css?0808dd08ad62f5774e5f045e2ce6d08b" rel="stylesheet" type="text/css" /> <link href="/components/com_sppagebuilder/assets/css/animate.min.css?0808dd08ad62f5774e5f045e2ce6d08b" rel="stylesheet" type="text/css" /> <link href="/components/com_sppagebuilder/assets/css/sppagebuilder.css?0808dd08ad62f5774e5f045e2ce6d08b" rel="stylesheet" type="text/css" /> <link href="/components/com_sppagebuilder/assets/css/jquery.bxslider.min.css" rel="stylesheet" type="text/css" /> <link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" type="text/css" /> <link href="/components/com_minitekwall/assets/css/masonry.css?v=3.9.2.1" rel="stylesheet" type="text/css" /> <link href="/components/com_sppagebuilder/assets/css/magnific-popup.css" rel="stylesheet" type="text/css" /> <link href="/media/com_sppagebuilder/css/page-199.css" rel="stylesheet" type="text/css" /> <link href="/plugins/system/jce/css/content.css?aa754b1f19c7df490be4b958cf085e7c" rel="stylesheet" type="text/css" /> <link href="//fonts.googleapis.com/css?family=Montserrat:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=latin-ext" rel="stylesheet" type="text/css" /> <link href="//fonts.googleapis.com/css?family=Shadows+Into+Light:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=latin" rel="stylesheet" type="text/css" /> <link href="//fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=latin-ext" rel="stylesheet" type="text/css" /> <link href="/templates/urbanus2/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="/templates/urbanus2/css/uikit.min.css" rel="stylesheet" type="text/css" /> <link href="/templates/urbanus2/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="/templates/urbanus2/css/template.css" rel="stylesheet" type="text/css" /> <link href="/templates/urbanus2/css/presets/preset1.css" rel="stylesheet" type="text/css" /> <link href="/templates/urbanus2/css/custom.css" rel="stylesheet" type="text/css" /> <link href="/modules/mod_vertical_menu/cache/352/0e5c9c6961c01e5a9e0bcf28a51bc4db.css" rel="stylesheet" type="text/css" /> <link href="/modules/mod_djmegamenu/themes/default/css/djmegamenu.css?4.1.2.pro" rel="stylesheet" type="text/css" /> <link href="https://use.fontawesome.com/releases/v5.15.2/css/all.css" rel="stylesheet" type="text/css" /> <link href="https://use.fontawesome.com/releases/v5.15.2/css/v4-shims.css" rel="stylesheet" type="text/css" /> <link href="/plugins/system/gdpr/assets/css/cookieconsent.min.css" rel="stylesheet" type="text/css" /> <style type="text/css"> #mnwall_container_1 a.mnwall_arrow, #mnwall_container_1 a.mnwall-reset-btn { background-color: #a6d1eb; border-color: #a6d1eb; border-radius: 3px; color: #ffffff; } #mnwall_container_1 a.mnwall_arrow.disabled { background-color: #a6d1eb !important; border-color: #a6d1eb !important; border-radius: 3px !important; color: #ffffff !important; } #mnwall_container_1 a.mnwall_arrow.mnwall-loading { border-color: #a6d1eb; } @media only screen and (min-width:1139px) { #mnwall_iso_container_1 .mnwall-big { height: 480px; } #mnwall_iso_container_1 .mnwall-horizontal { height: 240px; } #mnwall_iso_container_1 .mnwall-vertical { height: 480px; } #mnwall_iso_container_1 .mnwall-small { height: 240px; } .mnwall-columns #mnwall_iso_container_1 .mnwall-photo-link { height: 240px !important; } } @media only screen and (min-width:939px) and (max-width:1138px) { #mnwall_iso_container_1 .mnwall-big { height: 480px; } #mnwall_iso_container_1 .mnwall-horizontal { height: 240px; } #mnwall_iso_container_1 .mnwall-vertical { height: 480px; } #mnwall_iso_container_1 .mnwall-small { height: 240px; } #mnwall_iso_container_1 .mnwall-big .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_1 .mnwall-big .mnwall-item-inner .mnwall-title span { font-size: 24px; line-height: 28px; } #mnwall_iso_container_1 .mnwall-horizontal .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_1 .mnwall-horizontal .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_1 .mnwall-vertical .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_1 .mnwall-vertical .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_1 .mnwall-small .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_1 .mnwall-small .mnwall-item-inner .mnwall-title span { font-size: 18px; line-height: 20px; } } @media only screen and (min-width:719px) and (max-width:938px) { #mnwall_iso_container_1 .mnwall-big { height: 480px; } #mnwall_iso_container_1 .mnwall-horizontal { height: 240px; } #mnwall_iso_container_1 .mnwall-vertical { height: 480px; } #mnwall_iso_container_1 .mnwall-small { height: 240px; } #mnwall_iso_container_1 .mnwall-big .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_1 .mnwall-big .mnwall-item-inner .mnwall-title span { font-size: 22px; line-height: 26px; } #mnwall_iso_container_1 .mnwall-horizontal .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_1 .mnwall-horizontal .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_1 .mnwall-vertical .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_1 .mnwall-vertical .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_1 .mnwall-small .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_1 .mnwall-small .mnwall-item-inner .mnwall-title span { font-size: 17px; line-height: 20px; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_1 .mnwall-item { height: auto !important; } #mnwall_iso_container_1 .mnwall-item-inner { position: static; width: 100% !important; } .mnwall-masonry #mnwall_iso_container_1 .mnwall-item-outer-cont .mnwall-photo-link { z-index: 1; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 240px !important; } .mnwall-columns #mnwall_iso_container_1 .mnwall-photo-link { height: 240px !important; } #mnwall_iso_container_1 .mnwall-item { width: 100.00% !important; } #mnwall_iso_container_1 .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_1 .mnwall-item-inner .mnwall-title span { font-size: 18px; line-height: 24px; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_1 .mnwall-detail-box { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-title { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-desc { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-date { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-item-category { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-item-location { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-item-author { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-price { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-hits { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-count { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-readmore { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_1 .mnwall-item { height: auto !important; } #mnwall_iso_container_1 .mnwall-item-inner { position: static; width: 100% !important; } .mnwall-masonry #mnwall_iso_container_1 .mnwall-item-outer-cont .mnwall-photo-link { z-index: 1; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 240px !important; } .mnwall-columns #mnwall_iso_container_1 .mnwall-photo-link { height: 240px !important; } #mnwall_iso_container_1 .mnwall-item { width: 100.00% !important; } #mnwall_iso_container_1 .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_1 .mnwall-item-inner .mnwall-title span { font-size: 18px; line-height: 24px; } } @media only screen and (max-width:478px) { #mnwall_iso_container_1 .mnwall-detail-box { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-title { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-desc { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-date { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-item-category { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-item-location { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-item-author { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-price { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-hits { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-count { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_1 .mnwall-detail-box .mnwall-readmore { display: none !important; } } #mnwall_container_3 a.mnwall_arrow, #mnwall_container_3 a.mnwall-reset-btn { background-color: #a6d1eb; border-color: #a6d1eb; border-radius: 3px; color: #ffffff; } #mnwall_container_3 a.mnwall_arrow.disabled { background-color: #a6d1eb !important; border-color: #a6d1eb !important; border-radius: 3px !important; color: #ffffff !important; } #mnwall_container_3 a.mnwall_arrow.mnwall-loading { border-color: #a6d1eb; } @media only screen and (min-width:1139px) { #mnwall_iso_container_3 .mnwall-big { height: 480px; } #mnwall_iso_container_3 .mnwall-horizontal { height: 240px; } #mnwall_iso_container_3 .mnwall-vertical { height: 480px; } #mnwall_iso_container_3 .mnwall-small { height: 240px; } .mnwall-columns #mnwall_iso_container_3 .mnwall-photo-link { height: 240px !important; } } @media only screen and (min-width:939px) and (max-width:1138px) { #mnwall_iso_container_3 .mnwall-big { height: 480px; } #mnwall_iso_container_3 .mnwall-horizontal { height: 240px; } #mnwall_iso_container_3 .mnwall-vertical { height: 480px; } #mnwall_iso_container_3 .mnwall-small { height: 240px; } #mnwall_iso_container_3 .mnwall-big .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_3 .mnwall-big .mnwall-item-inner .mnwall-title span { font-size: 24px; line-height: 28px; } #mnwall_iso_container_3 .mnwall-horizontal .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_3 .mnwall-horizontal .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_3 .mnwall-vertical .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_3 .mnwall-vertical .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_3 .mnwall-small .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_3 .mnwall-small .mnwall-item-inner .mnwall-title span { font-size: 18px; line-height: 20px; } } @media only screen and (min-width:719px) and (max-width:938px) { #mnwall_iso_container_3 .mnwall-big { height: 480px; } #mnwall_iso_container_3 .mnwall-horizontal { height: 240px; } #mnwall_iso_container_3 .mnwall-vertical { height: 480px; } #mnwall_iso_container_3 .mnwall-small { height: 240px; } #mnwall_iso_container_3 .mnwall-big .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_3 .mnwall-big .mnwall-item-inner .mnwall-title span { font-size: 22px; line-height: 26px; } #mnwall_iso_container_3 .mnwall-horizontal .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_3 .mnwall-horizontal .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_3 .mnwall-vertical .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_3 .mnwall-vertical .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_3 .mnwall-small .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_3 .mnwall-small .mnwall-item-inner .mnwall-title span { font-size: 17px; line-height: 20px; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_3 .mnwall-item { height: auto !important; } #mnwall_iso_container_3 .mnwall-item-inner { position: static; width: 100% !important; } .mnwall-masonry #mnwall_iso_container_3 .mnwall-item-outer-cont .mnwall-photo-link { z-index: 1; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 240px !important; } .mnwall-columns #mnwall_iso_container_3 .mnwall-photo-link { height: 240px !important; } #mnwall_iso_container_3 .mnwall-item { width: 100.00% !important; } #mnwall_iso_container_3 .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_3 .mnwall-item-inner .mnwall-title span { font-size: 18px; line-height: 24px; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_3 .mnwall-detail-box { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-title { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-desc { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-date { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-item-category { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-item-location { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-item-author { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-price { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-hits { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-count { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-readmore { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_3 .mnwall-item { height: auto !important; } #mnwall_iso_container_3 .mnwall-item-inner { position: static; width: 100% !important; } .mnwall-masonry #mnwall_iso_container_3 .mnwall-item-outer-cont .mnwall-photo-link { z-index: 1; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 240px !important; } .mnwall-columns #mnwall_iso_container_3 .mnwall-photo-link { height: 240px !important; } #mnwall_iso_container_3 .mnwall-item { width: 100.00% !important; } #mnwall_iso_container_3 .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_3 .mnwall-item-inner .mnwall-title span { font-size: 18px; line-height: 24px; } } @media only screen and (max-width:478px) { #mnwall_iso_container_3 .mnwall-detail-box { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-title { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-desc { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-date { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-item-category { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-item-location { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-item-author { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-price { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-hits { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-count { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_3 .mnwall-detail-box .mnwall-readmore { display: none !important; } } #mnwall_iso_container_3 .mnwitem1 { width: 33.33%; } @media only screen and (min-width:1139px) { #mnwall_iso_container_3 .mnwitem1 { height: 240px; } }@media only screen and (min-width:939px) and (max-width:1138px) { #mnwall_iso_container_3 .mnwitem1 { height: 240px; } }@media only screen and (min-width:719px) and (max-width:938px) { #mnwall_iso_container_3 .mnwitem1 { height: 240px; } }@media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_3 .mnwitem1 { height: 240px; } }@media only screen and (max-width:478px) { #mnwall_iso_container_3 .mnwitem1 { height: 240px; } } #mnwall_iso_container_3 .mnwitem2 { width: 33.33%; } @media only screen and (min-width:1139px) { #mnwall_iso_container_3 .mnwitem2 { height: 240px; } }@media only screen and (min-width:939px) and (max-width:1138px) { #mnwall_iso_container_3 .mnwitem2 { height: 240px; } }@media only screen and (min-width:719px) and (max-width:938px) { #mnwall_iso_container_3 .mnwitem2 { height: 240px; } }@media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_3 .mnwitem2 { height: 240px; } }@media only screen and (max-width:478px) { #mnwall_iso_container_3 .mnwitem2 { height: 240px; } } #mnwall_iso_container_3 .mnwitem3 { width: 33.33%; } @media only screen and (min-width:1139px) { #mnwall_iso_container_3 .mnwitem3 { height: 240px; } }@media only screen and (min-width:939px) and (max-width:1138px) { #mnwall_iso_container_3 .mnwitem3 { height: 240px; } }@media only screen and (min-width:719px) and (max-width:938px) { #mnwall_iso_container_3 .mnwitem3 { height: 240px; } }@media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_3 .mnwitem3 { height: 240px; } }@media only screen and (max-width:478px) { #mnwall_iso_container_3 .mnwitem3 { height: 240px; } } #mnwall_container_4 a.mnwall_arrow, #mnwall_container_4 a.mnwall-reset-btn { background-color: #a6d1eb; border-color: #a6d1eb; border-radius: 3px; color: #ffffff; } #mnwall_container_4 a.mnwall_arrow.disabled { background-color: #a6d1eb !important; border-color: #a6d1eb !important; border-radius: 3px !important; color: #ffffff !important; } #mnwall_container_4 a.mnwall_arrow.mnwall-loading { border-color: #a6d1eb; } @media only screen and (min-width:1139px) { #mnwall_iso_container_4 .mnwall-big { height: 480px; } #mnwall_iso_container_4 .mnwall-horizontal { height: 240px; } #mnwall_iso_container_4 .mnwall-vertical { height: 480px; } #mnwall_iso_container_4 .mnwall-small { height: 240px; } .mnwall-columns #mnwall_iso_container_4 .mnwall-photo-link { height: 240px !important; } } @media only screen and (min-width:939px) and (max-width:1138px) { #mnwall_iso_container_4 .mnwall-big { height: 480px; } #mnwall_iso_container_4 .mnwall-horizontal { height: 240px; } #mnwall_iso_container_4 .mnwall-vertical { height: 480px; } #mnwall_iso_container_4 .mnwall-small { height: 240px; } #mnwall_iso_container_4 .mnwall-big .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_4 .mnwall-big .mnwall-item-inner .mnwall-title span { font-size: 24px; line-height: 28px; } #mnwall_iso_container_4 .mnwall-horizontal .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_4 .mnwall-horizontal .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_4 .mnwall-vertical .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_4 .mnwall-vertical .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_4 .mnwall-small .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_4 .mnwall-small .mnwall-item-inner .mnwall-title span { font-size: 18px; line-height: 20px; } } @media only screen and (min-width:719px) and (max-width:938px) { #mnwall_iso_container_4 .mnwall-big { height: 480px; } #mnwall_iso_container_4 .mnwall-horizontal { height: 240px; } #mnwall_iso_container_4 .mnwall-vertical { height: 480px; } #mnwall_iso_container_4 .mnwall-small { height: 240px; } #mnwall_iso_container_4 .mnwall-big .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_4 .mnwall-big .mnwall-item-inner .mnwall-title span { font-size: 22px; line-height: 26px; } #mnwall_iso_container_4 .mnwall-horizontal .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_4 .mnwall-horizontal .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_4 .mnwall-vertical .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_4 .mnwall-vertical .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_4 .mnwall-small .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_4 .mnwall-small .mnwall-item-inner .mnwall-title span { font-size: 17px; line-height: 20px; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_4 .mnwall-item { height: auto !important; } #mnwall_iso_container_4 .mnwall-item-inner { position: static; width: 100% !important; } .mnwall-masonry #mnwall_iso_container_4 .mnwall-item-outer-cont .mnwall-photo-link { z-index: 1; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 240px !important; } .mnwall-columns #mnwall_iso_container_4 .mnwall-photo-link { height: 240px !important; } #mnwall_iso_container_4 .mnwall-item { width: 100.00% !important; } #mnwall_iso_container_4 .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_4 .mnwall-item-inner .mnwall-title span { font-size: 18px; line-height: 24px; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_4 .mnwall-detail-box { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-title { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-desc { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-date { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-item-category { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-item-location { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-item-author { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-price { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-hits { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-count { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-readmore { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_4 .mnwall-item { height: auto !important; } #mnwall_iso_container_4 .mnwall-item-inner { position: static; width: 100% !important; } .mnwall-masonry #mnwall_iso_container_4 .mnwall-item-outer-cont .mnwall-photo-link { z-index: 1; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 240px !important; } .mnwall-columns #mnwall_iso_container_4 .mnwall-photo-link { height: 240px !important; } #mnwall_iso_container_4 .mnwall-item { width: 100.00% !important; } #mnwall_iso_container_4 .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_4 .mnwall-item-inner .mnwall-title span { font-size: 18px; line-height: 24px; } } @media only screen and (max-width:478px) { #mnwall_iso_container_4 .mnwall-detail-box { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-title { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-desc { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-date { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-item-category { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-item-location { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-item-author { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-price { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-hits { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-count { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_4 .mnwall-detail-box .mnwall-readmore { display: none !important; } } #mnwall_iso_container_4 .mnwitem1 { width: 33.33%; } @media only screen and (min-width:1139px) { #mnwall_iso_container_4 .mnwitem1 { height: 240px; } }@media only screen and (min-width:939px) and (max-width:1138px) { #mnwall_iso_container_4 .mnwitem1 { height: 240px; } }@media only screen and (min-width:719px) and (max-width:938px) { #mnwall_iso_container_4 .mnwitem1 { height: 240px; } }@media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_4 .mnwitem1 { height: 240px; } }@media only screen and (max-width:478px) { #mnwall_iso_container_4 .mnwitem1 { height: 240px; } } #mnwall_iso_container_4 .mnwitem2 { width: 33.33%; } @media only screen and (min-width:1139px) { #mnwall_iso_container_4 .mnwitem2 { height: 240px; } }@media only screen and (min-width:939px) and (max-width:1138px) { #mnwall_iso_container_4 .mnwitem2 { height: 240px; } }@media only screen and (min-width:719px) and (max-width:938px) { #mnwall_iso_container_4 .mnwitem2 { height: 240px; } }@media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_4 .mnwitem2 { height: 240px; } }@media only screen and (max-width:478px) { #mnwall_iso_container_4 .mnwitem2 { height: 240px; } } #mnwall_iso_container_4 .mnwitem3 { width: 33.33%; } @media only screen and (min-width:1139px) { #mnwall_iso_container_4 .mnwitem3 { height: 240px; } }@media only screen and (min-width:939px) and (max-width:1138px) { #mnwall_iso_container_4 .mnwitem3 { height: 240px; } }@media only screen and (min-width:719px) and (max-width:938px) { #mnwall_iso_container_4 .mnwitem3 { height: 240px; } }@media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_4 .mnwitem3 { height: 240px; } }@media only screen and (max-width:478px) { #mnwall_iso_container_4 .mnwitem3 { height: 240px; } } #mnwall_container_5 a.mnwall_arrow, #mnwall_container_5 a.mnwall-reset-btn { background-color: #a6d1eb; border-color: #a6d1eb; border-radius: 3px; color: #ffffff; } #mnwall_container_5 a.mnwall_arrow.disabled { background-color: #a6d1eb !important; border-color: #a6d1eb !important; border-radius: 3px !important; color: #ffffff !important; } #mnwall_container_5 a.mnwall_arrow.mnwall-loading { border-color: #a6d1eb; } @media only screen and (min-width:1139px) { #mnwall_iso_container_5 .mnwall-big { height: 480px; } #mnwall_iso_container_5 .mnwall-horizontal { height: 240px; } #mnwall_iso_container_5 .mnwall-vertical { height: 480px; } #mnwall_iso_container_5 .mnwall-small { height: 240px; } .mnwall-columns #mnwall_iso_container_5 .mnwall-photo-link { height: 240px !important; } } @media only screen and (min-width:939px) and (max-width:1138px) { #mnwall_iso_container_5 .mnwall-big { height: 480px; } #mnwall_iso_container_5 .mnwall-horizontal { height: 240px; } #mnwall_iso_container_5 .mnwall-vertical { height: 480px; } #mnwall_iso_container_5 .mnwall-small { height: 240px; } #mnwall_iso_container_5 .mnwall-big .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_5 .mnwall-big .mnwall-item-inner .mnwall-title span { font-size: 24px; line-height: 28px; } #mnwall_iso_container_5 .mnwall-horizontal .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_5 .mnwall-horizontal .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_5 .mnwall-vertical .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_5 .mnwall-vertical .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_5 .mnwall-small .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_5 .mnwall-small .mnwall-item-inner .mnwall-title span { font-size: 18px; line-height: 20px; } } @media only screen and (min-width:719px) and (max-width:938px) { #mnwall_iso_container_5 .mnwall-big { height: 480px; } #mnwall_iso_container_5 .mnwall-horizontal { height: 240px; } #mnwall_iso_container_5 .mnwall-vertical { height: 480px; } #mnwall_iso_container_5 .mnwall-small { height: 240px; } #mnwall_iso_container_5 .mnwall-big .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_5 .mnwall-big .mnwall-item-inner .mnwall-title span { font-size: 22px; line-height: 26px; } #mnwall_iso_container_5 .mnwall-horizontal .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_5 .mnwall-horizontal .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_5 .mnwall-vertical .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_5 .mnwall-vertical .mnwall-item-inner .mnwall-title span, #mnwall_iso_container_5 .mnwall-small .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_5 .mnwall-small .mnwall-item-inner .mnwall-title span { font-size: 17px; line-height: 20px; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_5 .mnwall-item { height: auto !important; } #mnwall_iso_container_5 .mnwall-item-inner { position: static; width: 100% !important; } .mnwall-masonry #mnwall_iso_container_5 .mnwall-item-outer-cont .mnwall-photo-link { z-index: 1; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 240px !important; } .mnwall-columns #mnwall_iso_container_5 .mnwall-photo-link { height: 240px !important; } #mnwall_iso_container_5 .mnwall-item { width: 100.00% !important; } #mnwall_iso_container_5 .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_5 .mnwall-item-inner .mnwall-title span { font-size: 18px; line-height: 24px; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_5 .mnwall-detail-box { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-title { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-desc { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-date { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-item-category { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-item-location { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-item-author { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-price { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-hits { display: none !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-count { display: block !important; } } @media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-readmore { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_5 .mnwall-item { height: auto !important; } #mnwall_iso_container_5 .mnwall-item-inner { position: static; width: 100% !important; } .mnwall-masonry #mnwall_iso_container_5 .mnwall-item-outer-cont .mnwall-photo-link { z-index: 1; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 240px !important; } .mnwall-columns #mnwall_iso_container_5 .mnwall-photo-link { height: 240px !important; } #mnwall_iso_container_5 .mnwall-item { width: 100.00% !important; } #mnwall_iso_container_5 .mnwall-item-inner .mnwall-title a, #mnwall_iso_container_5 .mnwall-item-inner .mnwall-title span { font-size: 18px; line-height: 24px; } } @media only screen and (max-width:478px) { #mnwall_iso_container_5 .mnwall-detail-box { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-title { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-desc { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-date { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-item-category { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-item-location { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-item-author { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-price { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-hits { display: none !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-count { display: block !important; } } @media only screen and (max-width:478px) { #mnwall_iso_container_5 .mnwall-detail-box .mnwall-readmore { display: none !important; } } #mnwall_iso_container_5 .mnwitem1 { width: 50%; } @media only screen and (min-width:1139px) { #mnwall_iso_container_5 .mnwitem1 { height: 240px; } }@media only screen and (min-width:939px) and (max-width:1138px) { #mnwall_iso_container_5 .mnwitem1 { height: 240px; } }@media only screen and (min-width:719px) and (max-width:938px) { #mnwall_iso_container_5 .mnwitem1 { height: 240px; } }@media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_5 .mnwitem1 { height: 240px; } }@media only screen and (max-width:478px) { #mnwall_iso_container_5 .mnwitem1 { height: 240px; } } #mnwall_iso_container_5 .mnwitem2 { width: 50%; } @media only screen and (min-width:1139px) { #mnwall_iso_container_5 .mnwitem2 { height: 240px; } }@media only screen and (min-width:939px) and (max-width:1138px) { #mnwall_iso_container_5 .mnwitem2 { height: 240px; } }@media only screen and (min-width:719px) and (max-width:938px) { #mnwall_iso_container_5 .mnwitem2 { height: 240px; } }@media only screen and (min-width:479px) and (max-width:718px) { #mnwall_iso_container_5 .mnwitem2 { height: 240px; } }@media only screen and (max-width:478px) { #mnwall_iso_container_5 .mnwitem2 { height: 240px; } } body{font-family: 'Montserrat', sans-serif;font-size: 16px;font-style: normal;} h1{font-family: 'Montserrat', sans-serif;font-size: 43px;font-weight: 300;} h2{font-family: 'Montserrat', sans-serif;font-size: 40px;font-weight: 300;} h3{font-family: 'Montserrat', sans-serif;font-size: 35px;font-weight: 300;} h4{font-family: 'Montserrat', sans-serif;font-size: 18px;font-weight: 300;} h5{font-family: 'Montserrat', sans-serif;font-size: 14px;font-weight: 300;} h6{font-family: 'Shadows Into Light', sans-serif;font-size: 18px;font-weight: 400;} .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{font-family: 'Lato', sans-serif;font-size: 16px;font-weight: 400;} .logo-image {height:60px;} #sp-page-title{ background-image:url("/images/elements/breadcrumbs.png");background-repeat:no-repeat;background-size:inherit;background-attachment:scroll;background-position:50% 0;margin:10px 10px 0 10px; } #sp-main-body{ padding:20px 30px 20px 30px; } .dj-hideitem { display: none !important; } .noscript div#off-menu_352 dl.level1 dl{ position: static; } .noscript div#off-menu_352 dl.level1 dd.parent{ height: auto !important; display: block; visibility: visible; } #dj-megamenu343, #dj-megamenu343sticky { background: rgba(255, 255, 255, 1); } #dj-megamenu343 li a.dj-up_a { border-right-color: rgba( 204, 204, 204, 1); border-left-color: rgba( 255, 255, 255, 1); } #dj-megamenu343.verticalMenu li a.dj-up_a { border-bottom-color: rgba( 255, 255, 255, 1); border-top-color: rgba( 204, 204, 204, 1); } #dj-megamenu343 li a.dj-up_a { color: rgba(102, 102, 102, 1); } #dj-megamenu343 li a.dj-up_a small.subtitle { color: rgba(102, 102, 102, 1); } #dj-megamenu343 li:hover a.dj-up_a, #dj-megamenu343 li.hover a.dj-up_a, #dj-megamenu343 li.active a.dj-up_a { background: rgba(166, 209, 235, 1); border-right-color: rgba( 132, 167, 188, 1); border-left-color: rgba( 199, 250, 255, 1); } #dj-megamenu343 li:hover a.dj-up_a, #dj-megamenu343 li.hover a.dj-up_a, #dj-megamenu343 li.active a.dj-up_a { color: rgba(255, 255, 255, 1); } #dj-megamenu343 li:hover a.dj-up_a small.subtitle, #dj-megamenu343 li.hover a.dj-up_a small.subtitle, #dj-megamenu343 li.active a.dj-up_a small.subtitle { color: rgba(166, 209, 235, 1); } #dj-megamenu343 li:hover div.dj-subwrap, #dj-megamenu343 li.hover div.dj-subwrap { background: rgba(250, 250, 250, 1); } #dj-megamenu343 li:hover div.dj-subwrap li:hover > div.dj-subwrap, #dj-megamenu343 li.hover div.dj-subwrap li.hover > div.dj-subwrap { background: rgba(250, 250, 250, 1); } #dj-megamenu343 li ul.dj-submenu > li { border-top-color: rgba( 255, 255, 255, 1); } #dj-megamenu343 .djsubrow_separator { border-bottom-color: rgba( 255, 255, 255, 1); } #dj-megamenu343 li ul.dj-submenu > li > a { color: rgba(102, 102, 102, 1); } #dj-megamenu343 li ul.dj-subtree > li > a { color: rgba(102, 102, 102, 1); } #dj-megamenu343 li ul.dj-submenu > li > a small.subtitle { color: rgba(102, 102, 102, 1); } #dj-megamenu343 li ul.dj-subtree > li { color: rgba(102, 102, 102, 1); } #dj-megamenu343 li ul.dj-subtree > li > a small.subtitle { color: rgba(102, 102, 102, 1); } #dj-megamenu343 li ul.dj-submenu > li > a:hover, #dj-megamenu343 li ul.dj-submenu > li > a.active, #dj-megamenu343 li ul.dj-submenu > li.hover:not(.subtree) > a { background: rgba(166, 209, 235, 1); } #dj-megamenu343 li ul.dj-submenu > li > a:hover, #dj-megamenu343 li ul.dj-submenu > li > a.active, #dj-megamenu343 li ul.dj-submenu > li.hover:not(.subtree) > a { color: rgba(255, 255, 255, 1); } #dj-megamenu343 li ul.dj-subtree > li > a:hover { color: rgba(255, 255, 255, 1); } #dj-megamenu343 li ul.dj-submenu > li > a:hover small.subtitle, #dj-megamenu343 li ul.dj-submenu > li > a.active small.subtitle, #dj-megamenu343 li ul.dj-submenu > li.hover:not(.subtree) > a small.subtitle { color: rgba(255, 255, 255, 1); } #dj-megamenu343 li ul.dj-subtree > li > a:hover small.subtitle { color: rgba(255, 255, 255, 1); } #dj-megamenu343 .modules-wrap { color: rgba(0, 0, 0, 1); } div.cc-window.cc-floating{max-width:24em}@media(max-width: 639px){div.cc-window.cc-floating:not(.cc-center){max-width: none}} div.cc-window, span.cc-cookie-settings-toggler{font-size:16px} div.cc-revoke{font-size:16px} div.cc-settings-label,span.cc-cookie-settings-toggle{font-size:14px} div.cc-window.cc-banner{padding:1em 1.8em} div.cc-window.cc-floating{padding:2em 1.8em} input.cc-cookie-checkbox+span:before, input.cc-cookie-checkbox+span:after{border-radius:1px} </style> <script type="application/json" class="joomla-script-options new">{"csrf.token":"5f6da6bfd31b6235dc534f6fb72d2ab2","system.paths":{"root":"","base":""}}</script> <script src="/plugins/system/offlajnparams/compat/greensock.js" type="text/javascript"></script> <script src="/media/jui/js/jquery.min.js?86a62d645251829a6596c291acc5033c" type="text/javascript"></script> <script src="/media/jui/js/jquery-noconflict.js?86a62d645251829a6596c291acc5033c" type="text/javascript"></script> <script src="/media/jui/js/jquery-migrate.min.js?86a62d645251829a6596c291acc5033c" type="text/javascript"></script> <script src="/media/k2/assets/js/k2.frontend.js?v=2.10.3&b=20200429&sitepath=/" type="text/javascript"></script> <script src="/components/com_sppagebuilder/assets/js/jquery.parallax.js?0808dd08ad62f5774e5f045e2ce6d08b" type="text/javascript"></script> <script src="/components/com_sppagebuilder/assets/js/sppagebuilder.js?0808dd08ad62f5774e5f045e2ce6d08b" defer="defer" type="text/javascript"></script> <script src="/components/com_sppagebuilder/assets/js/jquery.bxslider.min.js" type="text/javascript"></script> <script src="/components/com_sppagebuilder/assets/js/jquery.magnific-popup.min.js" type="text/javascript"></script> <script src="/templates/urbanus2/js/popper.min.js" type="text/javascript"></script> <script src="/templates/urbanus2/js/bootstrap.min.js" type="text/javascript"></script> <script src="/templates/urbanus2/js/main.js" type="text/javascript"></script> <script src="/templates/urbanus2/js/uikit.min.js" type="text/javascript"></script> <script src="/modules/mod_vertical_menu/js/perfect-scrollbar.js?_=1733150986" type="text/javascript"></script> <script src="/modules/mod_vertical_menu/js/mod_vertical_menu.js?_=1733150986" type="text/javascript"></script> <script src="/media/system/js/core.js?86a62d645251829a6596c291acc5033c" type="text/javascript"></script> <script src="/plugins/system/gdpr/assets/js/cookieconsent.min.js" type="text/javascript" defer="defer"></script> <script src="/plugins/system/gdpr/assets/js/init.js" type="text/javascript" defer="defer"></script> <script type="text/javascript"> ;(function ($) { $.ajaxSetup({ headers: { 'X-CSRF-Token': Joomla.getOptions('csrf.token') } }); })(jQuery); jQuery(document).on("ready", function(){ "use strict"; jQuery("#sppb-addon-1635533605921 .sppb-articles-ticker-content").bxSlider({ minSlides: 1, maxSlides: 1, mode: "vertical", speed: 500, pager: false, prevText: "<i aria-hidden='true' class='fa fa-angle-left'></i>", nextText: "<i aria-hidden='true' class='fa fa-angle-right'></i>", nextSelector: "#sppb-addon-1635533605921 .sppb-articles-ticker-right-control", prevSelector: "#sppb-addon-1635533605921 .sppb-articles-ticker-left-control", auto: true, adaptiveHeight:true, autoHover: true, touchEnabled:false, autoStart:true, }); }); template="urbanus2"; var gdprConfigurationOptions = { complianceType: 'opt-in', cookieConsentLifetime: 365, cookieConsentSamesitePolicy: '', cookieConsentSecure: 0, disableFirstReload: 0, blockJoomlaSessionCookie: 1, blockExternalCookiesDomains: 0, externalAdvancedBlockingModeCustomAttribute: '', allowedCookies: '', blockCookieDefine: 1, autoAcceptOnNextPage: 0, revokable: 0, lawByCountry: 0, checkboxLawByCountry: 0, cacheGeolocationCountry: 1, countryAcceptReloadTimeout: 1000, usaCCPARegions: null, dismissOnScroll: 0, dismissOnTimeout: 0, containerSelector: 'body', hideOnMobileDevices: 0, autoFloatingOnMobile: 0, autoFloatingOnMobileThreshold: 1024, autoRedirectOnDecline: 0, autoRedirectOnDeclineLink: '', showReloadMsg: 0, showReloadMsgText: 'Applying preferences and reloading the page...', defaultClosedToolbar: 0, toolbarLayout: 'basic', toolbarTheme: 'block', toolbarButtonsTheme: 'decline_first', revocableToolbarTheme: 'basic', toolbarPosition: 'bottom', toolbarCenterTheme: 'compact', revokePosition: 'revoke-top', toolbarPositionmentType: 1, popupEffect: 'fade', popupBackground: '#000000', popupText: '#ffffff', popupLink: '#ffffff', buttonBackground: '#ffffff', buttonBorder: '#ffffff', buttonText: '#000000', highlightOpacity: '100', highlightBackground: '#333333', highlightBorder: '#ffffff', highlightText: '#ffffff', highlightDismissBackground: '#333333', highlightDismissBorder: '#ffffff', highlightDismissText: '#ffffff', hideRevokableButton: 0, hideRevokableButtonOnscroll: 0, customRevokableButton: 0, customRevokableButtonAction: 0, headerText: 'Cookies used on the website!', messageText: 'Ova web stranica koristi kolačiće kako bi se osiguralo da najbolje iskoriste našu web stranicu.', denyMessageEnabled: 0, denyMessage: 'You have declined cookies, to ensure the best experience on this website please consent the cookie usage.', placeholderBlockedResources: 0, placeholderBlockedResourcesAction: '', placeholderBlockedResourcesText: 'You must accept cookies and reload the page to view this content', placeholderIndividualBlockedResourcesText: 'You must accept cookies from {domain} and reload the page to view this content', placeholderIndividualBlockedResourcesAction: 0, dismissText: 'U redu', allowText: 'Slažem se', denyText: 'Decline', cookiePolicyLinkText: '', cookiePolicyLink: 'javascript:void(0)', cookiePolicyRevocableTabText: 'Politika kolačića', privacyPolicyLinkText: 'Pravila o privatnosti', privacyPolicyLink: 'https://www.petlovac.hr/dokumenti-mobile/dokumenti-opcenito/politika-zastite-privatnosti', categoriesCheckboxTemplate: 'cc-checkboxes-light', toggleCookieSettings: 0, toggleCookieSettingsText: '<span class="cc-cookie-settings-toggle">Settings <span class="cc-cookie-settings-toggler">◮</span></span>', toggleCookieSettingsButtonBackground: '#333333', toggleCookieSettingsButtonBorder: '#ffffff', toggleCookieSettingsButtonText: '#ffffff', showLinks: 1, blankLinks: '_blank', autoOpenPrivacyPolicy: 0, openAlwaysDeclined: 1, cookieSettingsLabel: 'Cookie settings:', cookieSettingsDesc: 'Choose which kind of cookies you want to disable by clicking on the checkboxes. Click on a category name for more informations about used cookies.', cookieCategory1Enable: 0, cookieCategory1Name: 'Necessary', cookieCategory1Locked: 0, cookieCategory2Enable: 0, cookieCategory2Name: 'Preferences', cookieCategory2Locked: 0, cookieCategory3Enable: 0, cookieCategory3Name: 'Statistics', cookieCategory3Locked: 0, cookieCategory4Enable: 0, cookieCategory4Name: 'Marketing', cookieCategory4Locked: 0, cookieCategoriesDescriptions: {}, alwaysReloadAfterCategoriesChange: 0, preserveLockedCategories: 0, reloadOnfirstDeclineall: 0, trackExistingCheckboxSelectors: '', trackExistingCheckboxConsentLogsFormfields: 'name,email,subject,message', allowallShowbutton: 0, allowallText: 'Allow all cookies', allowallButtonBackground: '#ffffff', allowallButtonBorder: '#ffffff', allowallButtonText: '#000000', includeAcceptButton: 0, optoutIndividualResources: 0, allowallIndividualResources: 1, externalAdvancedBlockingModeTags: 'iframe,script,img,source,link', debugMode: 0 }; var gdpr_ajax_livesite='https://www.petlovac.hr/'; var gdpr_enable_log_cookie_consent=1; </script> <meta property="og:title" content="Općina Petlovac" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.petlovac.hr/index.php" /> <meta property="og:site_name" content="Općina Petlovac" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="Općina Petlovac" /> <script src="/components/com_minitekwall/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script> <script src="/components/com_minitekwall/assets/js/isotope.pkgd.min.js" type="text/javascript"></script> <script src="/components/com_minitekwall/assets/js/packery-mode.pkgd.min.js" type="text/javascript"></script> <script src="/components/com_minitekwall/assets/js/spin.min.js" type="text/javascript"></script> <script type="text/javascript"> ;(function($) { $(function() { // Global variables var site_path = 'https://www.petlovac.hr/'; var pageLimit = '3'; var lastPage = '33'; var endPage = parseInt(lastPage) + 2; var pagination = '2'; var filtersEnabled = 'false'; var filtersMode = 'dynamic'; var filtersActive = 'yes'; var closeFilters = 0; var scrollToTop = 0; var _container = $('#mnwall_container_1'); var gridType = parseInt('3a', 10); var grid_type = 'masonry'; var layoutMode = 'packery'; var hoverBox = '0'; var db_position_columns = 'below'; var equalHeight = '0'; var sortBy = _container.attr('data-order'); var sortDirection = _container.attr('data-direction'); sortDirection = (sortDirection == null) ? '' : sortDirection = sortDirection.toLowerCase(); var sortAscending = sortDirection == 'asc' ? true : false; var source_id = 'k2'; if (sortBy == 'RAND()' || sortBy == 'rand' || sortBy == 'random' || source_id == 'rss') { sortBy = ['index']; sortAscending = true; } else { sortBy = [sortBy, 'id', 'title']; } // Create spinner var loader_opts = { lines: 9, length: 4, width: 3, radius: 3, corners: 1, rotate: 0, direction: 1, color: '#000', speed: 1, trail: 52, shadow: false, hwaccel: false, className: 'spinner', zIndex: 2e9, top: '50%', left: '50%' }; $('#mnwall_loader_1').append(new Spinner(loader_opts).spin().el).show(); var transitionDuration = 400; var transitionStagger = 0; // Initialize wall var _wall = $('#mnwall_iso_container_1').imagesLoaded(function() { // Instantiate isotope _wall.isotope({ // General itemSelector: '.mnwall-item', layoutMode: layoutMode, // Vertical list vertical: { horizontalAlignment: 0 }, initLayout: false, stagger: transitionStagger, transitionDuration: transitionDuration, hiddenStyle: { opacity: 0, }, visibleStyle: { opacity: 1, } }); }); // Initiate layout $('.mnwall_container').show(); _wall.isotope({ getSortData: { ordering: '[data-ordering] parseInt', fordering: '[data-fordering] parseInt', hits: '[data-hits] parseInt', title: '[data-title]', id: '[data-id] parseInt', index: '[data-index] parseInt', alias: '[data-alias]', date: '[data-date]', modified: '[data-modified]', start: '[data-start]', finish: '[data-finish]', category: '[data-category]', author: '[data-author]', rating: '[data-rating] parseFloat', comments: '[data-comments] parseInt', sales: '[data-sales] parseInt', points: '[data-points] parseInt', friends: '[data-friends] parseInt', members: '[data-members] parseInt', confirmed: '[data-confirmed] parseInt', tickets: '[data-tickets] parseInt' }, sortBy: sortBy, sortAscending: sortAscending }); if (pagination == '4') { if (_container.find('.mnwall_more_results').visible() && !_container.find('.more-results').hasClass('mnwall-loading')) { infiniteWall(); } } _wall.one('arrangeComplete', function() { fixEqualHeights('all'); _container.css('opacity', 1); $('#mnwall_loader_1').hide(); }); // Handle resize var _temp; $(window).resize(function() { fixEqualHeights('all'); clearTimeout(_temp); _temp = setTimeout(doneBrowserResizing, 500); }); function doneBrowserResizing() { _wall.isotope(); } function fixEqualHeights(items) { if (gridType == '98' && layoutMode == 'fitRows' && db_position_columns == 'below' && equalHeight > 0) { var max_height = 0; if (items == 'all') { _container.find('.mnwall-item-inner').each(function(index, item) { var _this_item_inner = $(this); _this_item_inner.css('height', 'auto'); if (_this_item_inner.outerHeight() > max_height) { max_height = _this_item_inner.outerHeight(); } }); } else { $(items).each(function(index, item) { var _this_item_inner = $(this).find('.mnwall-item-inner'); _this_item_inner.css('height', 'auto'); if (_this_item_inner.outerHeight() > max_height) { max_height = _this_item_inner.outerHeight(); } }); } _container.find('.mnwall-item-inner').css('height', max_height + 'px'); setTimeout(function(){ _wall.isotope(); }, 1); } } // Filters var filters = {}; $('#mnwall_iso_filters_1').on('click', '.mnwall-filter', function(event) { event.preventDefault(); // Show filter name in dropdown if ($(this).parents('.mnwall_iso_dropdown').length) { var data_filter_attr = $(this).attr('data-filter'); if (typeof data_filter_attr !== typeof undefined && data_filter_attr !== false) { if (data_filter_attr.length) { var filter_text = $(this).text(); } else { var filter_text = $(this).closest('.mnwall_iso_dropdown').find('.dropdown-label span').attr('data-label'); } $(this).closest('.mnwall_iso_dropdown').find('.dropdown-label span span').text(filter_text); } } // Show reset button in pagination _container.find('.mnwall-reset-btn').css('display','inline-block'); var $this = $(this); // get group key var $buttonGroup = $this.parents('.button-group'); var filterGroup = $buttonGroup.attr('data-filter-group'); // set filter for group filters[ filterGroup ] = $this.attr('data-filter'); // combine filters var filterValue = ''; for (var prop in filters) { filterValue += filters[ prop ]; } // set filter for Isotope _wall.isotope({ filter: filterValue }); // Hide reset button in pagination if (filterValue == '') { _container.find('.mnwall-reset-btn').hide(); } }); // Change active class on filter buttons var active_Filters = function active_Filters() { var $activeFilters = _container.find('.button-group').each(function(i, buttonGroup) { var $buttonGroup = $(buttonGroup); $buttonGroup.on('click', 'a', function(event) { event.preventDefault(); $buttonGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $(this).addClass('mnw_filter_active'); }); }); }; active_Filters(); // Dropdown filter list var dropdown_Filters = function dropdown_Filters() { var $dropdownFilters = _container.find('.mnwall_iso_filters .mnwall_iso_dropdown').each(function(i, dropdownGroup) { var $dropdownGroup = $(dropdownGroup); $dropdownGroup.on('click', '.dropdown-label', function(event) { event.preventDefault(); if ($(this).closest('.mnwall_iso_dropdown').hasClass('expanded')) { var filter_open = true; } else { var filter_open = false; } $('.mnwall_iso_dropdown').removeClass('expanded'); if (!filter_open) { $(this).closest('.mnwall_iso_dropdown').addClass('expanded'); } }); }); $(document).mouseup(function (e) { _target = e.target; var $dropdowncontainer = _container.find('.mnwall_iso_dropdown'); var $filtercontainer = _container.find('.button-group'); var $sortingcontainer = _container.find('.sorting-group'); if (closeFilters === 0) { // Close dropdown when click outside if ($filtercontainer.has(e.target).length === 0 && $sortingcontainer.has(e.target).length === 0 && _target.closest('div') && !_target.closest('div').classList.contains('dropdown-label') && $dropdowncontainer.has(e.target).length === 0) { $dropdowncontainer.removeClass('expanded'); } } else { // Close dropdown when click inside if (($filtercontainer.has(e.target).length === 0 && $sortingcontainer.has(e.target).length === 0 && _target.closest('div') && !_target.closest('div').classList.contains('dropdown-label') && $dropdowncontainer.has(e.target).length === 0) || _target.classList.contains('mnwall-filter')) { $dropdowncontainer.removeClass('expanded'); } } }); }; dropdown_Filters(); // Bind sort button click _container.find('.sorting-group-filters').on('click', '.mnwall-filter', function(event) { event.preventDefault(); var sortValue = $(this).attr('data-sort-value'); // Add second ordering: id sortValue = [sortValue, 'id']; // set filter for Isotope _wall.isotope({ sortBy: sortValue }); }); // Change active class on sorting filters _container.find('.sorting-group-filters').each(function(i, sortingGroup) { var $sortingGroup = $(sortingGroup); $sortingGroup.on('click', '.mnwall-filter', function() { $sortingGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $(this).addClass('mnw_filter_active'); }); }); // Bind sorting direction button click _container.find('.sorting-group-direction').on('click', '.mnwall-filter', function(event) { event.preventDefault(); var sortDirection = $(this).attr('data-sort-value'); if (sortDirection == 'asc') { sort_Direction = true; } else { sort_Direction = false; } // set direction _wall.isotope({ sortAscending: sort_Direction }); }); // Change active class on sorting direction _container.find('.sorting-group-direction').each(function(i, sortingDirection) { var $sortingDirection = $(sortingDirection); $sortingDirection.on('click', '.mnwall-filter', function() { $sortingDirection.find('.mnw_filter_active').removeClass('mnw_filter_active'); $(this).addClass('mnw_filter_active'); }); }); // Dropdown sorting list var dropdown_Sortings = function dropdown_Sortings() { var $dropdownSortings = _container.find('.mnwall_iso_sortings .mnwall_iso_dropdown').each(function(i, dropdownSorting) { var $dropdownSorting = $(dropdownSorting); $dropdownSorting.on('click', '.dropdown-label', function(event) { event.preventDefault(); if ($(this).closest('.mnwall_iso_dropdown').hasClass('expanded')) { var sorting_open = true; } else { var sorting_open = false; } $('.mnwall_iso_dropdown').removeClass('expanded'); if (!sorting_open) { $(this).closest('.mnwall_iso_dropdown').addClass('expanded'); } }); }); }; dropdown_Sortings(); // Reset Filters and sortings function reset_filters() { var $resetFilters = _container.find('.button-group').each(function(i, buttonGroup) { var $buttonGroup = $(buttonGroup); $buttonGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $buttonGroup.find('li:first-child a').addClass('mnw_filter_active'); // Reset filters var filterGroup = $buttonGroup.attr('data-filter-group'); filters[ filterGroup ] = ''; // Hide reset button in pagination _container.find('.mnwall-reset-btn').hide(); }); // Reset dropdown filters text _container.find('.mnwall_iso_dropdown').each(function(i, dropdownGroup) { var filter_text = $(dropdownGroup).find('.dropdown-label span').attr('data-label'); $(dropdownGroup).find('.dropdown-label span span').text(filter_text); }); // Get first item in sortBy array var $resetSortings = _container.find('.sorting-group-filters').each(function(i, sortingGroup) { var $sortingGroup = $(sortingGroup); $sortingGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $sortingGroup.find('li a[data-sort-value="'+sortBy[0]+'"]').addClass('mnw_filter_active'); }); var $resetSortingDirection = _container.find('.sorting-group-direction').each(function(i, sortingGroupDirection) { var $sortingGroupDirection = $(sortingGroupDirection); $sortingGroupDirection.find('.mnw_filter_active').removeClass('mnw_filter_active'); $sortingGroupDirection.find('li a[data-sort-value="'+sortDirection+'"]').addClass('mnw_filter_active'); }); // set filter for Isotope _wall.isotope({ filter: '', sortBy: sortBy, sortAscending: sortAscending }); } $('#mnwall_reset_1, #mnwall_container_1 .mnwall-reset-btn').on('click', '', function(event) { event.preventDefault(); reset_filters(); }); // Last page if (_container.find('.more-results.mnw-all').attr('data-page') == endPage) { _container.find('.more-results.mnw-all').addClass('disabled'); _container.find('.more-results.mnw-all span.more-results').hide(); _container.find('.more-results.mnw-all span.no-results').show(); _container.find('.more-results.mnw-all img').hide(); } // Create spinner var opts = { lines: 9, length: 4, width: 3, radius: 3, corners: 1, rotate: 0, direction: 1, color: '#000', speed: 1, trail: 52, shadow: false, hwaccel: false, className: 'spinner', zIndex: 2e9, top: '50%', left: '50%' }; _container.find('.mas_loader').append(new Spinner(opts).spin().el); var _activeButtonCategory; var _activeButtonTag; var _activeButtonLocation; var _activeButtonDate; // Previous arrow pagination _container.find('.mnwall_arrow_prev').on('click', function(event) { event.preventDefault(); var current = $(this); if ($(this).hasClass('disabled') || $(this).hasClass('mnwall-loading') || _container.find('.mnwall_arrow_next').hasClass('mnwall-loading')) { return false; } // Find page var page = $(this).attr('data-page'); page = parseInt(page); var new_page = page - 1; var next_page = page + 1; // Check if there is a pending ajax request if (typeof ajax_request !== 'undefined') { ajax_request.abort(); _container.find('.mnwall_arrow_next').removeClass('mnwall-loading'); _container.find('.more-results').show(); _container.find('.mnwall_arrow_loader').hide(); } // Show loader $(this).addClass('mnwall-loading'); current.find('.more-results').hide(); current.find('.mnwall_arrow_loader').show(); // Ajax request var ajax_request = $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getContent&widget_id=1&page=' + page + '&grid=' + grid_type, success: function(msg) { if (msg.length > 3) { // Decrease page in link id _container.find('.mnwall_arrow_prev').attr('data-page', new_page); _container.find('.mnwall_arrow_next').attr('data-page', next_page); // Reset filters if (filtersEnabled == 'true' && filtersActive == 'no') { reset_filters(); } // Append items var elems = _wall.isotope('getItemElements'); var newItems = $(msg).appendTo(_wall); newItems.css({'visibility':'hidden','left':'-9999px','top':'-9999px'}); imagesLoaded(_wall, function() { _wall.isotope('remove', elems); newItems.css({'visibility':'visible'}); _wall.isotope('insert', newItems); _wall.isotope('updateSortData').isotope(); fixEqualHeights(newItems); // Hover box trigger if (hoverBox == '1') { triggerHoverBox(); } if (filtersEnabled == 'true' && filtersMode == 'dynamic') { // Store active filters if (filtersActive == 'yes') { if (undefined !== _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter')) { _activeButtonCategory = _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter')) { _activeButtonTag = _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter')) { _activeButtonLocation = _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter')) { _activeButtonDate = _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter'); } } // Update filters $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getFilters&widget_id=1&page=' + page + '&pagination=' + pagination, success: function(msg) { if (msg.length > 3) { // Add new filters _container.find('.mnwall_iso_filters').html(msg); // Restore active filters if (filtersActive == 'yes') { _container.find('.button-group-category').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonCategory && _activeButtonCategory.length) { var cat_text = _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').text(); if (cat_text) { _container.find('.mnwall_iso_dropdown').find('.cat-label span span').text(cat_text); } } _container.find('.button-group-tag').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonTag && _activeButtonTag.length) { var tag_text = _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').text(); if (tag_text) { _container.find('.mnwall_iso_dropdown').find('.tag-label span span').text(tag_text); } } _container.find('.button-group-location').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonLocation && _activeButtonLocation.length) { var location_text = _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').text(); if (location_text) { _container.find('.mnwall_iso_dropdown').find('.location-label span span').text(location_text); } } _container.find('.button-group-date').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonDate && _activeButtonDate.length) { var date_text = _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').text(); if (date_text) { _container.find('.mnwall_iso_dropdown').find('.date-label span span').text(date_text); } } } } active_Filters(); dropdown_Filters(); } }); } // Hide loader _container.find('.mnwall_arrow_prev').removeClass('mnwall-loading'); current.find('.more-results').show(); current.find('.mnwall_arrow_loader').hide(); // Enable next button _container.find('.mnwall_arrow_next').removeClass('disabled'); // Disable previous button on 1st page if (new_page <= 0) { if (new_page < 0) { _container.find('.mnwall_arrow_prev').attr('data-page', 0); _container.find('.mnwall_arrow_next').attr('data-page', 2); } // Disable previous button _container.find('.mnwall_arrow_prev').addClass('disabled'); } // Scroll to top if (scrollToTop > 0) { setTimeout(function () { _container[0].scrollIntoView(true); }, transitionDuration); } }); } else { // Disable previous button / Hide loader _container.find('.mnwall_arrow_prev').addClass('disabled'); _container.find('.mnwall_arrow_loader').hide(); } } }); }); // Next arrow pagination _container.find('.mnwall_arrow_next').on('click', function(event) { event.preventDefault(); var current = $(this); if ($(this).hasClass('disabled') || $(this).hasClass('mnwall-loading') || _container.find('.mnwall_arrow_prev').hasClass('mnwall-loading')) { return false; } // Find page var page = $(this).attr('data-page'); page = parseInt(page); var next_page = page + 1; var prev_page = page - 1; var end_page_next = next_page - 1; var end_page_prev = next_page - 3; // Check if there is a pending ajax request if (typeof ajax_request !== 'undefined') { ajax_request.abort(); _container.find('.mnwall_arrow_prev').removeClass('mnwall-loading'); _container.find('.more-results').show(); _container.find('.mnwall_arrow_loader').hide(); } // Show loader $(this).addClass('mnwall-loading'); current.find('.more-results').hide(); current.find('.mnwall_arrow_loader').show(); // Ajax request var ajax_request = $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getContent&widget_id=1&page=' + page + '&grid=' + grid_type, success: function(msg) { if (msg.length > 3) { // Increment page in link id _container.find('.mnwall_arrow_next').attr('data-page', next_page); _container.find('.mnwall_arrow_prev').attr('data-page', prev_page); // Reset filters if (filtersEnabled == 'true' && filtersActive == 'no') { reset_filters(); } // Append items var elems = _wall.isotope('getItemElements'); var newItems = $(msg).appendTo(_wall); newItems.css({'visibility':'hidden','left':'-9999px','top':'-9999px'}); imagesLoaded(_wall, function() { _wall.isotope('remove', elems); newItems.css({'visibility':'visible'}); _wall.isotope('insert', newItems); _wall.isotope('updateSortData').isotope(); fixEqualHeights(newItems); // Hover box trigger if (hoverBox == '1') { triggerHoverBox(); } if (filtersEnabled == 'true' && filtersMode == 'dynamic') { // Store active filters if (filtersActive == 'yes') { if (undefined !== _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter')) { _activeButtonCategory = _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter')) { _activeButtonTag = _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter')) { _activeButtonLocation = _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter')) { _activeButtonDate = _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter'); } } // Update filters $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getFilters&widget_id=1&page=' + page + '&pagination=' + pagination, success: function(msg) { if (msg.length > 3) { // Add new filters _container.find('.mnwall_iso_filters').html(msg); // Restore active filters if (filtersActive == 'yes') { _container.find('.button-group-category').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonCategory && _activeButtonCategory.length) { var cat_text = _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').text(); if (cat_text) { _container.find('.mnwall_iso_dropdown').find('.cat-label span span').text(cat_text); } } _container.find('.button-group-tag').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonTag && _activeButtonTag.length) { var tag_text = _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').text(); if (tag_text) { _container.find('.mnwall_iso_dropdown').find('.tag-label span span').text(tag_text); } } _container.find('.button-group-location').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonLocation && _activeButtonLocation.length) { var location_text = _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').text(); if (location_text) { _container.find('.mnwall_iso_dropdown').find('.location-label span span').text(location_text); } } _container.find('.button-group-date').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonDate && _activeButtonDate.length) { var date_text = _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').text(); if (date_text) { _container.find('.mnwall_iso_dropdown').find('.date-label span span').text(date_text); } } } } active_Filters(); dropdown_Filters(); } }); } // Hide loader _container.find('.mnwall_arrow_next').removeClass('mnwall-loading'); current.find('.more-results').show(); current.find('.mnwall_arrow_loader').hide(); // Enable previous button _container.find('.mnwall_arrow_prev').removeClass('disabled'); // Last page if (_container.find('.mnwall_arrow_next').attr('data-page') == endPage) { _container.find('.mnwall_arrow_next').addClass('disabled'); } // Scroll to top if (scrollToTop > 0) { setTimeout(function () { _container[0].scrollIntoView(true); }, transitionDuration); } }); } else { // Disable next button / Hide loader _container.find('.mnwall_arrow_next').addClass('disabled'); _container.find('.mnwall_arrow_loader').hide(); _container.find('.mnwall_arrow_prev').attr('data-page', end_page_prev); _container.find('.mnwall_arrow_next').attr('data-page', end_page_next); } } }); }); }) })(jQuery); </script> <script type="text/javascript"> ;(function($) { $(function() { // Global variables var site_path = 'https://www.petlovac.hr/'; var pageLimit = '3'; var lastPage = '15'; var endPage = parseInt(lastPage) + 2; var pagination = '2'; var filtersEnabled = 'false'; var filtersMode = 'dynamic'; var filtersActive = 'yes'; var closeFilters = 0; var scrollToTop = 0; var _container = $('#mnwall_container_3'); var gridType = parseInt('999c', 10); var grid_type = 'masonry'; var layoutMode = 'packery'; var hoverBox = '0'; var db_position_columns = 'below'; var equalHeight = '0'; var sortBy = _container.attr('data-order'); var sortDirection = _container.attr('data-direction'); sortDirection = (sortDirection == null) ? '' : sortDirection = sortDirection.toLowerCase(); var sortAscending = sortDirection == 'asc' ? true : false; var source_id = 'k2'; if (sortBy == 'RAND()' || sortBy == 'rand' || sortBy == 'random' || source_id == 'rss') { sortBy = ['index']; sortAscending = true; } else { sortBy = [sortBy, 'id', 'title']; } // Create spinner var loader_opts = { lines: 9, length: 4, width: 3, radius: 3, corners: 1, rotate: 0, direction: 1, color: '#000', speed: 1, trail: 52, shadow: false, hwaccel: false, className: 'spinner', zIndex: 2e9, top: '50%', left: '50%' }; $('#mnwall_loader_3').append(new Spinner(loader_opts).spin().el).show(); var transitionDuration = 400; var transitionStagger = 0; // Initialize wall var _wall = $('#mnwall_iso_container_3').imagesLoaded(function() { // Instantiate isotope _wall.isotope({ // General itemSelector: '.mnwall-item', layoutMode: layoutMode, // Vertical list vertical: { horizontalAlignment: 0 }, initLayout: false, stagger: transitionStagger, transitionDuration: transitionDuration, hiddenStyle: { opacity: 0, }, visibleStyle: { opacity: 1, } }); }); // Initiate layout $('.mnwall_container').show(); _wall.isotope({ getSortData: { ordering: '[data-ordering] parseInt', fordering: '[data-fordering] parseInt', hits: '[data-hits] parseInt', title: '[data-title]', id: '[data-id] parseInt', index: '[data-index] parseInt', alias: '[data-alias]', date: '[data-date]', modified: '[data-modified]', start: '[data-start]', finish: '[data-finish]', category: '[data-category]', author: '[data-author]', rating: '[data-rating] parseFloat', comments: '[data-comments] parseInt', sales: '[data-sales] parseInt', points: '[data-points] parseInt', friends: '[data-friends] parseInt', members: '[data-members] parseInt', confirmed: '[data-confirmed] parseInt', tickets: '[data-tickets] parseInt' }, sortBy: sortBy, sortAscending: sortAscending }); if (pagination == '4') { if (_container.find('.mnwall_more_results').visible() && !_container.find('.more-results').hasClass('mnwall-loading')) { infiniteWall(); } } _wall.one('arrangeComplete', function() { fixEqualHeights('all'); _container.css('opacity', 1); $('#mnwall_loader_3').hide(); }); // Handle resize var _temp; $(window).resize(function() { fixEqualHeights('all'); clearTimeout(_temp); _temp = setTimeout(doneBrowserResizing, 500); }); function doneBrowserResizing() { _wall.isotope(); } function fixEqualHeights(items) { if (gridType == '98' && layoutMode == 'fitRows' && db_position_columns == 'below' && equalHeight > 0) { var max_height = 0; if (items == 'all') { _container.find('.mnwall-item-inner').each(function(index, item) { var _this_item_inner = $(this); _this_item_inner.css('height', 'auto'); if (_this_item_inner.outerHeight() > max_height) { max_height = _this_item_inner.outerHeight(); } }); } else { $(items).each(function(index, item) { var _this_item_inner = $(this).find('.mnwall-item-inner'); _this_item_inner.css('height', 'auto'); if (_this_item_inner.outerHeight() > max_height) { max_height = _this_item_inner.outerHeight(); } }); } _container.find('.mnwall-item-inner').css('height', max_height + 'px'); setTimeout(function(){ _wall.isotope(); }, 1); } } // Filters var filters = {}; $('#mnwall_iso_filters_3').on('click', '.mnwall-filter', function(event) { event.preventDefault(); // Show filter name in dropdown if ($(this).parents('.mnwall_iso_dropdown').length) { var data_filter_attr = $(this).attr('data-filter'); if (typeof data_filter_attr !== typeof undefined && data_filter_attr !== false) { if (data_filter_attr.length) { var filter_text = $(this).text(); } else { var filter_text = $(this).closest('.mnwall_iso_dropdown').find('.dropdown-label span').attr('data-label'); } $(this).closest('.mnwall_iso_dropdown').find('.dropdown-label span span').text(filter_text); } } // Show reset button in pagination _container.find('.mnwall-reset-btn').css('display','inline-block'); var $this = $(this); // get group key var $buttonGroup = $this.parents('.button-group'); var filterGroup = $buttonGroup.attr('data-filter-group'); // set filter for group filters[ filterGroup ] = $this.attr('data-filter'); // combine filters var filterValue = ''; for (var prop in filters) { filterValue += filters[ prop ]; } // set filter for Isotope _wall.isotope({ filter: filterValue }); // Hide reset button in pagination if (filterValue == '') { _container.find('.mnwall-reset-btn').hide(); } }); // Change active class on filter buttons var active_Filters = function active_Filters() { var $activeFilters = _container.find('.button-group').each(function(i, buttonGroup) { var $buttonGroup = $(buttonGroup); $buttonGroup.on('click', 'a', function(event) { event.preventDefault(); $buttonGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $(this).addClass('mnw_filter_active'); }); }); }; active_Filters(); // Dropdown filter list var dropdown_Filters = function dropdown_Filters() { var $dropdownFilters = _container.find('.mnwall_iso_filters .mnwall_iso_dropdown').each(function(i, dropdownGroup) { var $dropdownGroup = $(dropdownGroup); $dropdownGroup.on('click', '.dropdown-label', function(event) { event.preventDefault(); if ($(this).closest('.mnwall_iso_dropdown').hasClass('expanded')) { var filter_open = true; } else { var filter_open = false; } $('.mnwall_iso_dropdown').removeClass('expanded'); if (!filter_open) { $(this).closest('.mnwall_iso_dropdown').addClass('expanded'); } }); }); $(document).mouseup(function (e) { _target = e.target; var $dropdowncontainer = _container.find('.mnwall_iso_dropdown'); var $filtercontainer = _container.find('.button-group'); var $sortingcontainer = _container.find('.sorting-group'); if (closeFilters === 0) { // Close dropdown when click outside if ($filtercontainer.has(e.target).length === 0 && $sortingcontainer.has(e.target).length === 0 && _target.closest('div') && !_target.closest('div').classList.contains('dropdown-label') && $dropdowncontainer.has(e.target).length === 0) { $dropdowncontainer.removeClass('expanded'); } } else { // Close dropdown when click inside if (($filtercontainer.has(e.target).length === 0 && $sortingcontainer.has(e.target).length === 0 && _target.closest('div') && !_target.closest('div').classList.contains('dropdown-label') && $dropdowncontainer.has(e.target).length === 0) || _target.classList.contains('mnwall-filter')) { $dropdowncontainer.removeClass('expanded'); } } }); }; dropdown_Filters(); // Bind sort button click _container.find('.sorting-group-filters').on('click', '.mnwall-filter', function(event) { event.preventDefault(); var sortValue = $(this).attr('data-sort-value'); // Add second ordering: id sortValue = [sortValue, 'id']; // set filter for Isotope _wall.isotope({ sortBy: sortValue }); }); // Change active class on sorting filters _container.find('.sorting-group-filters').each(function(i, sortingGroup) { var $sortingGroup = $(sortingGroup); $sortingGroup.on('click', '.mnwall-filter', function() { $sortingGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $(this).addClass('mnw_filter_active'); }); }); // Bind sorting direction button click _container.find('.sorting-group-direction').on('click', '.mnwall-filter', function(event) { event.preventDefault(); var sortDirection = $(this).attr('data-sort-value'); if (sortDirection == 'asc') { sort_Direction = true; } else { sort_Direction = false; } // set direction _wall.isotope({ sortAscending: sort_Direction }); }); // Change active class on sorting direction _container.find('.sorting-group-direction').each(function(i, sortingDirection) { var $sortingDirection = $(sortingDirection); $sortingDirection.on('click', '.mnwall-filter', function() { $sortingDirection.find('.mnw_filter_active').removeClass('mnw_filter_active'); $(this).addClass('mnw_filter_active'); }); }); // Dropdown sorting list var dropdown_Sortings = function dropdown_Sortings() { var $dropdownSortings = _container.find('.mnwall_iso_sortings .mnwall_iso_dropdown').each(function(i, dropdownSorting) { var $dropdownSorting = $(dropdownSorting); $dropdownSorting.on('click', '.dropdown-label', function(event) { event.preventDefault(); if ($(this).closest('.mnwall_iso_dropdown').hasClass('expanded')) { var sorting_open = true; } else { var sorting_open = false; } $('.mnwall_iso_dropdown').removeClass('expanded'); if (!sorting_open) { $(this).closest('.mnwall_iso_dropdown').addClass('expanded'); } }); }); }; dropdown_Sortings(); // Reset Filters and sortings function reset_filters() { var $resetFilters = _container.find('.button-group').each(function(i, buttonGroup) { var $buttonGroup = $(buttonGroup); $buttonGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $buttonGroup.find('li:first-child a').addClass('mnw_filter_active'); // Reset filters var filterGroup = $buttonGroup.attr('data-filter-group'); filters[ filterGroup ] = ''; // Hide reset button in pagination _container.find('.mnwall-reset-btn').hide(); }); // Reset dropdown filters text _container.find('.mnwall_iso_dropdown').each(function(i, dropdownGroup) { var filter_text = $(dropdownGroup).find('.dropdown-label span').attr('data-label'); $(dropdownGroup).find('.dropdown-label span span').text(filter_text); }); // Get first item in sortBy array var $resetSortings = _container.find('.sorting-group-filters').each(function(i, sortingGroup) { var $sortingGroup = $(sortingGroup); $sortingGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $sortingGroup.find('li a[data-sort-value="'+sortBy[0]+'"]').addClass('mnw_filter_active'); }); var $resetSortingDirection = _container.find('.sorting-group-direction').each(function(i, sortingGroupDirection) { var $sortingGroupDirection = $(sortingGroupDirection); $sortingGroupDirection.find('.mnw_filter_active').removeClass('mnw_filter_active'); $sortingGroupDirection.find('li a[data-sort-value="'+sortDirection+'"]').addClass('mnw_filter_active'); }); // set filter for Isotope _wall.isotope({ filter: '', sortBy: sortBy, sortAscending: sortAscending }); } $('#mnwall_reset_3, #mnwall_container_3 .mnwall-reset-btn').on('click', '', function(event) { event.preventDefault(); reset_filters(); }); // Last page if (_container.find('.more-results.mnw-all').attr('data-page') == endPage) { _container.find('.more-results.mnw-all').addClass('disabled'); _container.find('.more-results.mnw-all span.more-results').hide(); _container.find('.more-results.mnw-all span.no-results').show(); _container.find('.more-results.mnw-all img').hide(); } // Create spinner var opts = { lines: 9, length: 4, width: 3, radius: 3, corners: 1, rotate: 0, direction: 1, color: '#000', speed: 1, trail: 52, shadow: false, hwaccel: false, className: 'spinner', zIndex: 2e9, top: '50%', left: '50%' }; _container.find('.mas_loader').append(new Spinner(opts).spin().el); var _activeButtonCategory; var _activeButtonTag; var _activeButtonLocation; var _activeButtonDate; // Previous arrow pagination _container.find('.mnwall_arrow_prev').on('click', function(event) { event.preventDefault(); var current = $(this); if ($(this).hasClass('disabled') || $(this).hasClass('mnwall-loading') || _container.find('.mnwall_arrow_next').hasClass('mnwall-loading')) { return false; } // Find page var page = $(this).attr('data-page'); page = parseInt(page); var new_page = page - 1; var next_page = page + 1; // Check if there is a pending ajax request if (typeof ajax_request !== 'undefined') { ajax_request.abort(); _container.find('.mnwall_arrow_next').removeClass('mnwall-loading'); _container.find('.more-results').show(); _container.find('.mnwall_arrow_loader').hide(); } // Show loader $(this).addClass('mnwall-loading'); current.find('.more-results').hide(); current.find('.mnwall_arrow_loader').show(); // Ajax request var ajax_request = $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getContent&widget_id=3&page=' + page + '&grid=' + grid_type, success: function(msg) { if (msg.length > 3) { // Decrease page in link id _container.find('.mnwall_arrow_prev').attr('data-page', new_page); _container.find('.mnwall_arrow_next').attr('data-page', next_page); // Reset filters if (filtersEnabled == 'true' && filtersActive == 'no') { reset_filters(); } // Append items var elems = _wall.isotope('getItemElements'); var newItems = $(msg).appendTo(_wall); newItems.css({'visibility':'hidden','left':'-9999px','top':'-9999px'}); imagesLoaded(_wall, function() { _wall.isotope('remove', elems); newItems.css({'visibility':'visible'}); _wall.isotope('insert', newItems); _wall.isotope('updateSortData').isotope(); fixEqualHeights(newItems); // Hover box trigger if (hoverBox == '1') { triggerHoverBox(); } if (filtersEnabled == 'true' && filtersMode == 'dynamic') { // Store active filters if (filtersActive == 'yes') { if (undefined !== _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter')) { _activeButtonCategory = _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter')) { _activeButtonTag = _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter')) { _activeButtonLocation = _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter')) { _activeButtonDate = _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter'); } } // Update filters $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getFilters&widget_id=3&page=' + page + '&pagination=' + pagination, success: function(msg) { if (msg.length > 3) { // Add new filters _container.find('.mnwall_iso_filters').html(msg); // Restore active filters if (filtersActive == 'yes') { _container.find('.button-group-category').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonCategory && _activeButtonCategory.length) { var cat_text = _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').text(); if (cat_text) { _container.find('.mnwall_iso_dropdown').find('.cat-label span span').text(cat_text); } } _container.find('.button-group-tag').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonTag && _activeButtonTag.length) { var tag_text = _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').text(); if (tag_text) { _container.find('.mnwall_iso_dropdown').find('.tag-label span span').text(tag_text); } } _container.find('.button-group-location').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonLocation && _activeButtonLocation.length) { var location_text = _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').text(); if (location_text) { _container.find('.mnwall_iso_dropdown').find('.location-label span span').text(location_text); } } _container.find('.button-group-date').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonDate && _activeButtonDate.length) { var date_text = _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').text(); if (date_text) { _container.find('.mnwall_iso_dropdown').find('.date-label span span').text(date_text); } } } } active_Filters(); dropdown_Filters(); } }); } // Hide loader _container.find('.mnwall_arrow_prev').removeClass('mnwall-loading'); current.find('.more-results').show(); current.find('.mnwall_arrow_loader').hide(); // Enable next button _container.find('.mnwall_arrow_next').removeClass('disabled'); // Disable previous button on 1st page if (new_page <= 0) { if (new_page < 0) { _container.find('.mnwall_arrow_prev').attr('data-page', 0); _container.find('.mnwall_arrow_next').attr('data-page', 2); } // Disable previous button _container.find('.mnwall_arrow_prev').addClass('disabled'); } // Scroll to top if (scrollToTop > 0) { setTimeout(function () { _container[0].scrollIntoView(true); }, transitionDuration); } }); } else { // Disable previous button / Hide loader _container.find('.mnwall_arrow_prev').addClass('disabled'); _container.find('.mnwall_arrow_loader').hide(); } } }); }); // Next arrow pagination _container.find('.mnwall_arrow_next').on('click', function(event) { event.preventDefault(); var current = $(this); if ($(this).hasClass('disabled') || $(this).hasClass('mnwall-loading') || _container.find('.mnwall_arrow_prev').hasClass('mnwall-loading')) { return false; } // Find page var page = $(this).attr('data-page'); page = parseInt(page); var next_page = page + 1; var prev_page = page - 1; var end_page_next = next_page - 1; var end_page_prev = next_page - 3; // Check if there is a pending ajax request if (typeof ajax_request !== 'undefined') { ajax_request.abort(); _container.find('.mnwall_arrow_prev').removeClass('mnwall-loading'); _container.find('.more-results').show(); _container.find('.mnwall_arrow_loader').hide(); } // Show loader $(this).addClass('mnwall-loading'); current.find('.more-results').hide(); current.find('.mnwall_arrow_loader').show(); // Ajax request var ajax_request = $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getContent&widget_id=3&page=' + page + '&grid=' + grid_type, success: function(msg) { if (msg.length > 3) { // Increment page in link id _container.find('.mnwall_arrow_next').attr('data-page', next_page); _container.find('.mnwall_arrow_prev').attr('data-page', prev_page); // Reset filters if (filtersEnabled == 'true' && filtersActive == 'no') { reset_filters(); } // Append items var elems = _wall.isotope('getItemElements'); var newItems = $(msg).appendTo(_wall); newItems.css({'visibility':'hidden','left':'-9999px','top':'-9999px'}); imagesLoaded(_wall, function() { _wall.isotope('remove', elems); newItems.css({'visibility':'visible'}); _wall.isotope('insert', newItems); _wall.isotope('updateSortData').isotope(); fixEqualHeights(newItems); // Hover box trigger if (hoverBox == '1') { triggerHoverBox(); } if (filtersEnabled == 'true' && filtersMode == 'dynamic') { // Store active filters if (filtersActive == 'yes') { if (undefined !== _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter')) { _activeButtonCategory = _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter')) { _activeButtonTag = _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter')) { _activeButtonLocation = _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter')) { _activeButtonDate = _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter'); } } // Update filters $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getFilters&widget_id=3&page=' + page + '&pagination=' + pagination, success: function(msg) { if (msg.length > 3) { // Add new filters _container.find('.mnwall_iso_filters').html(msg); // Restore active filters if (filtersActive == 'yes') { _container.find('.button-group-category').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonCategory && _activeButtonCategory.length) { var cat_text = _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').text(); if (cat_text) { _container.find('.mnwall_iso_dropdown').find('.cat-label span span').text(cat_text); } } _container.find('.button-group-tag').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonTag && _activeButtonTag.length) { var tag_text = _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').text(); if (tag_text) { _container.find('.mnwall_iso_dropdown').find('.tag-label span span').text(tag_text); } } _container.find('.button-group-location').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonLocation && _activeButtonLocation.length) { var location_text = _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').text(); if (location_text) { _container.find('.mnwall_iso_dropdown').find('.location-label span span').text(location_text); } } _container.find('.button-group-date').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonDate && _activeButtonDate.length) { var date_text = _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').text(); if (date_text) { _container.find('.mnwall_iso_dropdown').find('.date-label span span').text(date_text); } } } } active_Filters(); dropdown_Filters(); } }); } // Hide loader _container.find('.mnwall_arrow_next').removeClass('mnwall-loading'); current.find('.more-results').show(); current.find('.mnwall_arrow_loader').hide(); // Enable previous button _container.find('.mnwall_arrow_prev').removeClass('disabled'); // Last page if (_container.find('.mnwall_arrow_next').attr('data-page') == endPage) { _container.find('.mnwall_arrow_next').addClass('disabled'); } // Scroll to top if (scrollToTop > 0) { setTimeout(function () { _container[0].scrollIntoView(true); }, transitionDuration); } }); } else { // Disable next button / Hide loader _container.find('.mnwall_arrow_next').addClass('disabled'); _container.find('.mnwall_arrow_loader').hide(); _container.find('.mnwall_arrow_prev').attr('data-page', end_page_prev); _container.find('.mnwall_arrow_next').attr('data-page', end_page_next); } } }); }); }) })(jQuery); </script> <script type="text/javascript"> ;(function($) { $(function() { // Global variables var site_path = 'https://www.petlovac.hr/'; var pageLimit = '3'; var lastPage = '0'; var endPage = parseInt(lastPage) + 2; var pagination = '2'; var filtersEnabled = 'false'; var filtersMode = 'dynamic'; var filtersActive = 'yes'; var closeFilters = 0; var scrollToTop = 0; var _container = $('#mnwall_container_4'); var gridType = parseInt('999c', 10); var grid_type = 'masonry'; var layoutMode = 'packery'; var hoverBox = '0'; var db_position_columns = 'below'; var equalHeight = '0'; var sortBy = _container.attr('data-order'); var sortDirection = _container.attr('data-direction'); sortDirection = (sortDirection == null) ? '' : sortDirection = sortDirection.toLowerCase(); var sortAscending = sortDirection == 'asc' ? true : false; var source_id = 'k2'; if (sortBy == 'RAND()' || sortBy == 'rand' || sortBy == 'random' || source_id == 'rss') { sortBy = ['index']; sortAscending = true; } else { sortBy = [sortBy, 'id', 'title']; } // Create spinner var loader_opts = { lines: 9, length: 4, width: 3, radius: 3, corners: 1, rotate: 0, direction: 1, color: '#000', speed: 1, trail: 52, shadow: false, hwaccel: false, className: 'spinner', zIndex: 2e9, top: '50%', left: '50%' }; $('#mnwall_loader_4').append(new Spinner(loader_opts).spin().el).show(); var transitionDuration = 400; var transitionStagger = 0; // Initialize wall var _wall = $('#mnwall_iso_container_4').imagesLoaded(function() { // Instantiate isotope _wall.isotope({ // General itemSelector: '.mnwall-item', layoutMode: layoutMode, // Vertical list vertical: { horizontalAlignment: 0 }, initLayout: false, stagger: transitionStagger, transitionDuration: transitionDuration, hiddenStyle: { opacity: 0, }, visibleStyle: { opacity: 1, } }); }); // Initiate layout $('.mnwall_container').show(); _wall.isotope({ getSortData: { ordering: '[data-ordering] parseInt', fordering: '[data-fordering] parseInt', hits: '[data-hits] parseInt', title: '[data-title]', id: '[data-id] parseInt', index: '[data-index] parseInt', alias: '[data-alias]', date: '[data-date]', modified: '[data-modified]', start: '[data-start]', finish: '[data-finish]', category: '[data-category]', author: '[data-author]', rating: '[data-rating] parseFloat', comments: '[data-comments] parseInt', sales: '[data-sales] parseInt', points: '[data-points] parseInt', friends: '[data-friends] parseInt', members: '[data-members] parseInt', confirmed: '[data-confirmed] parseInt', tickets: '[data-tickets] parseInt' }, sortBy: sortBy, sortAscending: sortAscending }); if (pagination == '4') { if (_container.find('.mnwall_more_results').visible() && !_container.find('.more-results').hasClass('mnwall-loading')) { infiniteWall(); } } _wall.one('arrangeComplete', function() { fixEqualHeights('all'); _container.css('opacity', 1); $('#mnwall_loader_4').hide(); }); // Handle resize var _temp; $(window).resize(function() { fixEqualHeights('all'); clearTimeout(_temp); _temp = setTimeout(doneBrowserResizing, 500); }); function doneBrowserResizing() { _wall.isotope(); } function fixEqualHeights(items) { if (gridType == '98' && layoutMode == 'fitRows' && db_position_columns == 'below' && equalHeight > 0) { var max_height = 0; if (items == 'all') { _container.find('.mnwall-item-inner').each(function(index, item) { var _this_item_inner = $(this); _this_item_inner.css('height', 'auto'); if (_this_item_inner.outerHeight() > max_height) { max_height = _this_item_inner.outerHeight(); } }); } else { $(items).each(function(index, item) { var _this_item_inner = $(this).find('.mnwall-item-inner'); _this_item_inner.css('height', 'auto'); if (_this_item_inner.outerHeight() > max_height) { max_height = _this_item_inner.outerHeight(); } }); } _container.find('.mnwall-item-inner').css('height', max_height + 'px'); setTimeout(function(){ _wall.isotope(); }, 1); } } // Filters var filters = {}; $('#mnwall_iso_filters_4').on('click', '.mnwall-filter', function(event) { event.preventDefault(); // Show filter name in dropdown if ($(this).parents('.mnwall_iso_dropdown').length) { var data_filter_attr = $(this).attr('data-filter'); if (typeof data_filter_attr !== typeof undefined && data_filter_attr !== false) { if (data_filter_attr.length) { var filter_text = $(this).text(); } else { var filter_text = $(this).closest('.mnwall_iso_dropdown').find('.dropdown-label span').attr('data-label'); } $(this).closest('.mnwall_iso_dropdown').find('.dropdown-label span span').text(filter_text); } } // Show reset button in pagination _container.find('.mnwall-reset-btn').css('display','inline-block'); var $this = $(this); // get group key var $buttonGroup = $this.parents('.button-group'); var filterGroup = $buttonGroup.attr('data-filter-group'); // set filter for group filters[ filterGroup ] = $this.attr('data-filter'); // combine filters var filterValue = ''; for (var prop in filters) { filterValue += filters[ prop ]; } // set filter for Isotope _wall.isotope({ filter: filterValue }); // Hide reset button in pagination if (filterValue == '') { _container.find('.mnwall-reset-btn').hide(); } }); // Change active class on filter buttons var active_Filters = function active_Filters() { var $activeFilters = _container.find('.button-group').each(function(i, buttonGroup) { var $buttonGroup = $(buttonGroup); $buttonGroup.on('click', 'a', function(event) { event.preventDefault(); $buttonGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $(this).addClass('mnw_filter_active'); }); }); }; active_Filters(); // Dropdown filter list var dropdown_Filters = function dropdown_Filters() { var $dropdownFilters = _container.find('.mnwall_iso_filters .mnwall_iso_dropdown').each(function(i, dropdownGroup) { var $dropdownGroup = $(dropdownGroup); $dropdownGroup.on('click', '.dropdown-label', function(event) { event.preventDefault(); if ($(this).closest('.mnwall_iso_dropdown').hasClass('expanded')) { var filter_open = true; } else { var filter_open = false; } $('.mnwall_iso_dropdown').removeClass('expanded'); if (!filter_open) { $(this).closest('.mnwall_iso_dropdown').addClass('expanded'); } }); }); $(document).mouseup(function (e) { _target = e.target; var $dropdowncontainer = _container.find('.mnwall_iso_dropdown'); var $filtercontainer = _container.find('.button-group'); var $sortingcontainer = _container.find('.sorting-group'); if (closeFilters === 0) { // Close dropdown when click outside if ($filtercontainer.has(e.target).length === 0 && $sortingcontainer.has(e.target).length === 0 && _target.closest('div') && !_target.closest('div').classList.contains('dropdown-label') && $dropdowncontainer.has(e.target).length === 0) { $dropdowncontainer.removeClass('expanded'); } } else { // Close dropdown when click inside if (($filtercontainer.has(e.target).length === 0 && $sortingcontainer.has(e.target).length === 0 && _target.closest('div') && !_target.closest('div').classList.contains('dropdown-label') && $dropdowncontainer.has(e.target).length === 0) || _target.classList.contains('mnwall-filter')) { $dropdowncontainer.removeClass('expanded'); } } }); }; dropdown_Filters(); // Bind sort button click _container.find('.sorting-group-filters').on('click', '.mnwall-filter', function(event) { event.preventDefault(); var sortValue = $(this).attr('data-sort-value'); // Add second ordering: id sortValue = [sortValue, 'id']; // set filter for Isotope _wall.isotope({ sortBy: sortValue }); }); // Change active class on sorting filters _container.find('.sorting-group-filters').each(function(i, sortingGroup) { var $sortingGroup = $(sortingGroup); $sortingGroup.on('click', '.mnwall-filter', function() { $sortingGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $(this).addClass('mnw_filter_active'); }); }); // Bind sorting direction button click _container.find('.sorting-group-direction').on('click', '.mnwall-filter', function(event) { event.preventDefault(); var sortDirection = $(this).attr('data-sort-value'); if (sortDirection == 'asc') { sort_Direction = true; } else { sort_Direction = false; } // set direction _wall.isotope({ sortAscending: sort_Direction }); }); // Change active class on sorting direction _container.find('.sorting-group-direction').each(function(i, sortingDirection) { var $sortingDirection = $(sortingDirection); $sortingDirection.on('click', '.mnwall-filter', function() { $sortingDirection.find('.mnw_filter_active').removeClass('mnw_filter_active'); $(this).addClass('mnw_filter_active'); }); }); // Dropdown sorting list var dropdown_Sortings = function dropdown_Sortings() { var $dropdownSortings = _container.find('.mnwall_iso_sortings .mnwall_iso_dropdown').each(function(i, dropdownSorting) { var $dropdownSorting = $(dropdownSorting); $dropdownSorting.on('click', '.dropdown-label', function(event) { event.preventDefault(); if ($(this).closest('.mnwall_iso_dropdown').hasClass('expanded')) { var sorting_open = true; } else { var sorting_open = false; } $('.mnwall_iso_dropdown').removeClass('expanded'); if (!sorting_open) { $(this).closest('.mnwall_iso_dropdown').addClass('expanded'); } }); }); }; dropdown_Sortings(); // Reset Filters and sortings function reset_filters() { var $resetFilters = _container.find('.button-group').each(function(i, buttonGroup) { var $buttonGroup = $(buttonGroup); $buttonGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $buttonGroup.find('li:first-child a').addClass('mnw_filter_active'); // Reset filters var filterGroup = $buttonGroup.attr('data-filter-group'); filters[ filterGroup ] = ''; // Hide reset button in pagination _container.find('.mnwall-reset-btn').hide(); }); // Reset dropdown filters text _container.find('.mnwall_iso_dropdown').each(function(i, dropdownGroup) { var filter_text = $(dropdownGroup).find('.dropdown-label span').attr('data-label'); $(dropdownGroup).find('.dropdown-label span span').text(filter_text); }); // Get first item in sortBy array var $resetSortings = _container.find('.sorting-group-filters').each(function(i, sortingGroup) { var $sortingGroup = $(sortingGroup); $sortingGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $sortingGroup.find('li a[data-sort-value="'+sortBy[0]+'"]').addClass('mnw_filter_active'); }); var $resetSortingDirection = _container.find('.sorting-group-direction').each(function(i, sortingGroupDirection) { var $sortingGroupDirection = $(sortingGroupDirection); $sortingGroupDirection.find('.mnw_filter_active').removeClass('mnw_filter_active'); $sortingGroupDirection.find('li a[data-sort-value="'+sortDirection+'"]').addClass('mnw_filter_active'); }); // set filter for Isotope _wall.isotope({ filter: '', sortBy: sortBy, sortAscending: sortAscending }); } $('#mnwall_reset_4, #mnwall_container_4 .mnwall-reset-btn').on('click', '', function(event) { event.preventDefault(); reset_filters(); }); // Last page if (_container.find('.more-results.mnw-all').attr('data-page') == endPage) { _container.find('.more-results.mnw-all').addClass('disabled'); _container.find('.more-results.mnw-all span.more-results').hide(); _container.find('.more-results.mnw-all span.no-results').show(); _container.find('.more-results.mnw-all img').hide(); } // Create spinner var opts = { lines: 9, length: 4, width: 3, radius: 3, corners: 1, rotate: 0, direction: 1, color: '#000', speed: 1, trail: 52, shadow: false, hwaccel: false, className: 'spinner', zIndex: 2e9, top: '50%', left: '50%' }; _container.find('.mas_loader').append(new Spinner(opts).spin().el); var _activeButtonCategory; var _activeButtonTag; var _activeButtonLocation; var _activeButtonDate; // Previous arrow pagination _container.find('.mnwall_arrow_prev').on('click', function(event) { event.preventDefault(); var current = $(this); if ($(this).hasClass('disabled') || $(this).hasClass('mnwall-loading') || _container.find('.mnwall_arrow_next').hasClass('mnwall-loading')) { return false; } // Find page var page = $(this).attr('data-page'); page = parseInt(page); var new_page = page - 1; var next_page = page + 1; // Check if there is a pending ajax request if (typeof ajax_request !== 'undefined') { ajax_request.abort(); _container.find('.mnwall_arrow_next').removeClass('mnwall-loading'); _container.find('.more-results').show(); _container.find('.mnwall_arrow_loader').hide(); } // Show loader $(this).addClass('mnwall-loading'); current.find('.more-results').hide(); current.find('.mnwall_arrow_loader').show(); // Ajax request var ajax_request = $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getContent&widget_id=4&page=' + page + '&grid=' + grid_type, success: function(msg) { if (msg.length > 3) { // Decrease page in link id _container.find('.mnwall_arrow_prev').attr('data-page', new_page); _container.find('.mnwall_arrow_next').attr('data-page', next_page); // Reset filters if (filtersEnabled == 'true' && filtersActive == 'no') { reset_filters(); } // Append items var elems = _wall.isotope('getItemElements'); var newItems = $(msg).appendTo(_wall); newItems.css({'visibility':'hidden','left':'-9999px','top':'-9999px'}); imagesLoaded(_wall, function() { _wall.isotope('remove', elems); newItems.css({'visibility':'visible'}); _wall.isotope('insert', newItems); _wall.isotope('updateSortData').isotope(); fixEqualHeights(newItems); // Hover box trigger if (hoverBox == '1') { triggerHoverBox(); } if (filtersEnabled == 'true' && filtersMode == 'dynamic') { // Store active filters if (filtersActive == 'yes') { if (undefined !== _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter')) { _activeButtonCategory = _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter')) { _activeButtonTag = _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter')) { _activeButtonLocation = _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter')) { _activeButtonDate = _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter'); } } // Update filters $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getFilters&widget_id=4&page=' + page + '&pagination=' + pagination, success: function(msg) { if (msg.length > 3) { // Add new filters _container.find('.mnwall_iso_filters').html(msg); // Restore active filters if (filtersActive == 'yes') { _container.find('.button-group-category').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonCategory && _activeButtonCategory.length) { var cat_text = _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').text(); if (cat_text) { _container.find('.mnwall_iso_dropdown').find('.cat-label span span').text(cat_text); } } _container.find('.button-group-tag').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonTag && _activeButtonTag.length) { var tag_text = _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').text(); if (tag_text) { _container.find('.mnwall_iso_dropdown').find('.tag-label span span').text(tag_text); } } _container.find('.button-group-location').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonLocation && _activeButtonLocation.length) { var location_text = _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').text(); if (location_text) { _container.find('.mnwall_iso_dropdown').find('.location-label span span').text(location_text); } } _container.find('.button-group-date').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonDate && _activeButtonDate.length) { var date_text = _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').text(); if (date_text) { _container.find('.mnwall_iso_dropdown').find('.date-label span span').text(date_text); } } } } active_Filters(); dropdown_Filters(); } }); } // Hide loader _container.find('.mnwall_arrow_prev').removeClass('mnwall-loading'); current.find('.more-results').show(); current.find('.mnwall_arrow_loader').hide(); // Enable next button _container.find('.mnwall_arrow_next').removeClass('disabled'); // Disable previous button on 1st page if (new_page <= 0) { if (new_page < 0) { _container.find('.mnwall_arrow_prev').attr('data-page', 0); _container.find('.mnwall_arrow_next').attr('data-page', 2); } // Disable previous button _container.find('.mnwall_arrow_prev').addClass('disabled'); } // Scroll to top if (scrollToTop > 0) { setTimeout(function () { _container[0].scrollIntoView(true); }, transitionDuration); } }); } else { // Disable previous button / Hide loader _container.find('.mnwall_arrow_prev').addClass('disabled'); _container.find('.mnwall_arrow_loader').hide(); } } }); }); // Next arrow pagination _container.find('.mnwall_arrow_next').on('click', function(event) { event.preventDefault(); var current = $(this); if ($(this).hasClass('disabled') || $(this).hasClass('mnwall-loading') || _container.find('.mnwall_arrow_prev').hasClass('mnwall-loading')) { return false; } // Find page var page = $(this).attr('data-page'); page = parseInt(page); var next_page = page + 1; var prev_page = page - 1; var end_page_next = next_page - 1; var end_page_prev = next_page - 3; // Check if there is a pending ajax request if (typeof ajax_request !== 'undefined') { ajax_request.abort(); _container.find('.mnwall_arrow_prev').removeClass('mnwall-loading'); _container.find('.more-results').show(); _container.find('.mnwall_arrow_loader').hide(); } // Show loader $(this).addClass('mnwall-loading'); current.find('.more-results').hide(); current.find('.mnwall_arrow_loader').show(); // Ajax request var ajax_request = $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getContent&widget_id=4&page=' + page + '&grid=' + grid_type, success: function(msg) { if (msg.length > 3) { // Increment page in link id _container.find('.mnwall_arrow_next').attr('data-page', next_page); _container.find('.mnwall_arrow_prev').attr('data-page', prev_page); // Reset filters if (filtersEnabled == 'true' && filtersActive == 'no') { reset_filters(); } // Append items var elems = _wall.isotope('getItemElements'); var newItems = $(msg).appendTo(_wall); newItems.css({'visibility':'hidden','left':'-9999px','top':'-9999px'}); imagesLoaded(_wall, function() { _wall.isotope('remove', elems); newItems.css({'visibility':'visible'}); _wall.isotope('insert', newItems); _wall.isotope('updateSortData').isotope(); fixEqualHeights(newItems); // Hover box trigger if (hoverBox == '1') { triggerHoverBox(); } if (filtersEnabled == 'true' && filtersMode == 'dynamic') { // Store active filters if (filtersActive == 'yes') { if (undefined !== _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter')) { _activeButtonCategory = _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter')) { _activeButtonTag = _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter')) { _activeButtonLocation = _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter')) { _activeButtonDate = _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter'); } } // Update filters $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getFilters&widget_id=4&page=' + page + '&pagination=' + pagination, success: function(msg) { if (msg.length > 3) { // Add new filters _container.find('.mnwall_iso_filters').html(msg); // Restore active filters if (filtersActive == 'yes') { _container.find('.button-group-category').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonCategory && _activeButtonCategory.length) { var cat_text = _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').text(); if (cat_text) { _container.find('.mnwall_iso_dropdown').find('.cat-label span span').text(cat_text); } } _container.find('.button-group-tag').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonTag && _activeButtonTag.length) { var tag_text = _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').text(); if (tag_text) { _container.find('.mnwall_iso_dropdown').find('.tag-label span span').text(tag_text); } } _container.find('.button-group-location').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonLocation && _activeButtonLocation.length) { var location_text = _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').text(); if (location_text) { _container.find('.mnwall_iso_dropdown').find('.location-label span span').text(location_text); } } _container.find('.button-group-date').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonDate && _activeButtonDate.length) { var date_text = _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').text(); if (date_text) { _container.find('.mnwall_iso_dropdown').find('.date-label span span').text(date_text); } } } } active_Filters(); dropdown_Filters(); } }); } // Hide loader _container.find('.mnwall_arrow_next').removeClass('mnwall-loading'); current.find('.more-results').show(); current.find('.mnwall_arrow_loader').hide(); // Enable previous button _container.find('.mnwall_arrow_prev').removeClass('disabled'); // Last page if (_container.find('.mnwall_arrow_next').attr('data-page') == endPage) { _container.find('.mnwall_arrow_next').addClass('disabled'); } // Scroll to top if (scrollToTop > 0) { setTimeout(function () { _container[0].scrollIntoView(true); }, transitionDuration); } }); } else { // Disable next button / Hide loader _container.find('.mnwall_arrow_next').addClass('disabled'); _container.find('.mnwall_arrow_loader').hide(); _container.find('.mnwall_arrow_prev').attr('data-page', end_page_prev); _container.find('.mnwall_arrow_next').attr('data-page', end_page_next); } } }); }); }) })(jQuery); </script> <script type="text/javascript"> ;(function($) { $(function() { // Global variables var site_path = 'https://www.petlovac.hr/'; var pageLimit = '2'; var lastPage = '2'; var endPage = parseInt(lastPage) + 2; var pagination = '2'; var filtersEnabled = 'false'; var filtersMode = 'dynamic'; var filtersActive = 'yes'; var closeFilters = 0; var scrollToTop = 0; var _container = $('#mnwall_container_5'); var gridType = parseInt('999c', 10); var grid_type = 'masonry'; var layoutMode = 'packery'; var hoverBox = '0'; var db_position_columns = 'below'; var equalHeight = '0'; var sortBy = _container.attr('data-order'); var sortDirection = _container.attr('data-direction'); sortDirection = (sortDirection == null) ? '' : sortDirection = sortDirection.toLowerCase(); var sortAscending = sortDirection == 'asc' ? true : false; var source_id = 'k2'; if (sortBy == 'RAND()' || sortBy == 'rand' || sortBy == 'random' || source_id == 'rss') { sortBy = ['index']; sortAscending = true; } else { sortBy = [sortBy, 'id', 'title']; } // Create spinner var loader_opts = { lines: 9, length: 4, width: 3, radius: 3, corners: 1, rotate: 0, direction: 1, color: '#000', speed: 1, trail: 52, shadow: false, hwaccel: false, className: 'spinner', zIndex: 2e9, top: '50%', left: '50%' }; $('#mnwall_loader_5').append(new Spinner(loader_opts).spin().el).show(); var transitionDuration = 400; var transitionStagger = 0; // Initialize wall var _wall = $('#mnwall_iso_container_5').imagesLoaded(function() { // Instantiate isotope _wall.isotope({ // General itemSelector: '.mnwall-item', layoutMode: layoutMode, // Vertical list vertical: { horizontalAlignment: 0 }, initLayout: false, stagger: transitionStagger, transitionDuration: transitionDuration, hiddenStyle: { opacity: 0, }, visibleStyle: { opacity: 1, } }); }); // Initiate layout $('.mnwall_container').show(); _wall.isotope({ getSortData: { ordering: '[data-ordering] parseInt', fordering: '[data-fordering] parseInt', hits: '[data-hits] parseInt', title: '[data-title]', id: '[data-id] parseInt', index: '[data-index] parseInt', alias: '[data-alias]', date: '[data-date]', modified: '[data-modified]', start: '[data-start]', finish: '[data-finish]', category: '[data-category]', author: '[data-author]', rating: '[data-rating] parseFloat', comments: '[data-comments] parseInt', sales: '[data-sales] parseInt', points: '[data-points] parseInt', friends: '[data-friends] parseInt', members: '[data-members] parseInt', confirmed: '[data-confirmed] parseInt', tickets: '[data-tickets] parseInt' }, sortBy: sortBy, sortAscending: sortAscending }); if (pagination == '4') { if (_container.find('.mnwall_more_results').visible() && !_container.find('.more-results').hasClass('mnwall-loading')) { infiniteWall(); } } _wall.one('arrangeComplete', function() { fixEqualHeights('all'); _container.css('opacity', 1); $('#mnwall_loader_5').hide(); }); // Handle resize var _temp; $(window).resize(function() { fixEqualHeights('all'); clearTimeout(_temp); _temp = setTimeout(doneBrowserResizing, 500); }); function doneBrowserResizing() { _wall.isotope(); } function fixEqualHeights(items) { if (gridType == '98' && layoutMode == 'fitRows' && db_position_columns == 'below' && equalHeight > 0) { var max_height = 0; if (items == 'all') { _container.find('.mnwall-item-inner').each(function(index, item) { var _this_item_inner = $(this); _this_item_inner.css('height', 'auto'); if (_this_item_inner.outerHeight() > max_height) { max_height = _this_item_inner.outerHeight(); } }); } else { $(items).each(function(index, item) { var _this_item_inner = $(this).find('.mnwall-item-inner'); _this_item_inner.css('height', 'auto'); if (_this_item_inner.outerHeight() > max_height) { max_height = _this_item_inner.outerHeight(); } }); } _container.find('.mnwall-item-inner').css('height', max_height + 'px'); setTimeout(function(){ _wall.isotope(); }, 1); } } // Filters var filters = {}; $('#mnwall_iso_filters_5').on('click', '.mnwall-filter', function(event) { event.preventDefault(); // Show filter name in dropdown if ($(this).parents('.mnwall_iso_dropdown').length) { var data_filter_attr = $(this).attr('data-filter'); if (typeof data_filter_attr !== typeof undefined && data_filter_attr !== false) { if (data_filter_attr.length) { var filter_text = $(this).text(); } else { var filter_text = $(this).closest('.mnwall_iso_dropdown').find('.dropdown-label span').attr('data-label'); } $(this).closest('.mnwall_iso_dropdown').find('.dropdown-label span span').text(filter_text); } } // Show reset button in pagination _container.find('.mnwall-reset-btn').css('display','inline-block'); var $this = $(this); // get group key var $buttonGroup = $this.parents('.button-group'); var filterGroup = $buttonGroup.attr('data-filter-group'); // set filter for group filters[ filterGroup ] = $this.attr('data-filter'); // combine filters var filterValue = ''; for (var prop in filters) { filterValue += filters[ prop ]; } // set filter for Isotope _wall.isotope({ filter: filterValue }); // Hide reset button in pagination if (filterValue == '') { _container.find('.mnwall-reset-btn').hide(); } }); // Change active class on filter buttons var active_Filters = function active_Filters() { var $activeFilters = _container.find('.button-group').each(function(i, buttonGroup) { var $buttonGroup = $(buttonGroup); $buttonGroup.on('click', 'a', function(event) { event.preventDefault(); $buttonGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $(this).addClass('mnw_filter_active'); }); }); }; active_Filters(); // Dropdown filter list var dropdown_Filters = function dropdown_Filters() { var $dropdownFilters = _container.find('.mnwall_iso_filters .mnwall_iso_dropdown').each(function(i, dropdownGroup) { var $dropdownGroup = $(dropdownGroup); $dropdownGroup.on('click', '.dropdown-label', function(event) { event.preventDefault(); if ($(this).closest('.mnwall_iso_dropdown').hasClass('expanded')) { var filter_open = true; } else { var filter_open = false; } $('.mnwall_iso_dropdown').removeClass('expanded'); if (!filter_open) { $(this).closest('.mnwall_iso_dropdown').addClass('expanded'); } }); }); $(document).mouseup(function (e) { _target = e.target; var $dropdowncontainer = _container.find('.mnwall_iso_dropdown'); var $filtercontainer = _container.find('.button-group'); var $sortingcontainer = _container.find('.sorting-group'); if (closeFilters === 0) { // Close dropdown when click outside if ($filtercontainer.has(e.target).length === 0 && $sortingcontainer.has(e.target).length === 0 && _target.closest('div') && !_target.closest('div').classList.contains('dropdown-label') && $dropdowncontainer.has(e.target).length === 0) { $dropdowncontainer.removeClass('expanded'); } } else { // Close dropdown when click inside if (($filtercontainer.has(e.target).length === 0 && $sortingcontainer.has(e.target).length === 0 && _target.closest('div') && !_target.closest('div').classList.contains('dropdown-label') && $dropdowncontainer.has(e.target).length === 0) || _target.classList.contains('mnwall-filter')) { $dropdowncontainer.removeClass('expanded'); } } }); }; dropdown_Filters(); // Bind sort button click _container.find('.sorting-group-filters').on('click', '.mnwall-filter', function(event) { event.preventDefault(); var sortValue = $(this).attr('data-sort-value'); // Add second ordering: id sortValue = [sortValue, 'id']; // set filter for Isotope _wall.isotope({ sortBy: sortValue }); }); // Change active class on sorting filters _container.find('.sorting-group-filters').each(function(i, sortingGroup) { var $sortingGroup = $(sortingGroup); $sortingGroup.on('click', '.mnwall-filter', function() { $sortingGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $(this).addClass('mnw_filter_active'); }); }); // Bind sorting direction button click _container.find('.sorting-group-direction').on('click', '.mnwall-filter', function(event) { event.preventDefault(); var sortDirection = $(this).attr('data-sort-value'); if (sortDirection == 'asc') { sort_Direction = true; } else { sort_Direction = false; } // set direction _wall.isotope({ sortAscending: sort_Direction }); }); // Change active class on sorting direction _container.find('.sorting-group-direction').each(function(i, sortingDirection) { var $sortingDirection = $(sortingDirection); $sortingDirection.on('click', '.mnwall-filter', function() { $sortingDirection.find('.mnw_filter_active').removeClass('mnw_filter_active'); $(this).addClass('mnw_filter_active'); }); }); // Dropdown sorting list var dropdown_Sortings = function dropdown_Sortings() { var $dropdownSortings = _container.find('.mnwall_iso_sortings .mnwall_iso_dropdown').each(function(i, dropdownSorting) { var $dropdownSorting = $(dropdownSorting); $dropdownSorting.on('click', '.dropdown-label', function(event) { event.preventDefault(); if ($(this).closest('.mnwall_iso_dropdown').hasClass('expanded')) { var sorting_open = true; } else { var sorting_open = false; } $('.mnwall_iso_dropdown').removeClass('expanded'); if (!sorting_open) { $(this).closest('.mnwall_iso_dropdown').addClass('expanded'); } }); }); }; dropdown_Sortings(); // Reset Filters and sortings function reset_filters() { var $resetFilters = _container.find('.button-group').each(function(i, buttonGroup) { var $buttonGroup = $(buttonGroup); $buttonGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $buttonGroup.find('li:first-child a').addClass('mnw_filter_active'); // Reset filters var filterGroup = $buttonGroup.attr('data-filter-group'); filters[ filterGroup ] = ''; // Hide reset button in pagination _container.find('.mnwall-reset-btn').hide(); }); // Reset dropdown filters text _container.find('.mnwall_iso_dropdown').each(function(i, dropdownGroup) { var filter_text = $(dropdownGroup).find('.dropdown-label span').attr('data-label'); $(dropdownGroup).find('.dropdown-label span span').text(filter_text); }); // Get first item in sortBy array var $resetSortings = _container.find('.sorting-group-filters').each(function(i, sortingGroup) { var $sortingGroup = $(sortingGroup); $sortingGroup.find('.mnw_filter_active').removeClass('mnw_filter_active'); $sortingGroup.find('li a[data-sort-value="'+sortBy[0]+'"]').addClass('mnw_filter_active'); }); var $resetSortingDirection = _container.find('.sorting-group-direction').each(function(i, sortingGroupDirection) { var $sortingGroupDirection = $(sortingGroupDirection); $sortingGroupDirection.find('.mnw_filter_active').removeClass('mnw_filter_active'); $sortingGroupDirection.find('li a[data-sort-value="'+sortDirection+'"]').addClass('mnw_filter_active'); }); // set filter for Isotope _wall.isotope({ filter: '', sortBy: sortBy, sortAscending: sortAscending }); } $('#mnwall_reset_5, #mnwall_container_5 .mnwall-reset-btn').on('click', '', function(event) { event.preventDefault(); reset_filters(); }); // Last page if (_container.find('.more-results.mnw-all').attr('data-page') == endPage) { _container.find('.more-results.mnw-all').addClass('disabled'); _container.find('.more-results.mnw-all span.more-results').hide(); _container.find('.more-results.mnw-all span.no-results').show(); _container.find('.more-results.mnw-all img').hide(); } // Create spinner var opts = { lines: 9, length: 4, width: 3, radius: 3, corners: 1, rotate: 0, direction: 1, color: '#000', speed: 1, trail: 52, shadow: false, hwaccel: false, className: 'spinner', zIndex: 2e9, top: '50%', left: '50%' }; _container.find('.mas_loader').append(new Spinner(opts).spin().el); var _activeButtonCategory; var _activeButtonTag; var _activeButtonLocation; var _activeButtonDate; // Previous arrow pagination _container.find('.mnwall_arrow_prev').on('click', function(event) { event.preventDefault(); var current = $(this); if ($(this).hasClass('disabled') || $(this).hasClass('mnwall-loading') || _container.find('.mnwall_arrow_next').hasClass('mnwall-loading')) { return false; } // Find page var page = $(this).attr('data-page'); page = parseInt(page); var new_page = page - 1; var next_page = page + 1; // Check if there is a pending ajax request if (typeof ajax_request !== 'undefined') { ajax_request.abort(); _container.find('.mnwall_arrow_next').removeClass('mnwall-loading'); _container.find('.more-results').show(); _container.find('.mnwall_arrow_loader').hide(); } // Show loader $(this).addClass('mnwall-loading'); current.find('.more-results').hide(); current.find('.mnwall_arrow_loader').show(); // Ajax request var ajax_request = $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getContent&widget_id=5&page=' + page + '&grid=' + grid_type, success: function(msg) { if (msg.length > 3) { // Decrease page in link id _container.find('.mnwall_arrow_prev').attr('data-page', new_page); _container.find('.mnwall_arrow_next').attr('data-page', next_page); // Reset filters if (filtersEnabled == 'true' && filtersActive == 'no') { reset_filters(); } // Append items var elems = _wall.isotope('getItemElements'); var newItems = $(msg).appendTo(_wall); newItems.css({'visibility':'hidden','left':'-9999px','top':'-9999px'}); imagesLoaded(_wall, function() { _wall.isotope('remove', elems); newItems.css({'visibility':'visible'}); _wall.isotope('insert', newItems); _wall.isotope('updateSortData').isotope(); fixEqualHeights(newItems); // Hover box trigger if (hoverBox == '1') { triggerHoverBox(); } if (filtersEnabled == 'true' && filtersMode == 'dynamic') { // Store active filters if (filtersActive == 'yes') { if (undefined !== _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter')) { _activeButtonCategory = _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter')) { _activeButtonTag = _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter')) { _activeButtonLocation = _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter')) { _activeButtonDate = _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter'); } } // Update filters $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getFilters&widget_id=5&page=' + page + '&pagination=' + pagination, success: function(msg) { if (msg.length > 3) { // Add new filters _container.find('.mnwall_iso_filters').html(msg); // Restore active filters if (filtersActive == 'yes') { _container.find('.button-group-category').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonCategory && _activeButtonCategory.length) { var cat_text = _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').text(); if (cat_text) { _container.find('.mnwall_iso_dropdown').find('.cat-label span span').text(cat_text); } } _container.find('.button-group-tag').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonTag && _activeButtonTag.length) { var tag_text = _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').text(); if (tag_text) { _container.find('.mnwall_iso_dropdown').find('.tag-label span span').text(tag_text); } } _container.find('.button-group-location').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonLocation && _activeButtonLocation.length) { var location_text = _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').text(); if (location_text) { _container.find('.mnwall_iso_dropdown').find('.location-label span span').text(location_text); } } _container.find('.button-group-date').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonDate && _activeButtonDate.length) { var date_text = _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').text(); if (date_text) { _container.find('.mnwall_iso_dropdown').find('.date-label span span').text(date_text); } } } } active_Filters(); dropdown_Filters(); } }); } // Hide loader _container.find('.mnwall_arrow_prev').removeClass('mnwall-loading'); current.find('.more-results').show(); current.find('.mnwall_arrow_loader').hide(); // Enable next button _container.find('.mnwall_arrow_next').removeClass('disabled'); // Disable previous button on 1st page if (new_page <= 0) { if (new_page < 0) { _container.find('.mnwall_arrow_prev').attr('data-page', 0); _container.find('.mnwall_arrow_next').attr('data-page', 2); } // Disable previous button _container.find('.mnwall_arrow_prev').addClass('disabled'); } // Scroll to top if (scrollToTop > 0) { setTimeout(function () { _container[0].scrollIntoView(true); }, transitionDuration); } }); } else { // Disable previous button / Hide loader _container.find('.mnwall_arrow_prev').addClass('disabled'); _container.find('.mnwall_arrow_loader').hide(); } } }); }); // Next arrow pagination _container.find('.mnwall_arrow_next').on('click', function(event) { event.preventDefault(); var current = $(this); if ($(this).hasClass('disabled') || $(this).hasClass('mnwall-loading') || _container.find('.mnwall_arrow_prev').hasClass('mnwall-loading')) { return false; } // Find page var page = $(this).attr('data-page'); page = parseInt(page); var next_page = page + 1; var prev_page = page - 1; var end_page_next = next_page - 1; var end_page_prev = next_page - 3; // Check if there is a pending ajax request if (typeof ajax_request !== 'undefined') { ajax_request.abort(); _container.find('.mnwall_arrow_prev').removeClass('mnwall-loading'); _container.find('.more-results').show(); _container.find('.mnwall_arrow_loader').hide(); } // Show loader $(this).addClass('mnwall-loading'); current.find('.more-results').hide(); current.find('.mnwall_arrow_loader').show(); // Ajax request var ajax_request = $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getContent&widget_id=5&page=' + page + '&grid=' + grid_type, success: function(msg) { if (msg.length > 3) { // Increment page in link id _container.find('.mnwall_arrow_next').attr('data-page', next_page); _container.find('.mnwall_arrow_prev').attr('data-page', prev_page); // Reset filters if (filtersEnabled == 'true' && filtersActive == 'no') { reset_filters(); } // Append items var elems = _wall.isotope('getItemElements'); var newItems = $(msg).appendTo(_wall); newItems.css({'visibility':'hidden','left':'-9999px','top':'-9999px'}); imagesLoaded(_wall, function() { _wall.isotope('remove', elems); newItems.css({'visibility':'visible'}); _wall.isotope('insert', newItems); _wall.isotope('updateSortData').isotope(); fixEqualHeights(newItems); // Hover box trigger if (hoverBox == '1') { triggerHoverBox(); } if (filtersEnabled == 'true' && filtersMode == 'dynamic') { // Store active filters if (filtersActive == 'yes') { if (undefined !== _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter')) { _activeButtonCategory = _container.find('.button-group-category').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter')) { _activeButtonTag = _container.find('.button-group-tag').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter')) { _activeButtonLocation = _container.find('.button-group-location').find('.mnw_filter_active').attr('data-filter'); } if (undefined !== _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter')) { _activeButtonDate = _container.find('.button-group-date').find('.mnw_filter_active').attr('data-filter'); } } // Update filters $.ajax({ type: 'POST', url: site_path+'index.php?option=com_minitekwall&task=masonry.getFilters&widget_id=5&page=' + page + '&pagination=' + pagination, success: function(msg) { if (msg.length > 3) { // Add new filters _container.find('.mnwall_iso_filters').html(msg); // Restore active filters if (filtersActive == 'yes') { _container.find('.button-group-category').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonCategory && _activeButtonCategory.length) { var cat_text = _container.find('.button-group-category').find('[data-filter=\'' + _activeButtonCategory + '\']').text(); if (cat_text) { _container.find('.mnwall_iso_dropdown').find('.cat-label span span').text(cat_text); } } _container.find('.button-group-tag').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonTag && _activeButtonTag.length) { var tag_text = _container.find('.button-group-tag').find('[data-filter=\'' + _activeButtonTag + '\']').text(); if (tag_text) { _container.find('.mnwall_iso_dropdown').find('.tag-label span span').text(tag_text); } } _container.find('.button-group-location').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonLocation && _activeButtonLocation.length) { var location_text = _container.find('.button-group-location').find('[data-filter=\'' + _activeButtonLocation + '\']').text(); if (location_text) { _container.find('.mnwall_iso_dropdown').find('.location-label span span').text(location_text); } } _container.find('.button-group-date').find('.mnw_filter_active').removeClass('mnw_filter_active'); _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').addClass('mnw_filter_active'); if (undefined !== _activeButtonDate && _activeButtonDate.length) { var date_text = _container.find('.button-group-date').find('[data-filter=\'' + _activeButtonDate + '\']').text(); if (date_text) { _container.find('.mnwall_iso_dropdown').find('.date-label span span').text(date_text); } } } } active_Filters(); dropdown_Filters(); } }); } // Hide loader _container.find('.mnwall_arrow_next').removeClass('mnwall-loading'); current.find('.more-results').show(); current.find('.mnwall_arrow_loader').hide(); // Enable previous button _container.find('.mnwall_arrow_prev').removeClass('disabled'); // Last page if (_container.find('.mnwall_arrow_next').attr('data-page') == endPage) { _container.find('.mnwall_arrow_next').addClass('disabled'); } // Scroll to top if (scrollToTop > 0) { setTimeout(function () { _container[0].scrollIntoView(true); }, transitionDuration); } }); } else { // Disable next button / Hide loader _container.find('.mnwall_arrow_next').addClass('disabled'); _container.find('.mnwall_arrow_loader').hide(); _container.find('.mnwall_arrow_prev').attr('data-page', end_page_prev); _container.find('.mnwall_arrow_next').attr('data-page', end_page_next); } } }); }); }) })(jQuery); </script> <svg height="0" style="position:absolute"><symbol id="sym-point-to-right" viewBox="0 0 451.846 451.847"><path fill="currentColor" d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z" /></symbol></svg> <script data-cfasync="false"> document[(_el=document.addEventListener)?'addEventListener':'attachEvent'](_el?'DOMContentLoaded':'onreadystatechange',function(){ if (!_el && document.readyState != 'complete') return; (window.jq183||jQuery)('.noscript').removeClass('noscript'); window.sm352 = new VerticalSlideMenu({ id: 352, visibility: ["1","1","1","1","0",["0","px"],["10000","px"]], parentHref: 0, theme: 'rounded', result: 'Rezultati pretrage', noResult: 'Nema pronađenih rezultata', backItem: '', filterDelay: 500, filterMinChar: 3, navtype: 'accordion', sidebar: 0, popup: 0, overlay: 0, sidebarUnder: 1200, width: 300, menuIconCorner: 1, menuIconX: 15, menuIconY: 15, hidePopupUnder: 1750, siteBg: '#444444', effect: 1, dur: 400/1000, perspective: 0, inEase: 'Quad.easeOut'.split('.').reverse().join(''), inOrigin: '50% 50% 0', inX: 100, inUnitX: '%', logoUrl: 'https://petlovac.hr/', inCSS: { y: 0, opacity: 100/100, rotationX: 0, rotationY: 0, rotationZ: 0, skewX: 0, skewY: 0, scaleX: 100/100, scaleY: 100/100 }, outEase: 'Quad.easeOut'.split('.').reverse().join(''), outOrigin: '50% 50% 0', outX: -100, outUnitX: '%', outCSS: { y: 0, opacity: 100/100, rotationX: 0, rotationY: 0, rotationZ: 0, skewX: 0, skewY: 0, scaleX: 100/100, scaleY: 100/100 }, anim: { perspective: 1000, inDur: 300/1000, inEase: 'Quad.easeOut'.split('.').reverse().join(''), inOrigin: '50% 50% 0', inX: -30, inUnitX: 'px', inCSS: { y: 0, opacity: 0/100, rotationX: 0, rotationY: 0, rotationZ: 0, skewX: 0, skewY: 0, scaleX: 100/100, scaleY: 100/100 }, outDur: 300/1000, outEase: 'Quad.easeOut'.split('.').reverse().join(''), outOrigin: '50% 50% 0', outX: 20, outUnitX: 'px', outCSS: { y: 0, opacity: 0/100, rotationX: 0, rotationY: 0, rotationZ: 0, skewX: 0, skewY: 0, scaleX: 100/100, scaleY: 100/100 } }, miAnim: 0, miDur: 500/1000, miShift: 40/1000, miEase: 'Quad.easeOut'.split('.').reverse().join(''), miX: 40, miUnitX: '%', miCSS: { transformPerspective: 600, transformOrigin: '50% 50% 0', y: 0, opacity: 0/100, rotationX: 0, rotationY: 0, rotationZ: 0, skewX: 0, skewY: 0, scaleX: 100/100, scaleY: 100/100 }, iconAnim: 0 && 0, bgX: 33, dropwidth: 250, dropspace: 0, dropFullHeight: 0, dropEvent: 'mouseenter', opened: 1, autoOpen: 0, autoOpenAnim: 1, hideBurger: 0, scrollOffset: parseInt('0||px') }); }); </script> </head> <body class="site helix-ultimate com-sppagebuilder view-page layout-default task-none itemid-585 hr-hr ltr sticky-header layout-fluid offcanvas-init offcanvs-position-right"><div class="dj-offcanvas-wrapper"><div class="dj-offcanvas-pusher"><div class="dj-offcanvas-pusher-in"> <div class="sp-preloader"><div></div></div> <div class="body-wrapper"> <div class="body-innerwrapper"> <header id="sp-header"class=" d-none d-sm-none d-md-none d-lg-none d-xl-block"><div class="row"><div id="sp-opcina-logo" class="col-lg-3 "><div class="sp-column "><div class="sp-module "><div class="sp-module-content"> <div class="custom" > <div><a href="https://petlovac.hr/"><img src="/images/logo/logo-center-lg.png" alt="logo center lg" width="343" height="60" style="display: block; margin-left: auto; margin-right: auto; margin-top: 10px;" /></a></div></div> </div></div></div></div><div id="sp-izbornik" class="col-lg-8 "><div class="sp-column "><div class="sp-module "><div class="sp-module-content"> <div class="dj-megamenu-wrapper" > <ul id="dj-megamenu343" class="dj-megamenu dj-fa-5 dj-megamenu-default horizontalMenu " data-trigger="1300"> <li class="dj-up itemid585 first current active parent"><a class="dj-up_a active " aria-haspopup="true" aria-expanded="false" href="/" ><span class="dj-drop" ><span class="dj-icon fas fa-home" aria-hidden="true"></span><span class="image-title">Općina</span><span class="arrow" aria-hidden="true"></span></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid586 first parent separator"><a class="dj-more " aria-haspopup="true" aria-expanded="false" tabindex="0" >O nama<span class="arrow" aria-hidden="true"></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid587 first"><a href="/opcina-petlovac/o-opcini-petlovac/prostorni-polozaj-opcine-petlovac" >Prostorni položaj i stanovništvo</a></li><li class="itemid588"><a href="/opcina-petlovac/o-opcini-petlovac/povijest-opcine-petlovac" >Povijest općine</a></li><li class="itemid589"><a href="/opcina-petlovac/o-opcini-petlovac/kulturno-umjetnicka-drustva-opcine-petlovac" >Kulturno umjetnička društva</a></li><li class="itemid590"><a href="/opcina-petlovac/o-opcini-petlovac/dobrovoljna-vatrogasna-drustva-opcine-petlovac" >Dobrovoljna vatrogasna društva</a></li><li class="itemid591"><a href="#" >Sportske udruge, klubovi i društva</a></li><li class="itemid592"><a href="/opcina-petlovac/o-opcini-petlovac/zupe-opcine-petlovac" >Župe općine</a></li><li class="itemid593"><a href="#" >Udruge</a></li><li class="itemid594"><a href="/opcina-petlovac/o-opcini-petlovac/djecji-vrtic-opcine-petlovac" >Dječji vrtić</a></li><li class="itemid595"><a href="/opcina-petlovac/o-opcini-petlovac/osnovna-skola-opcine-petlovac" >Osnovna škola</a></li></ul></div><div style="clear:both;height:0"></div></div></div></li><li class="itemid600 parent separator"><a class="dj-more " aria-haspopup="true" aria-expanded="false" tabindex="0" >Naselja<span class="arrow" aria-hidden="true"></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid601 first"><a href="/opcina-petlovac/naselja-opcine-petlovca/petlovac" >Petlovac</a></li><li class="itemid602"><a href="/opcina-petlovac/naselja-opcine-petlovca/baranjsko-petrovo-selo" >Baranjsko petrovo selo</a></li><li class="itemid603"><a href="/opcina-petlovac/naselja-opcine-petlovca/novi-bezdan" >Novi bezdan</a></li><li class="itemid604"><a href="/opcina-petlovac/naselja-opcine-petlovca/luc" >Luč</a></li><li class="itemid605"><a href="/opcina-petlovac/naselja-opcine-petlovca/torjanci" >Torjanci</a></li><li class="itemid606"><a href="/opcina-petlovac/naselja-opcine-petlovca/novo-nevesinje" >Novo nevesinje</a></li><li class="itemid607"><a href="/opcina-petlovac/naselja-opcine-petlovca/sirine" >Širine</a></li><li class="itemid608"><a href="/opcina-petlovac/naselja-opcine-petlovca/zeleno-polje" >Zeleno polje</a></li><li class="itemid609"><a href="/opcina-petlovac/naselja-opcine-petlovca/sudaraz" >Sudaraž</a></li></ul></div><div style="clear:both;height:0"></div></div></div></li><li class="itemid635"><a href="/opcina-petlovac/sluzbeni-glasnik-opcine-petlovac" >Službeni glasnik</a></li><li class="itemid583"><a href="/opcina-petlovac/novosti-opcine-petlovac" >Obavijesti</a></li></ul></div><div style="clear:both;height:0"></div></div></div></li><li class="dj-up itemid610 parent separator"><a class="dj-up_a " aria-haspopup="true" aria-expanded="false" tabindex="0" ><span class="dj-drop" >Ustroj<span class="arrow" aria-hidden="true"></span></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid611 first parent separator"><a class="dj-more " aria-haspopup="true" aria-expanded="false" tabindex="0" >Izvršno tijelo<span class="arrow" aria-hidden="true"></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid612 first"><a href="/ustroj-opcine-petlovac/izvrsno-tijelo-opcine-petlovac/opcinski-nacelnik" >Općinski načelnik</a></li><li class="itemid613"><a href="/ustroj-opcine-petlovac/izvrsno-tijelo-opcine-petlovac/zamjenik-opcinskog-nacelnika" >Zamjenik općinskog načelnika</a></li></ul></div><div style="clear:both;height:0"></div></div></div></li><li class="itemid614 parent separator"><a class="dj-more " aria-haspopup="true" aria-expanded="false" tabindex="0" >Predstavničko tijelo<span class="arrow" aria-hidden="true"></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid615 first parent separator"><a class="dj-more " aria-haspopup="true" aria-expanded="false" tabindex="0" >Vijeća nacionalnih manjina<span class="arrow" aria-hidden="true"></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid616 first"><a href="/ustroj-opcine-petlovac/predstavnicko-tijelo-petlovca/vijeca-nacionalnih-manjina-petlovca/vijece-madarske-nacionalne-manjine" >Vijeće mađarske nacionalne manjine</a></li><li class="itemid617"><a href="/ustroj-opcine-petlovac/predstavnicko-tijelo-petlovca/vijeca-nacionalnih-manjina-petlovca/vijece-srpske-nacionalne-manjine" >Vijeće srpske nacionalne manjine</a></li><li class="itemid618"><a href="/ustroj-opcine-petlovac/predstavnicko-tijelo-petlovca/vijeca-nacionalnih-manjina-petlovca/vijece-romske-nacionalne-manjine" >Vijeće romske nacionalne manjine</a></li></ul></div><div style="clear:both;height:0"></div></div></div></li><li class="itemid619"><a href="/ustroj-opcine-petlovac/predstavnicko-tijelo-petlovca/izvjesca-kandidata" >Financijska izvješća vijećnika</a></li><li class="itemid620"><a href="/ustroj-opcine-petlovac/predstavnicko-tijelo-petlovca/sjednice-vijeca" >Sjednice vijeća</a></li></ul></div><div style="clear:both;height:0"></div></div></div></li><li class="itemid621 parent separator"><a class="dj-more " aria-haspopup="true" aria-expanded="false" tabindex="0" >Općinska uprava<span class="arrow" aria-hidden="true"></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid622 first"><a href="/ustroj-opcine-petlovac/opcinska-uprava-petlovca/jedinstveni-upravni-odjel" >Jedinstveni upravni odjel</a></li></ul></div><div style="clear:both;height:0"></div></div></div></li><li class="itemid623 parent separator"><a class="dj-more " aria-haspopup="true" aria-expanded="false" tabindex="0" >Statut i poslovnik općine<span class="arrow" aria-hidden="true"></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid624 first"><a href="/ustroj-opcine-petlovac/statut-i-poslovnik-opcine/statut-opcine-petlovac" >Statut općine Petlovac</a></li><li class="itemid625"><a href="/ustroj-opcine-petlovac/statut-i-poslovnik-opcine/poslovnik-opcine-petlovac" >Poslovnik općine Petlovac</a></li></ul></div><div style="clear:both;height:0"></div></div></div></li><li class="itemid596 parent separator"><a class="dj-more " aria-haspopup="true" aria-expanded="false" tabindex="0" >Strategija općine<span class="arrow" aria-hidden="true"></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid597 first"><a href="/ustroj-opcine-petlovac/strategija-opcine/razvojni-program-opcine-petlovac" >Razvojni program općine</a></li><li class="itemid598"><a href="/ustroj-opcine-petlovac/strategija-opcine/strategija-upravljanja-imovinom-opcine-petlovac" >Strategija upravljanja imovinom</a></li><li class="itemid599"><a href="/ustroj-opcine-petlovac/strategija-opcine/procjena-rizika-od-velikih-nesreca-opcine-petlovac" > Procjena rizika od velikih nesreća</a></li></ul></div><div style="clear:both;height:0"></div></div></div></li></ul></div><div style="clear:both;height:0"></div></div></div></li><li class="dj-up itemid626 parent separator"><a class="dj-up_a " aria-haspopup="true" aria-expanded="false" tabindex="0" ><span class="dj-drop" >Natječaji / nabava<span class="arrow" aria-hidden="true"></span></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid627 first"><a href="/natjecaji-nabava-opcine-petlovac/javni-natjecaji" >Javni natječaji</a></li><li class="itemid628 parent separator"><a class="dj-more " aria-haspopup="true" aria-expanded="false" tabindex="0" >Javna nabava<span class="arrow" aria-hidden="true"></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid629 first"><a href="/natjecaji-nabava-opcine-petlovac/javna-nabava/plan-nabave" target="_blank" >Plan nabave</a></li><li class="itemid630"><a href="/natjecaji-nabava-opcine-petlovac/javna-nabava/pregled-sklopljenih-ugovora" >Pregled sklopljenih ugovora</a></li><li class="itemid631"><a href="/natjecaji-nabava-opcine-petlovac/javna-nabava/prethodna-savjetovanja-sa-zainteresiranim-gospodarskim-subjektima" >Prethodna savjetovanja sa zainteresiranim gospodarskim subjektima</a></li><li class="itemid632"><a href="/natjecaji-nabava-opcine-petlovac/javna-nabava/izjava-o-nepostojanju-sukoba-interesa" target="_blank" >Izjava o nepostojanju sukoba interesa</a></li><li class="itemid633"><a href="/natjecaji-nabava-opcine-petlovac/javna-nabava/obaveze-iz-clanka-80-zakona-o-javnoj-nabavi" >Obaveze iz članka 80. zakona o javnoj nabavi</a></li><li class="itemid634"><a href="/natjecaji-nabava-opcine-petlovac/javna-nabava/jednostavna-nabava" >Jednostavna nabava</a></li></ul></div><div style="clear:both;height:0"></div></div></div></li></ul></div><div style="clear:both;height:0"></div></div></div></li><li class="dj-up itemid576 parent separator"><a class="dj-up_a " aria-haspopup="true" aria-expanded="false" tabindex="0" ><span class="dj-drop" >Dokumenti<span class="arrow" aria-hidden="true"></span></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid573 first parent separator"><a class="dj-more " aria-haspopup="true" aria-expanded="false" tabindex="0" >Financije<span class="arrow" aria-hidden="true"></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid574 first"><a href="/dokumenti-mobile/financije-mobile/proracun-opcine-petlovac" >Proračun općine</a></li><li class="itemid575"><a href="/dokumenti-mobile/financije-mobile/financijska-izvjesca-opcine-petlovac" >Financijska izvješća</a></li></ul></div><div style="clear:both;height:0"></div></div></div></li><li class="itemid638 parent separator"><a class="dj-more " aria-haspopup="true" aria-expanded="false" tabindex="0" >Planovi<span class="arrow" aria-hidden="true"></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid639 first"><a href="/dokumenti-mobile/planovi-opcine-petlovac/plan-gospodarenja-otpadom-petlovac-2017-2022" >Plan gospodarenja otpadom - petlovac 2017 - 2022</a></li><li class="itemid649"><a href="https://prostorobz.hr/planovi/prostorni-planovi-uredenja-opcina/" target="_blank" >Prostorni plan uređenja Općine Petlovac</a></li><li class="itemid660"><a href="/dokumenti-mobile/planovi-opcine-petlovac/izvjesce-o-stanju-u-prostoru-opcine-petlovac" >Izvješće o stanju u prostoru Općine Petlovac</a></li><li class="itemid661 parent separator"><a class="dj-more " aria-haspopup="true" aria-expanded="false" tabindex="0" >Provedbeni program Općine Petlovac<span class="arrow" aria-hidden="true"></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid662 first"><a href="/dokumenti-mobile/planovi-opcine-petlovac/provedbeni-program-opcine-petlovac/provedbeni-program-opcine-petlovac-za-razdoblje-od-2021-do-2025-godine" >Provedbeni program Općine Petlovac za razdoblje od 2021. do 2025. godine</a></li><li class="itemid663"><a href="/dokumenti-mobile/planovi-opcine-petlovac/provedbeni-program-opcine-petlovac/polugodisnje-izvjesce" >Polugodišnje izvješće</a></li></ul></div><div style="clear:both;height:0"></div></div></div></li></ul></div><div style="clear:both;height:0"></div></div></div></li><li class="itemid577 parent separator"><a class="dj-more " aria-haspopup="true" aria-expanded="false" tabindex="0" >Općenito<span class="arrow" aria-hidden="true"></span></a><div class="dj-subwrap single_column subcols1" style=""><div class="dj-subwrap-in" style="width:250px;"><div class="dj-subcol" style="width:250px"><ul class="dj-submenu"><li class="itemid578 first"><a href="/dokumenti-mobile/dokumenti-opcenito/zastita-osobnih-podataka" >Zaštita osobnih podataka</a></li><li class="itemid579"><a href="/dokumenti-mobile/dokumenti-opcenito/pravo-na-pristup-informacijama" >Pravo na pristup informacijama</a></li><li class="itemid580"><a href="/dokumenti-mobile/dokumenti-opcenito/sporazum-od-dodjeli-sredstava" >Sporazum od dodjeli sredstava</a></li><li class="itemid581"><a href="/dokumenti-mobile/dokumenti-opcenito/pristupacnost-web-stranice-opcine-petlovac" >Pristupačnost mrežne stranice</a></li></ul></div><div style="clear:both;height:0"></div></div></div></li><li class="itemid687"><a href="/dokumenti-mobile/procedure" >Procedure</a></li></ul></div><div style="clear:both;height:0"></div></div></div></li><li class="dj-up itemid582"><a class="dj-up_a " href="/e-savjetovanje-opcina-petlovac" ><span >E-savjetovanje</span></a></li><li class="dj-up itemid584"><a class="dj-up_a " href="/trazilica" ><span ><span class="dj-icon fas fa-search" aria-hidden="true"></span><span class="image-title">Traži</span></span></a></li></ul> </div></div></div></div></div><div id="sp-pristupacnost" class="col-lg-1 "><div class="sp-column "><div class="sp-module "><div class="sp-module-content"> <div class="custom" > </div> </div></div><div class="sp-module "><div class="sp-module-content"> <div class="custom" > <script>(function(d){var s = d.createElement("script");s.setAttribute("data-account", "joMpHM8oa6");s.setAttribute("src", "https://accessibilityserver.org/widget.js");(d.body || d.head).appendChild(s);})(document)</script><noscript>Please ensure Javascript is enabled for purposes of <a href="https://accessibilityserver.org">website accessibility</a></noscript></div> </div></div></div></div></div></header><header id="sp-header"class=" d-xl-none"><div class="container"><div class="container-inner"><div class="row"><div id="sp-izbornik-mobile" class="col-lg-3 "><div class="sp-column "><div class="noscript"> <nav id="off-menu_352" class="off-menu_352 sm-menu "> <div class="sm-levels"> <div class="sm-level level1"><dl class="level1"> <dt class="level1 off-nav-585 parent opened active first"> <div class="inner"> <div class="link"><a data-text="Općina" href="https://www.petlovac.hr/">Općina</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level1 off-nav-585 parent opened active first"> <div class="sm-level level2"><dl class="level2"> <dt class="level2 off-nav-586 parent first"> <div class="inner"> <div class="link"><a data-text="O nama" >O nama</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level2 off-nav-586 parent first"> <div class="sm-level level3"><dl class="level3"> <dt class="level3 off-nav-587 notparent first"> <div class="inner"> <div class="link"><a data-text="Prostorni položaj i stanovništvo" href="/opcina-petlovac/o-opcini-petlovac/prostorni-polozaj-opcine-petlovac">Prostorni položaj i stanovništvo</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-587 notparent first"> </dd> <dt class="level3 off-nav-588 notparent"> <div class="inner"> <div class="link"><a data-text="Povijest općine" href="/opcina-petlovac/o-opcini-petlovac/povijest-opcine-petlovac">Povijest općine</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-588 notparent"> </dd> <dt class="level3 off-nav-589 notparent"> <div class="inner"> <div class="link"><a data-text="Kulturno umjetnička društva" href="/opcina-petlovac/o-opcini-petlovac/kulturno-umjetnicka-drustva-opcine-petlovac">Kulturno umjetnička društva</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-589 notparent"> </dd> <dt class="level3 off-nav-590 notparent"> <div class="inner"> <div class="link"><a data-text="Dobrovoljna vatrogasna društva" href="/opcina-petlovac/o-opcini-petlovac/dobrovoljna-vatrogasna-drustva-opcine-petlovac">Dobrovoljna vatrogasna društva</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-590 notparent"> </dd> <dt class="level3 off-nav-591 notparent"> <div class="inner"> <div class="link"><a data-text="Sportske udruge, klubovi i društva" href="#">Sportske udruge, klubovi i društva</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-591 notparent"> </dd> <dt class="level3 off-nav-592 notparent"> <div class="inner"> <div class="link"><a data-text="Župe općine" href="/opcina-petlovac/o-opcini-petlovac/zupe-opcine-petlovac">Župe općine</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-592 notparent"> </dd> <dt class="level3 off-nav-593 notparent"> <div class="inner"> <div class="link"><a data-text="Udruge" href="#">Udruge</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-593 notparent"> </dd> <dt class="level3 off-nav-594 notparent"> <div class="inner"> <div class="link"><a data-text="Dječji vrtić" href="/opcina-petlovac/o-opcini-petlovac/djecji-vrtic-opcine-petlovac">Dječji vrtić</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-594 notparent"> </dd> <dt class="level3 off-nav-595 notparent"> <div class="inner"> <div class="link"><a data-text="Osnovna škola" href="/opcina-petlovac/o-opcini-petlovac/osnovna-skola-opcine-petlovac">Osnovna škola</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-595 notparent"> </dd> </dl></div></dd> <dt class="level2 off-nav-600 parent"> <div class="inner"> <div class="link"><a data-text="Naselja" >Naselja</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level2 off-nav-600 parent"> <div class="sm-level level3"><dl class="level3"> <dt class="level3 off-nav-601 notparent first"> <div class="inner"> <div class="link"><a data-text="Petlovac" href="/opcina-petlovac/naselja-opcine-petlovca/petlovac">Petlovac</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-601 notparent first"> </dd> <dt class="level3 off-nav-602 notparent"> <div class="inner"> <div class="link"><a data-text="Baranjsko petrovo selo" href="/opcina-petlovac/naselja-opcine-petlovca/baranjsko-petrovo-selo">Baranjsko petrovo selo</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-602 notparent"> </dd> <dt class="level3 off-nav-603 notparent"> <div class="inner"> <div class="link"><a data-text="Novi bezdan" href="/opcina-petlovac/naselja-opcine-petlovca/novi-bezdan">Novi bezdan</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-603 notparent"> </dd> <dt class="level3 off-nav-604 notparent"> <div class="inner"> <div class="link"><a data-text="Luč" href="/opcina-petlovac/naselja-opcine-petlovca/luc">Luč</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-604 notparent"> </dd> <dt class="level3 off-nav-605 notparent"> <div class="inner"> <div class="link"><a data-text="Torjanci" href="/opcina-petlovac/naselja-opcine-petlovca/torjanci">Torjanci</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-605 notparent"> </dd> <dt class="level3 off-nav-606 notparent"> <div class="inner"> <div class="link"><a data-text="Novo nevesinje" href="/opcina-petlovac/naselja-opcine-petlovca/novo-nevesinje">Novo nevesinje</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-606 notparent"> </dd> <dt class="level3 off-nav-607 notparent"> <div class="inner"> <div class="link"><a data-text="Širine" href="/opcina-petlovac/naselja-opcine-petlovca/sirine">Širine</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-607 notparent"> </dd> <dt class="level3 off-nav-608 notparent"> <div class="inner"> <div class="link"><a data-text="Zeleno polje" href="/opcina-petlovac/naselja-opcine-petlovca/zeleno-polje">Zeleno polje</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-608 notparent"> </dd> <dt class="level3 off-nav-609 notparent"> <div class="inner"> <div class="link"><a data-text="Sudaraž" href="/opcina-petlovac/naselja-opcine-petlovca/sudaraz">Sudaraž</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-609 notparent"> </dd> </dl></div></dd> <dt class="level2 off-nav-635 notparent"> <div class="inner"> <div class="link"><a data-text="Službeni glasnik" href="/opcina-petlovac/sluzbeni-glasnik-opcine-petlovac">Službeni glasnik</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level2 off-nav-635 notparent"> </dd> <dt class="level2 off-nav-583 notparent"> <div class="inner"> <div class="link"><a data-text="Obavijesti" href="/opcina-petlovac/novosti-opcine-petlovac">Obavijesti</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level2 off-nav-583 notparent"> </dd> </dl></div></dd> <dt class="level1 off-nav-610 parent"> <div class="inner"> <div class="link"><a data-text="Ustroj" >Ustroj</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level1 off-nav-610 parent"> <div class="sm-level level2"><dl class="level2"> <dt class="level2 off-nav-611 parent first"> <div class="inner"> <div class="link"><a data-text="Izvršno tijelo" >Izvršno tijelo</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level2 off-nav-611 parent first"> <div class="sm-level level3"><dl class="level3"> <dt class="level3 off-nav-612 notparent first"> <div class="inner"> <div class="link"><a data-text="Općinski načelnik" href="/ustroj-opcine-petlovac/izvrsno-tijelo-opcine-petlovac/opcinski-nacelnik">Općinski načelnik</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-612 notparent first"> </dd> <dt class="level3 off-nav-613 notparent"> <div class="inner"> <div class="link"><a data-text="Zamjenik općinskog načelnika" href="/ustroj-opcine-petlovac/izvrsno-tijelo-opcine-petlovac/zamjenik-opcinskog-nacelnika">Zamjenik općinskog načelnika</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-613 notparent"> </dd> </dl></div></dd> <dt class="level2 off-nav-614 parent"> <div class="inner"> <div class="link"><a data-text="Predstavničko tijelo" >Predstavničko tijelo</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level2 off-nav-614 parent"> <div class="sm-level level3"><dl class="level3"> <dt class="level3 off-nav-615 parent first"> <div class="inner"> <div class="link"><a data-text="Vijeća nacionalnih manjina" >Vijeća nacionalnih manjina</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level3 off-nav-615 parent first"> <div class="sm-level level4"><dl class="level4"> <dt class="level4 off-nav-616 notparent first"> <div class="inner"> <div class="link"><a data-text="Vijeće mađarske nacionalne manjine" href="/ustroj-opcine-petlovac/predstavnicko-tijelo-petlovca/vijeca-nacionalnih-manjina-petlovca/vijece-madarske-nacionalne-manjine">Vijeće mađarske nacionalne manjine</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level4 off-nav-616 notparent first"> </dd> <dt class="level4 off-nav-617 notparent"> <div class="inner"> <div class="link"><a data-text="Vijeće srpske nacionalne manjine" href="/ustroj-opcine-petlovac/predstavnicko-tijelo-petlovca/vijeca-nacionalnih-manjina-petlovca/vijece-srpske-nacionalne-manjine">Vijeće srpske nacionalne manjine</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level4 off-nav-617 notparent"> </dd> <dt class="level4 off-nav-618 notparent"> <div class="inner"> <div class="link"><a data-text="Vijeće romske nacionalne manjine" href="/ustroj-opcine-petlovac/predstavnicko-tijelo-petlovca/vijeca-nacionalnih-manjina-petlovca/vijece-romske-nacionalne-manjine">Vijeće romske nacionalne manjine</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level4 off-nav-618 notparent"> </dd> </dl></div></dd> <dt class="level3 off-nav-619 notparent"> <div class="inner"> <div class="link"><a data-text="Financijska izvješća vijećnika" href="/ustroj-opcine-petlovac/predstavnicko-tijelo-petlovca/izvjesca-kandidata">Financijska izvješća vijećnika</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-619 notparent"> </dd> <dt class="level3 off-nav-620 notparent"> <div class="inner"> <div class="link"><a data-text="Sjednice vijeća" href="/ustroj-opcine-petlovac/predstavnicko-tijelo-petlovca/sjednice-vijeca">Sjednice vijeća</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-620 notparent"> </dd> </dl></div></dd> <dt class="level2 off-nav-621 parent"> <div class="inner"> <div class="link"><a data-text="Općinska uprava" >Općinska uprava</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level2 off-nav-621 parent"> <div class="sm-level level3"><dl class="level3"> <dt class="level3 off-nav-622 notparent first"> <div class="inner"> <div class="link"><a data-text="Jedinstveni upravni odjel" href="/ustroj-opcine-petlovac/opcinska-uprava-petlovca/jedinstveni-upravni-odjel">Jedinstveni upravni odjel</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-622 notparent first"> </dd> </dl></div></dd> <dt class="level2 off-nav-623 parent"> <div class="inner"> <div class="link"><a data-text="Statut i poslovnik općine" >Statut i poslovnik općine</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level2 off-nav-623 parent"> <div class="sm-level level3"><dl class="level3"> <dt class="level3 off-nav-624 notparent first"> <div class="inner"> <div class="link"><a data-text="Statut općine Petlovac" href="/ustroj-opcine-petlovac/statut-i-poslovnik-opcine/statut-opcine-petlovac">Statut općine Petlovac</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-624 notparent first"> </dd> <dt class="level3 off-nav-625 notparent"> <div class="inner"> <div class="link"><a data-text="Poslovnik općine Petlovac" href="/ustroj-opcine-petlovac/statut-i-poslovnik-opcine/poslovnik-opcine-petlovac">Poslovnik općine Petlovac</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-625 notparent"> </dd> </dl></div></dd> <dt class="level2 off-nav-596 parent"> <div class="inner"> <div class="link"><a data-text="Strategija općine" >Strategija općine</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level2 off-nav-596 parent"> <div class="sm-level level3"><dl class="level3"> <dt class="level3 off-nav-597 notparent first"> <div class="inner"> <div class="link"><a data-text="Razvojni program općine" href="/ustroj-opcine-petlovac/strategija-opcine/razvojni-program-opcine-petlovac">Razvojni program općine</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-597 notparent first"> </dd> <dt class="level3 off-nav-598 notparent"> <div class="inner"> <div class="link"><a data-text="Strategija upravljanja imovinom" href="/ustroj-opcine-petlovac/strategija-opcine/strategija-upravljanja-imovinom-opcine-petlovac">Strategija upravljanja imovinom</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-598 notparent"> </dd> <dt class="level3 off-nav-599 notparent"> <div class="inner"> <div class="link"><a data-text=" Procjena rizika od velikih nesreća" href="/ustroj-opcine-petlovac/strategija-opcine/procjena-rizika-od-velikih-nesreca-opcine-petlovac"> Procjena rizika od velikih nesreća</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-599 notparent"> </dd> </dl></div></dd> </dl></div></dd> <dt class="level1 off-nav-626 parent"> <div class="inner"> <div class="link"><a data-text="Natječaji / nabava" >Natječaji / nabava</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level1 off-nav-626 parent"> <div class="sm-level level2"><dl class="level2"> <dt class="level2 off-nav-627 notparent first"> <div class="inner"> <div class="link"><a data-text="Javni natječaji" href="/natjecaji-nabava-opcine-petlovac/javni-natjecaji">Javni natječaji</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level2 off-nav-627 notparent first"> </dd> <dt class="level2 off-nav-628 parent"> <div class="inner"> <div class="link"><a data-text="Javna nabava" >Javna nabava</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level2 off-nav-628 parent"> <div class="sm-level level3"><dl class="level3"> <dt class="level3 off-nav-629 notparent first"> <div class="inner"> <div class="link"><a data-text="Plan nabave" href="/natjecaji-nabava-opcine-petlovac/javna-nabava/plan-nabave" target="_blank">Plan nabave</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-629 notparent first"> </dd> <dt class="level3 off-nav-630 notparent"> <div class="inner"> <div class="link"><a data-text="Pregled sklopljenih ugovora" href="/natjecaji-nabava-opcine-petlovac/javna-nabava/pregled-sklopljenih-ugovora">Pregled sklopljenih ugovora</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-630 notparent"> </dd> <dt class="level3 off-nav-631 notparent"> <div class="inner"> <div class="link"><a data-text="Prethodna savjetovanja sa zainteresiranim gospodarskim subjektima" href="/natjecaji-nabava-opcine-petlovac/javna-nabava/prethodna-savjetovanja-sa-zainteresiranim-gospodarskim-subjektima">Prethodna savjetovanja sa zainteresiranim gospodarskim subjektima</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-631 notparent"> </dd> <dt class="level3 off-nav-632 notparent"> <div class="inner"> <div class="link"><a data-text="Izjava o nepostojanju sukoba interesa" href="/natjecaji-nabava-opcine-petlovac/javna-nabava/izjava-o-nepostojanju-sukoba-interesa" target="_blank">Izjava o nepostojanju sukoba interesa</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-632 notparent"> </dd> <dt class="level3 off-nav-633 notparent"> <div class="inner"> <div class="link"><a data-text="Obaveze iz članka 80. zakona o javnoj nabavi" href="/natjecaji-nabava-opcine-petlovac/javna-nabava/obaveze-iz-clanka-80-zakona-o-javnoj-nabavi">Obaveze iz članka 80. zakona o javnoj nabavi</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-633 notparent"> </dd> <dt class="level3 off-nav-634 notparent"> <div class="inner"> <div class="link"><a data-text="Jednostavna nabava" href="/natjecaji-nabava-opcine-petlovac/javna-nabava/jednostavna-nabava">Jednostavna nabava</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-634 notparent"> </dd> </dl></div></dd> </dl></div></dd> <dt class="level1 off-nav-576 parent"> <div class="inner"> <div class="link"><a data-text="Dokumenti" >Dokumenti</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level1 off-nav-576 parent"> <div class="sm-level level2"><dl class="level2"> <dt class="level2 off-nav-573 parent first"> <div class="inner"> <div class="link"><a data-text="Financije" >Financije</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level2 off-nav-573 parent first"> <div class="sm-level level3"><dl class="level3"> <dt class="level3 off-nav-574 notparent first"> <div class="inner"> <div class="link"><a data-text="Proračun općine" href="/dokumenti-mobile/financije-mobile/proracun-opcine-petlovac">Proračun općine</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-574 notparent first"> </dd> <dt class="level3 off-nav-575 notparent"> <div class="inner"> <div class="link"><a data-text="Financijska izvješća" href="/dokumenti-mobile/financije-mobile/financijska-izvjesca-opcine-petlovac">Financijska izvješća</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-575 notparent"> </dd> </dl></div></dd> <dt class="level2 off-nav-638 parent"> <div class="inner"> <div class="link"><a data-text="Planovi" >Planovi</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level2 off-nav-638 parent"> <div class="sm-level level3"><dl class="level3"> <dt class="level3 off-nav-639 notparent first"> <div class="inner"> <div class="link"><a data-text="Plan gospodarenja otpadom - petlovac 2017 - 2022" href="/dokumenti-mobile/planovi-opcine-petlovac/plan-gospodarenja-otpadom-petlovac-2017-2022">Plan gospodarenja otpadom - petlovac 2017 - 2022</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-639 notparent first"> </dd> <dt class="level3 off-nav-649 notparent"> <div class="inner"> <div class="link"><a data-text="Prostorni plan uređenja Općine Petlovac" href="https://prostorobz.hr/planovi/prostorni-planovi-uredenja-opcina/" target="_blank">Prostorni plan uređenja Općine Petlovac</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-649 notparent"> </dd> <dt class="level3 off-nav-660 notparent"> <div class="inner"> <div class="link"><a data-text="Izvješće o stanju u prostoru Općine Petlovac" href="/dokumenti-mobile/planovi-opcine-petlovac/izvjesce-o-stanju-u-prostoru-opcine-petlovac">Izvješće o stanju u prostoru Općine Petlovac</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-660 notparent"> </dd> <dt class="level3 off-nav-661 parent"> <div class="inner"> <div class="link"><a data-text="Provedbeni program Općine Petlovac" >Provedbeni program Općine Petlovac</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level3 off-nav-661 parent"> <div class="sm-level level4"><dl class="level4"> <dt class="level4 off-nav-662 notparent first"> <div class="inner"> <div class="link"><a data-text="Provedbeni program Općine Petlovac za razdoblje od 2021. do 2025. godine" href="/dokumenti-mobile/planovi-opcine-petlovac/provedbeni-program-opcine-petlovac/provedbeni-program-opcine-petlovac-za-razdoblje-od-2021-do-2025-godine">Provedbeni program Općine Petlovac za razdoblje od 2021. do 2025. godine</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level4 off-nav-662 notparent first"> </dd> <dt class="level4 off-nav-663 notparent"> <div class="inner"> <div class="link"><a data-text="Polugodišnje izvješće" href="/dokumenti-mobile/planovi-opcine-petlovac/provedbeni-program-opcine-petlovac/polugodisnje-izvjesce">Polugodišnje izvješće</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level4 off-nav-663 notparent"> </dd> </dl></div></dd> </dl></div></dd> <dt class="level2 off-nav-577 parent"> <div class="inner"> <div class="link"><a data-text="Općenito" >Općenito</a></div> </div> <div class="sm-arrow"> <svg><use xlink:href="#sym-point-to-right"/></svg> </div> </dt> <dd class="level2 off-nav-577 parent"> <div class="sm-level level3"><dl class="level3"> <dt class="level3 off-nav-578 notparent first"> <div class="inner"> <div class="link"><a data-text="Zaštita osobnih podataka" href="/dokumenti-mobile/dokumenti-opcenito/zastita-osobnih-podataka">Zaštita osobnih podataka</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-578 notparent first"> </dd> <dt class="level3 off-nav-579 notparent"> <div class="inner"> <div class="link"><a data-text="Pravo na pristup informacijama" href="/dokumenti-mobile/dokumenti-opcenito/pravo-na-pristup-informacijama">Pravo na pristup informacijama</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-579 notparent"> </dd> <dt class="level3 off-nav-580 notparent"> <div class="inner"> <div class="link"><a data-text="Sporazum od dodjeli sredstava" href="/dokumenti-mobile/dokumenti-opcenito/sporazum-od-dodjeli-sredstava">Sporazum od dodjeli sredstava</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-580 notparent"> </dd> <dt class="level3 off-nav-581 notparent"> <div class="inner"> <div class="link"><a data-text="Pristupačnost mrežne stranice" href="/dokumenti-mobile/dokumenti-opcenito/pristupacnost-web-stranice-opcine-petlovac">Pristupačnost mrežne stranice</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level3 off-nav-581 notparent"> </dd> </dl></div></dd> <dt class="level2 off-nav-687 notparent"> <div class="inner"> <div class="link"><a data-text="Procedure" href="/dokumenti-mobile/procedure">Procedure</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level2 off-nav-687 notparent"> </dd> </dl></div></dd> <dt class="level1 off-nav-582 notparent"> <div class="inner"> <div class="link"><a data-text="E-savjetovanje" href="/e-savjetovanje-opcina-petlovac">E-savjetovanje</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level1 off-nav-582 notparent"> </dd> <dt class="level1 off-nav-584 notparent"> <div class="inner"> <div class="link"><a data-text="Traži" href="/trazilica">Traži</a></div> </div> <div class="sm-arrow"> </div> </dt> <dd class="level1 off-nav-584 notparent"> </dd> </dl></div> </div> </nav></div> </div></div><div id="sp-logo" class="col-lg-6 "><div class="sp-column center-izbornik"><div class="logo"><a href="/"><img class="logo-image" src="/images/logo/logo-menu.png" alt="Općina Petlovac"></a></div></div></div><div id="sp-pristupacnost" class="col-lg-3 "><div class="sp-column "><div class="sp-module "><div class="sp-module-content"> <div class="custom" > </div> </div></div><div class="sp-module "><div class="sp-module-content"> <div class="custom" > <script>(function(d){var s = d.createElement("script");s.setAttribute("data-account", "joMpHM8oa6");s.setAttribute("src", "https://accessibilityserver.org/widget.js");(d.body || d.head).appendChild(s);})(document)</script><noscript>Please ensure Javascript is enabled for purposes of <a href="https://accessibilityserver.org">website accessibility</a></noscript></div> </div></div></div></div></div></div></div></header><section id="sp-page-title"><div class="container"><div class="container-inner"><div class="row"><div id="sp-title" class="col-lg-12 "><div class="sp-column "></div></div></div></div></div></section><section id="sp-main-body"><div class="row"><main id="sp-component" class="col-lg-12 " role="main"><div class="sp-column "><div id="system-message-container"> </div> <div id="sp-page-builder" class="sp-page-builder page-199"> <div class="page-content"> <div id="section-id-1546933763902" class="sppb-section sppb-hidden-xs sppb-section-content-center" ><div class="sppb-container-inner"><div class="sppb-row sppb-align-center"><div class="sppb-col-md-12 sppp-column-vertical-align" id="column-wrap-id-1546933763901"><div id="column-id-1546933763901" class="sppb-column sppb-align-items-center" ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1635533605921" class="sppb-addon-wrapper"><div id="sppb-addon-1635533605921" class="clearfix " ><div class="sppb-addon sppb-addon-articles-ticker "><div class="sppb-addon-content"><div class="sppb-articles-ticker-wrap" data-speed="500"><div class="sppb-articles-ticker-heading">Istaknute obavijesti<svg class="sppb-articles-ticker-shape-arrow" width="50" height="100%" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" shape-rendering="geometricPrecision"><path d="M0 0h25l25 25-25 25H0z" fill="#E91E63"/></svg></div><div class="sppb-articles-ticker"><div class="sppb-articles-ticker-content"><div class="sppb-articles-ticker-text shape-enabled-need-extra-padding"><a href="/component/k2/item/193-vazna-obavijest-o-radu-jedinstvenog-upravnog-odjela-opcine-petlovac">VAŽNA OBAVIJEST o radu Jedinstvenog upravnog odjela Općine Petlovac</a></div><div class="sppb-articles-ticker-text shape-enabled-need-extra-padding"><a href="/component/k2/item/156-vazna-obavijest-stanovnicima-opcine-petlovac">VAŽNA OBAVIJEST STANOVNICIMA OPĆINE PETLOVAC</a></div><div class="sppb-articles-ticker-text shape-enabled-need-extra-padding"><a href="/component/k2/item/102-privremena-rang-lista-za-sufinanciranje-projekata-programa-udruga-na-podrucju-opcine-petlovac-u-2019-g">Privremena rang lista za sufinanciranje projekata/programa udruga na području Općine Petlovac u 2019. g.</a></div><div class="sppb-articles-ticker-text shape-enabled-need-extra-padding"><a href="/component/k2/item/90-natjecaj-za-dodjelu-stipendija-za-akademsku-2018-2019-godinu">Natječaj za dodjelu stipendija za akademsku 2018/2019. godinu</a></div><div class="sppb-articles-ticker-text shape-enabled-need-extra-padding"><a href="/component/k2/item/78-javni-poziv-za-prijam-polaznika-na-strucno-osposobljavanje-bez-zasnivanja-radnog-odnosa-u-opcini-petlova">JAVNI POZIV za prijam polaznika na stručno osposobljavanje bez zasnivanja radnog odnosa u Općini Petlovac</a></div><div class="sppb-articles-ticker-text shape-enabled-need-extra-padding"><a href="/component/k2/item/77-sufinanciranje-nabave-skolskih-udzbenika-za-skolsku-2018-2019-godinu">Sufinanciranje nabave školskih udžbenika za školsku 2018/2019 godinu</a></div><div class="sppb-articles-ticker-text shape-enabled-need-extra-padding"><a href="/component/k2/item/75-poziv-na-10-sjednicu-opcinskog-vijeca-opcine-petlovac">POZIV NA 10. SJEDNICU OPĆINSKOG VIJEĆA OPĆINE PETLOVAC</a></div><div class="sppb-articles-ticker-text shape-enabled-need-extra-padding"><a href="/component/k2/item/73-javni-uvid-na-nacrt-prijedloga-programa-raspolaganja-poljoprivrednim-zemljistem-u-vlasnistvu-republike-hrvatske-za-podrucje-opcine-petlovac">Javni uvid na nacrt prijedloga Programa raspolaganja poljoprivrednim zemljištem u vlasništvu Republike Hrvatske za područje Općine Petlovac</a></div></div><div class="sppb-articles-ticker-controller"><span class="sppb-articles-ticker-left-control"></span><span class="sppb-articles-ticker-right-control"></span></div></div></div></div></div></div></div></div></div></div></div></div></div><div id="section-id-1703243509590" class="sppb-section sppb-section-content-top" ><div class="sppb-container-inner"><div class="sppb-row sppb-align-top"><div class="sppb-col-md-12" id="column-wrap-id-1703243509591"><div id="column-id-1703243509591" class="sppb-column" ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1703243509592" class="sppb-addon-wrapper"><div id="sppb-addon-1703243509592" class="clearfix " ><div class="sppb-addon sppb-addon-header title1 sppb-text-left"><h2 class="sppb-addon-title">Novosti / obavijesti</h2></div></div></div><div id="sppb-addon-wrapper-1703243509593" class="sppb-addon-wrapper"><div id="sppb-addon-1703243509593" class="clearfix " ><div class="sppb-addon sppb-addon-module "><div class="sppb-addon-content"><div class="mnwall_loader mas_loader" id="mnwall_loader_1"> </div> <div id="mnwall_container_1" class="mnwall_container mnwall-masonry mnwall-grid3a " data-order="date" data-direction="DESC"><div id="mnwall_iso_container_1" class="mnwall_iso_container" style="margin: -5px;"><div class="mnwall-item cat-Novosti date-2024-11 mnwitem1 mnwall-big " style="padding:5px;" data-id="360" data-title="izbori za predsjednika republke hrvatske - objava i obavijest biraČima" data-category="novosti" data-author="eugen" data-date="2024-11-29 07:47:41" data-hits="19" data-ordering="215" data-modified="0000-00-00 00:00:00" data-start="2024-11-29 07:47:41" data-rating="0" data-comments="0" data-index="1"><div class="mnwall-item-outer-cont content-left" style=""><div class="mnwall-item-inner-cont"><a href="/component/k2/item/360-izbori-za-predsjednika-republke-hrvatske-objava-i-obavijest-biracima" class="mnwall-photo-link" style="background-image: url('https://www.petlovac.hr/media/k2/items/cache/6ddb2450462828abf9aabc88d6bfb7fe_L.jpg');"></a><div class="mnwall-item-inner mnwall-detail-box light-text introtext-hidden category-hidden location-hidden type-hidden author-hidden price-hidden hits-hidden readmore-hidden " style="background-color: rgba(102,102,102,0.75);"><div class="mnwall-date">Studeni 29, 2024</div><h3 class="mnwall-title"><a href="/component/k2/item/360-izbori-za-predsjednika-republke-hrvatske-objava-i-obavijest-biracima">IZBORI ZA PREDSJEDNIKA REPUBLKE HRVATSKE - OBJAVA I OBAVIJEST BIRAČIMA</a></h3></div></div></div> </div><div class="mnwall-item cat-Novosti date-2024-10 mnwitem2 mnwall-horizontal " style="padding:5px;" data-id="359" data-title="obavijest o sufinanciranju troŠkova prijevoza ili troŠkova smjeŠtaja studenata i. godine studija" data-category="novosti" data-author="eugen" data-date="2024-10-14 12:19:56" data-hits="102" data-ordering="214" data-modified="0000-00-00 00:00:00" data-start="2024-10-14 12:19:56" data-rating="0" data-comments="0" data-index="2"><div class="mnwall-item-outer-cont content-left" style=""><div class="mnwall-item-inner-cont"><a href="/component/k2/item/359-obavijest-o-sufinanciranju-troskova-prijevoza-ili-troskova-smjestaja-studenata-i-godine-studija" class="mnwall-photo-link" style="background-image: url('https://www.petlovac.hr/media/k2/items/cache/58b053c805beeea9e04dde1724076741_L.jpg');"></a><div class="mnwall-item-inner mnwall-detail-box light-text introtext-hidden category-hidden location-hidden type-hidden author-hidden price-hidden hits-hidden readmore-hidden " style="background-color: rgba(102,102,102,0.75);"><div class="mnwall-date">Listopad 14, 2024</div><h3 class="mnwall-title"><a href="/component/k2/item/359-obavijest-o-sufinanciranju-troskova-prijevoza-ili-troskova-smjestaja-studenata-i-godine-studija">OBAVIJEST O SUFINANCIRANJU TROŠKOVA PRIJEVOZA ILI TROŠKOVA SMJEŠTAJA STUDENATA I. GODINE STUDIJA</a></h3></div></div></div> </div><div class="mnwall-item cat-Novosti date-2024-10 mnwitem3 mnwall-horizontal " style="padding:5px;" data-id="357" data-title="natjeČaj za dodjelu stipendija za akademsku godinu 2024./2025." data-category="novosti" data-author="eugen" data-date="2024-10-14 11:12:12" data-hits="142" data-ordering="213" data-modified="0000-00-00 00:00:00" data-start="2024-10-14 11:12:12" data-rating="0" data-comments="0" data-index="3"><div class="mnwall-item-outer-cont content-left" style=""><div class="mnwall-item-inner-cont"><a href="/component/k2/item/357-natjecaj-za-dodjelu-stipendija-za-akademsku-godinu-2024-2025" class="mnwall-photo-link" style="background-image: url('https://www.petlovac.hr/media/k2/items/cache/218fa54275e0e31c37b4e5091d9112ba_L.jpg');"></a><div class="mnwall-item-inner mnwall-detail-box light-text introtext-hidden category-hidden location-hidden type-hidden author-hidden price-hidden hits-hidden readmore-hidden " style="background-color: rgba(102,102,102,0.75);"><div class="mnwall-date">Listopad 14, 2024</div><h3 class="mnwall-title"><a href="/component/k2/item/357-natjecaj-za-dodjelu-stipendija-za-akademsku-godinu-2024-2025">NATJEČAJ ZA DODJELU STIPENDIJA ZA AKADEMSKU GODINU 2024./2025.</a></h3></div></div></div> </div></div><div class="mnwall_arrows"> <a href="#" class="mnwall_arrow mnwall_arrow_prev disabled" data-page="0" title="Prethodno"> <span class="more-results"><i class="fa fa-chevron-left"></i></span> <div class="mnwall_arrow_loader mas_loader"> </div> </a><a href="#" class="mnwall_arrow mnwall_arrow_next " data-page="2" title="Dalje"> <span class="more-results"><i class="fa fa-chevron-right"></i></span> <div class="mnwall_arrow_loader mas_loader"> </div> </a></div></div> </div></div></div></div></div></div></div></div></div></div><div id="section-id-1635529642216" class="sppb-section title1" ><div class="sppb-container-inner"><div class="sppb-row"><div class="sppb-col-md-12" id="column-wrap-id-1635529642217"><div id="column-id-1635529642217" class="sppb-column" ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1635536650336" class="sppb-addon-wrapper"><div id="sppb-addon-1635536650336" class="clearfix " ><div class="sppb-addon sppb-addon-header title2 sppb-text-left"><h2 class="sppb-addon-title">Javni natječaji</h2></div></div></div><div id="sppb-addon-wrapper-1635529642219" class="sppb-addon-wrapper"><div id="sppb-addon-1635529642219" class="clearfix " ><div class="sppb-addon sppb-addon-module "><div class="sppb-addon-content"><div class="mnwall_loader mas_loader" id="mnwall_loader_3"> </div> <div id="mnwall_container_3" class="mnwall_container mnwall-masonry mnwall-grid999c " data-order="date" data-direction="DESC"><div id="mnwall_iso_container_3" class="mnwall_iso_container" style="margin: -5px;"><div class="mnwall-item cat-Javni-natječaji date-2024-10 mnwitem1 mnwall-small " style="padding:5px;" data-id="358" data-title="kopija natjeČaj za dodjelu stipendija za akademsku godinu 2024./2025." data-category="javni-natječaji" data-author="eugen" data-date="2024-10-14 11:16:36" data-hits="31" data-ordering="46" data-modified="2024-10-14 11:17:02" data-start="2024-10-14 11:12:12" data-rating="0" data-comments="0" data-index="1"><div class="mnwall-item-outer-cont content-cover" style=""><div class="mnwall-item-inner-cont"><a href="/natjecaji-nabava-opcine-petlovac/javni-natjecaji/item/358-natjecaj-za-dodjelu-stipendija-za-akademsku-godinu-2024-2025" class="mnwall-photo-link" style="background-image: url('https://www.petlovac.hr/media/k2/items/cache/3b77d3f73b59742412f393cd0d264b14_L.jpg');"></a><div class="mnwall-item-inner mnwall-detail-box light-text introtext-hidden category-hidden location-hidden type-hidden author-hidden price-hidden hits-hidden readmore-hidden " style="background-color: rgba(102,102,102,0.75);"><div class="mnwall-date">Listopad 14, 2024</div><h3 class="mnwall-title"><a href="/natjecaji-nabava-opcine-petlovac/javni-natjecaji/item/358-natjecaj-za-dodjelu-stipendija-za-akademsku-godinu-2024-2025">Kopija NATJEČAJ ZA DODJELU STIPENDIJA ZA AKADEMSKU GODINU 2024./2025.</a></h3><div class="mnwall-item-info"><p class="mnwall-item-category"> <span>Kategorija: </span><a href="/natjecaji-nabava-opcine-petlovac/javni-natjecaji">Javni natječaji</a></p></div></div></div></div> </div><div class="mnwall-item cat-Javni-natječaji date-2024-06 mnwitem2 mnwall-small " style="padding:5px;" data-id="348" data-title="javni poziv za dodjelu potpora za ulaganja u poljoprivrednu proizvodnju na području općine petlovac u 2024. godini" data-category="javni-natječaji" data-author="eugen" data-date="2024-06-17 06:57:21" data-hits="139" data-ordering="45" data-modified="2024-06-17 07:00:00" data-start="2024-06-17 06:37:48" data-rating="0" data-comments="0" data-index="2"><div class="mnwall-item-outer-cont content-cover" style=""><div class="mnwall-item-inner-cont"><a href="/natjecaji-nabava-opcine-petlovac/javni-natjecaji/item/348-javni-poziv-za-dodjelu-potpora-za-ulaganja-u-poljoprivrednu-proizvodnju-na-podrucju-opcine-petlovac-u-2024-godini" class="mnwall-photo-link" style="background-image: url('https://www.petlovac.hr/media/k2/items/cache/de2df791682f079f8397226a3ff38bc7_L.jpg');"></a><div class="mnwall-item-inner mnwall-detail-box light-text introtext-hidden category-hidden location-hidden type-hidden author-hidden price-hidden hits-hidden readmore-hidden " style="background-color: rgba(102,102,102,0.75);"><div class="mnwall-date">Lipanj 17, 2024</div><h3 class="mnwall-title"><a href="/natjecaji-nabava-opcine-petlovac/javni-natjecaji/item/348-javni-poziv-za-dodjelu-potpora-za-ulaganja-u-poljoprivrednu-proizvodnju-na-podrucju-opcine-petlovac-u-2024-godini">Javni poziv za dodjelu potpora za ulaganja u poljoprivrednu proizvodnju na području Općine Petlovac u…</a></h3><div class="mnwall-item-info"><p class="mnwall-item-category"> <span>Kategorija: </span><a href="/natjecaji-nabava-opcine-petlovac/javni-natjecaji">Javni natječaji</a></p></div></div></div></div> </div><div class="mnwall-item cat-Javni-natječaji date-2024-03 mnwitem3 mnwall-small " style="padding:5px;" data-id="329" data-title="poziv na prethodnu provjeru znanja i sposobnosti" data-category="javni-natječaji" data-author="eugen" data-date="2024-03-11 10:29:33" data-hits="155" data-ordering="44" data-modified="0000-00-00 00:00:00" data-start="2024-03-11 10:29:33" data-rating="0" data-comments="0" data-index="3"><div class="mnwall-item-outer-cont content-cover" style=""><div class="mnwall-item-inner-cont"><a href="/natjecaji-nabava-opcine-petlovac/javni-natjecaji/item/329-poziv-na-prethodnu-provjeru-znanja-i-sposobnosti" class="mnwall-photo-link" style="background-image: url('https://www.petlovac.hr/media/k2/items/cache/c75601cf4b798b9bb038a5b73c93d358_L.jpg');"></a><div class="mnwall-item-inner mnwall-detail-box light-text introtext-hidden category-hidden location-hidden type-hidden author-hidden price-hidden hits-hidden readmore-hidden " style="background-color: rgba(102,102,102,0.75);"><div class="mnwall-date">Ožujak 11, 2024</div><h3 class="mnwall-title"><a href="/natjecaji-nabava-opcine-petlovac/javni-natjecaji/item/329-poziv-na-prethodnu-provjeru-znanja-i-sposobnosti">POZIV NA PRETHODNU PROVJERU ZNANJA I SPOSOBNOSTI</a></h3><div class="mnwall-item-info"><p class="mnwall-item-category"> <span>Kategorija: </span><a href="/natjecaji-nabava-opcine-petlovac/javni-natjecaji">Javni natječaji</a></p></div></div></div></div> </div></div><div class="mnwall_arrows"> <a href="#" class="mnwall_arrow mnwall_arrow_prev disabled" data-page="0" title="Prethodno"> <span class="more-results"><i class="fa fa-chevron-left"></i></span> <div class="mnwall_arrow_loader mas_loader"> </div> </a><a href="#" class="mnwall_arrow mnwall_arrow_next " data-page="2" title="Dalje"> <span class="more-results"><i class="fa fa-chevron-right"></i></span> <div class="mnwall_arrow_loader mas_loader"> </div> </a></div></div> </div></div></div></div></div></div></div></div></div></div><section id="section-id-1680730836186" class="sppb-section sppb-section-content-center" ><div class="sppb-row-container"><div class="sppb-row sppb-align-center"><div class="sppb-col-md-4 sppb-col-sm-4 sppp-column-vertical-align" id="column-wrap-id-1680730836187"><div id="column-id-1680730836187" class="sppb-column sppb-align-items-center" ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1680730836188" class="sppb-addon-wrapper"><div id="sppb-addon-1680730836188" class="clearfix " ><div class="sppb-addon sppb-addon-single-image sppb-text-center "><div class="sppb-addon-content"><div class="sppb-addon-single-image-container"><a href="https://www.petlovac.hr/e-savjetovanje-opcina-petlovac"><img class="sppb-img-responsive sppb-element-lazy" src="/media/com_sppagebuilder/placeholder/esavjetovanje.jpg" data-large="/images/info-naslovnica/esavjetovanje.jpg" alt="Kliknite na sliku!" title="" loading="lazy"></a></div></div></div></div></div></div></div></div><div class="sppb-col-md-4 sppb-col-sm-4 sppp-column-vertical-align" id="column-wrap-id-1680730836189"><div id="column-id-1680730836189" class="sppb-column sppb-align-items-center" ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1680730836190" class="sppb-addon-wrapper"><div id="sppb-addon-1680730836190" class="clearfix " ><div class="sppb-addon sppb-addon-single-image sppb-text-center "><div class="sppb-addon-content"><div class="sppb-addon-single-image-container"><a href="https://www.petlovac.hr/dokumenti-mobile/dokumenti-opcenito/pravo-na-pristup-informacijama"><img class="sppb-img-responsive sppb-element-lazy" src="/media/com_sppagebuilder/placeholder/sluzba_za_informiranje.jpg" data-large="/images/info-naslovnica/sluzba_za_informiranje.jpg" alt="Kliknite na sliku!" title="" loading="lazy"></a></div></div></div></div></div></div></div></div><div class="sppb-col-md-4 sppb-col-sm-4 sppp-column-vertical-align" id="column-wrap-id-1680730836191"><div id="column-id-1680730836191" class="sppb-column sppb-align-items-center" ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1680730836192" class="sppb-addon-wrapper"><div id="sppb-addon-1680730836192" class="clearfix " ><div class="sppb-addon sppb-addon-single-image sppb-text-center "><div class="sppb-addon-content"><div class="sppb-addon-single-image-container"><a href="https://www.petlovac.hr/ustroj-opcine-petlovac/opcinska-uprava-petlovca/jedinstveni-upravni-odjel"><img class="sppb-img-responsive sppb-element-lazy" src="/media/com_sppagebuilder/placeholder/upit.jpg" data-large="/images/info-naslovnica/upit.jpg" alt="Kliknite na sliku!" title="" loading="lazy"></a></div></div></div></div></div></div></div></div></div></div></section><div id="section-id-1546935716770" class="sppb-section sppb-element-lazy" data-sppb-parallax="on"><div class="sppb-container-inner"><div class="sppb-row"><div class="sppb-col-md-12 sppp-column-vertical-align" id="column-wrap-id-1546935716765"><div id="column-id-1546935716765" class="sppb-column sppb-align-items-center" ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1635532883677" class="sppb-addon-wrapper"><div id="sppb-addon-1635532883677" class="clearfix " ><div class="sppb-addon sppb-addon-header title3 sppb-text-left"><h2 class="sppb-addon-title">Jednostavna nabava</h2></div></div></div><div id="sppb-addon-wrapper-1618882945223" class="sppb-addon-wrapper"><div id="sppb-addon-1618882945223" class="clearfix " ><div class="sppb-addon sppb-addon-module "><div class="sppb-addon-content"><div class="mnwall_loader mas_loader" id="mnwall_loader_4"> </div> <div id="mnwall_container_4" class="mnwall_container mnwall-masonry mnwall-grid999c " data-order="date" data-direction="DESC"><div id="mnwall_iso_container_4" class="mnwall_iso_container" style="margin: -5px;"><div class="mnwall-item cat-Jednostavna-nabava date-2021-05 mnwitem1 mnwall-small " style="padding:5px;" data-id="218" data-title="organizacija i realizacija promotivnih manifestacija i programa u svrhu provedbe projekta handshake" data-category="jednostavna-nabava" data-author="eugen" data-date="2021-05-18 13:48:38" data-hits="589" data-ordering="3" data-modified="0000-00-00 00:00:00" data-start="2021-05-18 13:48:38" data-rating="0" data-comments="0" data-index="1"><div class="mnwall-item-outer-cont content-cover" style=""><div class="mnwall-item-inner-cont"><a href="/natjecaji-nabava-opcine-petlovac/javna-nabava/jednostavna-nabava/item/218-organizacija-i-realizacija-promotivnih-manifestacija-i-programa-u-svrhu-provedbe-projekta-handshake" class="mnwall-photo-link" style="background-image: url('https://www.petlovac.hr/media/k2/items/cache/aa5045f13216477abf2a0e16a08acd59_L.jpg');"></a><div class="mnwall-item-inner mnwall-detail-box light-text introtext-hidden category-hidden location-hidden type-hidden author-hidden price-hidden hits-hidden readmore-hidden " style="background-color: rgba(102,102,102,0.75);"><div class="mnwall-date">Svi 18, 2021</div><h3 class="mnwall-title"><a href="/natjecaji-nabava-opcine-petlovac/javna-nabava/jednostavna-nabava/item/218-organizacija-i-realizacija-promotivnih-manifestacija-i-programa-u-svrhu-provedbe-projekta-handshake">Organizacija i realizacija promotivnih manifestacija i programa u svrhu provedbe projekta HANDSHAKE</a></h3><div class="mnwall-item-info"><p class="mnwall-item-category"> <span>Kategorija: </span><a href="/natjecaji-nabava-opcine-petlovac/javna-nabava/jednostavna-nabava">Jednostavna nabava</a></p></div></div></div></div> </div><div class="mnwall-item cat-Jednostavna-nabava date-2020-08 mnwitem2 mnwall-small " style="padding:5px;" data-id="179" data-title="izgradnja pješačke staze, uređenje zelenih površina i ugradnja komunalne opreme u petlovcu" data-category="jednostavna-nabava" data-author="eugen" data-date="2020-08-12 10:10:28" data-hits="682" data-ordering="2" data-modified="2020-08-13 10:14:45" data-start="2020-08-12 10:10:28" data-rating="0" data-comments="0" data-index="2"><div class="mnwall-item-outer-cont content-cover" style=""><div class="mnwall-item-inner-cont"><a href="/natjecaji-nabava-opcine-petlovac/javna-nabava/jednostavna-nabava/item/179-izgradnja-pjesacke-staze-uredenje-zelenih-povrsina-i-ugradnja-komunalne-opreme-u-petlovcu" class="mnwall-photo-link" style="background-image: url('https://www.petlovac.hr/images/natjecaji.jpg');"></a><div class="mnwall-item-inner mnwall-detail-box light-text introtext-hidden category-hidden location-hidden type-hidden author-hidden price-hidden hits-hidden readmore-hidden " style="background-color: rgba(102,102,102,0.75);"><div class="mnwall-date">Kolovoz 12, 2020</div><h3 class="mnwall-title"><a href="/natjecaji-nabava-opcine-petlovac/javna-nabava/jednostavna-nabava/item/179-izgradnja-pjesacke-staze-uredenje-zelenih-povrsina-i-ugradnja-komunalne-opreme-u-petlovcu">Izgradnja pješačke staze, uređenje zelenih površina i ugradnja komunalne opreme u Petlovcu</a></h3><div class="mnwall-item-info"><p class="mnwall-item-category"> <span>Kategorija: </span><a href="/natjecaji-nabava-opcine-petlovac/javna-nabava/jednostavna-nabava">Jednostavna nabava</a></p></div></div></div></div> </div><div class="mnwall-item cat-Jednostavna-nabava date-2020-08 mnwitem3 mnwall-small " style="padding:5px;" data-id="178" data-title="rekonstrukcija i opremanje društvenog doma u baranjskom petrovom selu - izgradnja plinskog priključka i instalacije grijanja" data-category="jednostavna-nabava" data-author="eugen" data-date="2020-08-12 09:42:44" data-hits="552" data-ordering="1" data-modified="2020-08-13 10:15:02" data-start="2020-08-12 09:42:44" data-rating="0" data-comments="0" data-index="3"><div class="mnwall-item-outer-cont content-cover" style=""><div class="mnwall-item-inner-cont"><a href="/natjecaji-nabava-opcine-petlovac/javna-nabava/jednostavna-nabava/item/178-rekonstrukcija-i-opremanje-drustvenog-doma-u-baranjskom-petrovom-selu-izgradnja-plinskog-prikljucka-i-instalacije-grijanja" class="mnwall-photo-link" style="background-image: url('https://www.petlovac.hr/images/natjecaji.jpg');"></a><div class="mnwall-item-inner mnwall-detail-box light-text introtext-hidden category-hidden location-hidden type-hidden author-hidden price-hidden hits-hidden readmore-hidden " style="background-color: rgba(102,102,102,0.75);"><div class="mnwall-date">Kolovoz 12, 2020</div><h3 class="mnwall-title"><a href="/natjecaji-nabava-opcine-petlovac/javna-nabava/jednostavna-nabava/item/178-rekonstrukcija-i-opremanje-drustvenog-doma-u-baranjskom-petrovom-selu-izgradnja-plinskog-prikljucka-i-instalacije-grijanja">Rekonstrukcija i opremanje Društvenog doma u Baranjskom Petrovom Selu - Izgradnja plinskog priključka i instalacije…</a></h3><div class="mnwall-item-info"><p class="mnwall-item-category"> <span>Kategorija: </span><a href="/natjecaji-nabava-opcine-petlovac/javna-nabava/jednostavna-nabava">Jednostavna nabava</a></p></div></div></div></div> </div></div><div class="mnwall_arrows"> <a href="#" class="mnwall_arrow mnwall_arrow_prev disabled" data-page="0" title="Prethodno"> <span class="more-results"><i class="fa fa-chevron-left"></i></span> <div class="mnwall_arrow_loader mas_loader"> </div> </a><a href="#" class="mnwall_arrow mnwall_arrow_next disabled" data-page="2" title="Dalje"> <span class="more-results"><i class="fa fa-chevron-right"></i></span> <div class="mnwall_arrow_loader mas_loader"> </div> </a></div></div> </div></div></div></div></div></div></div></div></div></div><section id="section-id-1635583749531" class="sppb-section sppb-section-content-center" ><div class="sppb-row-container"><div class="sppb-row sppb-align-center"><div class="sppb-col-md-4 sppb-col-sm-4 sppp-column-vertical-align" id="column-wrap-id-1635583749532"><div id="column-id-1635583749532" class="sppb-column sppb-align-items-center" ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1635583749533" class="sppb-addon-wrapper"><div id="sppb-addon-1635583749533" class="clearfix " ><div class="sppb-addon sppb-addon-single-image sppb-text-center "><div class="sppb-addon-content"><div class="sppb-addon-single-image-container"><a href="https://www.petlovac.hr/opcina-petlovac/sluzbeni-glasnik-opcine-petlovac"><img class="sppb-img-responsive sppb-element-lazy" src="https://res.cloudinary.com/joomshaper/image/upload/v1582107175/placeholder.svg" data-large="/images/info-naslovnica/sluzbeni-glasnik.jpg" alt="Kliknite na sliku!" title="" loading="lazy"></a></div></div></div></div></div></div></div></div><div class="sppb-col-md-4 sppb-col-sm-4 sppp-column-vertical-align" id="column-wrap-id-1635583749534"><div id="column-id-1635583749534" class="sppb-column sppb-align-items-center" ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1635583749535" class="sppb-addon-wrapper"><div id="sppb-addon-1635583749535" class="clearfix " ><div class="sppb-addon sppb-addon-single-image sppb-text-center "><div class="sppb-addon-content"><div class="sppb-addon-single-image-container"><a href="https://www.petlovac.hr/dokumenti-mobile/financije-mobile/proracun-opcine-petlovac"><img class="sppb-img-responsive sppb-element-lazy" src="https://res.cloudinary.com/joomshaper/image/upload/v1582107175/placeholder.svg" data-large="/images/info-naslovnica/proracun.jpg" alt="Kliknite na sliku!" title="" loading="lazy"></a></div></div></div></div></div></div></div></div><div class="sppb-col-md-4 sppb-col-sm-4 sppp-column-vertical-align" id="column-wrap-id-1635583749536"><div id="column-id-1635583749536" class="sppb-column sppb-align-items-center" ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1635583749537" class="sppb-addon-wrapper"><div id="sppb-addon-1635583749537" class="clearfix " ><div class="sppb-addon sppb-addon-single-image sppb-text-center "><div class="sppb-addon-content"><div class="sppb-addon-single-image-container"><a href="https://www.petlovac.hr/dokumenti-mobile/financije-mobile/financijska-izvjesca-opcine-petlovac"><img class="sppb-img-responsive sppb-element-lazy" src="https://res.cloudinary.com/joomshaper/image/upload/v1582107175/placeholder.svg" data-large="/images/info-naslovnica/izvjesca.jpg" alt="Kliknite na sliku!" title="" loading="lazy"></a></div></div></div></div></div></div></div></div></div></div></section><div id="section-id-1618892675956" class="sppb-section sppb-element-lazy sppb-section-content-center" data-sppb-parallax="on"><div class="sppb-container-inner"><div class="sppb-row sppb-align-center"><div class="sppb-col-md-12" id="column-wrap-id-1618892675957"><div id="column-id-1618892675957" class="sppb-column" ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1618892675958" class="sppb-addon-wrapper"><div id="sppb-addon-1618892675958" class="clearfix " ><div class="sppb-addon sppb-addon-header title2 sppb-text-left"><h2 class="sppb-addon-title">Eu projekti</h2></div></div></div><div id="sppb-addon-wrapper-1618892675959" class="sppb-addon-wrapper"><div id="sppb-addon-1618892675959" class="clearfix " ><div class="sppb-addon sppb-addon-module "><div class="sppb-addon-content"><div class="mnwall_loader mas_loader" id="mnwall_loader_5"> </div> <div id="mnwall_container_5" class="mnwall_container mnwall-masonry mnwall-grid999c " data-order="date" data-direction="DESC"><div id="mnwall_iso_container_5" class="mnwall_iso_container" style="margin: -5px;"><div class="mnwall-item cat-Eu-projekti date-2024-05 mnwitem1 mnwall-small " style="padding:5px;" data-id="345" data-title="odluka o prijemu u radni odnos za radno mjesto radnik / radnica za pomoć u kući u okviru projekta „zaŽeli – općina petlovac“" data-category="eu-projekti" data-author="eugen" data-date="2024-05-24 07:01:17" data-hits="116" data-ordering="5" data-modified="2024-05-24 07:01:47" data-start="2024-05-24 06:52:34" data-rating="0" data-comments="0" data-index="1"><div class="mnwall-item-outer-cont content-cover" style=""><div class="mnwall-item-inner-cont"><a href="/component/k2/item/345-odluka-o-prijemu-u-radni-odnos-za-radno-mjesto-radnik-radnica-za-pomoc-u-kuci-u-okviru-projekta-zazeli-opcina-petlovac" class="mnwall-photo-link" style="background-image: url('https://www.petlovac.hr/media/k2/items/cache/5f9ec0b2e765a617089a13fe6f9b5c6d_L.jpg');"></a><div class="mnwall-item-inner mnwall-detail-box light-text introtext-hidden type-hidden author-hidden price-hidden hits-hidden readmore-hidden " style="background-color: rgba(102,102,102,0.75);"><div class="mnwall-date">Svi 24, 2024</div><h3 class="mnwall-title"><a href="/component/k2/item/345-odluka-o-prijemu-u-radni-odnos-za-radno-mjesto-radnik-radnica-za-pomoc-u-kuci-u-okviru-projekta-zazeli-opcina-petlovac">Odluka o prijemu u radni odnos za radno mjesto Radnik / Radnica za pomoć u…</a></h3><div class="mnwall-item-info"><p class="mnwall-item-category"> <span>Kategorija: </span><a href="/component/k2/itemlist/category/44-eu-projekti">Eu projekti</a></p></div></div></div></div> </div><div class="mnwall-item cat-Eu-projekti date-2024-05 mnwitem2 mnwall-small " style="padding:5px;" data-id="343" data-title="objavljen javni oglas za radno mjesto radnik / radnica za pomoć u kući u okviru projekta „zaŽeli – općina petlovac“" data-category="eu-projekti" data-author="eugen" data-date="2024-05-24 06:57:07" data-hits="159" data-ordering="4" data-modified="2024-05-24 06:58:34" data-start="2024-05-07 08:00:55" data-rating="0" data-comments="0" data-index="2"><div class="mnwall-item-outer-cont content-cover" style=""><div class="mnwall-item-inner-cont"><a href="/component/k2/item/343-objavljen-javni-oglas-za-radno-mjesto-radnik-radnica-za-pomoc-u-kuci-u-okviru-projekta-zazeli-opcina-petlovac" class="mnwall-photo-link" style="background-image: url('https://www.petlovac.hr/media/k2/items/cache/f50c152c7848dac24210d3ad3ad22154_L.jpg');"></a><div class="mnwall-item-inner mnwall-detail-box light-text introtext-hidden type-hidden author-hidden price-hidden hits-hidden readmore-hidden " style="background-color: rgba(102,102,102,0.75);"><div class="mnwall-date">Svi 24, 2024</div><h3 class="mnwall-title"><a href="/component/k2/item/343-objavljen-javni-oglas-za-radno-mjesto-radnik-radnica-za-pomoc-u-kuci-u-okviru-projekta-zazeli-opcina-petlovac">Objavljen Javni oglas za radno mjesto Radnik / Radnica za pomoć u kući u okviru…</a></h3><div class="mnwall-item-info"><p class="mnwall-item-category"> <span>Kategorija: </span><a href="/component/k2/itemlist/category/44-eu-projekti">Eu projekti</a></p></div></div></div></div> </div></div><div class="mnwall_arrows"> <a href="#" class="mnwall_arrow mnwall_arrow_prev disabled" data-page="0" title="Prethodno"> <span class="more-results"><i class="fa fa-chevron-left"></i></span> <div class="mnwall_arrow_loader mas_loader"> </div> </a><a href="#" class="mnwall_arrow mnwall_arrow_next " data-page="2" title="Dalje"> <span class="more-results"><i class="fa fa-chevron-right"></i></span> <div class="mnwall_arrow_loader mas_loader"> </div> </a></div></div> </div></div></div></div></div></div></div></div></div></div><section id="section-id-1656908896357" class="sppb-section sppb-section-content-center" ><div class="sppb-row-container"><div class="sppb-row sppb-align-center"><div class="sppb-col-md-4 sppb-col-sm-4 sppp-column-vertical-align" id="column-wrap-id-1656908896358"><div id="column-id-1656908896358" class="sppb-column sppb-align-items-center" ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1656908896359" class="sppb-addon-wrapper"><div id="sppb-addon-1656908896359" class="clearfix " ><div class="sppb-addon sppb-addon-single-image sppb-text-center "><div class="sppb-addon-content"><div class="sppb-addon-single-image-container"><a rel="noopener noreferrer" target="_blank" href="https://interreg.eu/"><img class="sppb-img-responsive sppb-element-lazy" src="/media/com_sppagebuilder/placeholder/interreg.jpg" data-large="/images/naslovnica/interreg.jpg" alt="Kliknite na sliku!" title="" loading="lazy"></a></div></div></div></div></div></div></div></div><div class="sppb-col-md-4 sppb-col-sm-4 sppp-column-vertical-align" id="column-wrap-id-1656908896360"><div id="column-id-1656908896360" class="sppb-column sppb-align-items-center" ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1656908896361" class="sppb-addon-wrapper"><div id="sppb-addon-1656908896361" class="clearfix " ><div class="sppb-addon sppb-addon-single-image sppb-text-center "><div class="sppb-addon-content"><div class="sppb-addon-single-image-container"><a rel="noopener noreferrer" target="_blank" href="http://interregmarokujbezdan.hu/hu/"><img class="sppb-img-responsive sppb-element-lazy" src="/media/com_sppagebuilder/placeholder/pps.jpg" data-large="/images/naslovnica/pps.jpg" alt="Kliknite na sliku!" title="" loading="lazy"></a></div></div></div></div></div></div></div></div><div class="sppb-col-md-4 sppb-col-sm-4 sppp-column-vertical-align" id="column-wrap-id-1656908896362"><div id="column-id-1656908896362" class="sppb-column sppb-align-items-center" ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1656908896363" class="sppb-addon-wrapper"><div id="sppb-addon-1656908896363" class="clearfix " ><div class="sppb-addon sppb-addon-text-block "><div class="sppb-addon-content"><div> <p style="text-align: center;"><strong>Prekogranična regija - gdje rijeke spajaju, a ne razdvajaju</strong></p> <p><span style="font-size: small;">Akronim: Handshake</span></p> <p><span style="font-size: small;">Naziv projekta: Handshake of Traditions – Common Heritage Tourism Development of Marok and Novi Bezdan </span></p> <p><span style="font-size: small;">Glavni korisnik: Općina Marok (HU)</span></p> <p><span style="font-size: small;">Korisnik: Općina Petlovac (HR)</span></p> <p><span style="font-size: small;">Iznos</span><span style="font-size: small;"> sredstava EU (projekt): 391.418,00 EUR</span></p> <p><span style="font-size: small;">Iznos</span><span style="font-size: small;"> sredstava EU (LB/B dio): 332.705,29 EUR</span></p> <p><span style="font-size: small;">Početak projekta: 1. svibnja 2020. godine</span></p> <p><span style="font-size: small;">Kraj projekta: 30. travnja 2022. godine</span></p> <p><span style="font-size: small;">Sadržaj je isključiva odgovornost Općine Petlovac i ni pod kojim uvjetima ne odražava stav Europske unije i/ili Upravljačkog tijela</span></p> </div></div></div></div></div></div></div></div></div></div></section><div id="section-id-1618892323359" class="sppb-section sppb-element-lazy sppb-section-content-center" ><div class="sppb-container-inner"><div class="sppb-row sppb-align-center"><div class="sppb-col-md-12 sppp-column-vertical-align" id="column-wrap-id-1618892323360"><div id="column-id-1618892323360" class="sppb-column sppb-align-items-center" ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1618892323369" class="sppb-addon-wrapper"><div id="sppb-addon-1618892323369" class="clearfix " ><div class="sppb-addon sppb-addon-module "><div class="sppb-addon-content"> <div class="customwhite" > <div><img src="/images/logo/petlovac_logo.png" alt="logo menu" width="111" height="150" style="display: block; margin: 0px auto 10px;" /></div> <h1 style="text-align: center;">OPĆINA PETLOVAC</h1> <h3 style="text-align: center;">Rade Končara 31, Petlovac</h3> <h4 style="text-align: center;">OIB: 56100739225 / IBAN: HR 4723400091832500006</h4> <div> </div> <div style="text-align: center;"> Djelatno vrijeme sa strankama: ponedjeljak - petak 07:00 - 15:00 sati.</div> <div style="text-align: center;">Telefon: 031/747-176  I Email: opcina[@]petlovac.hr</div></div> </div></div></div></div></div></div></div></div></div></div> </div> </div> </div></main></div></section><footer id="sp-footer"><div class="container"><div class="container-inner"><div class="row"><div id="sp-footer1" class="col-lg-6 "><div class="sp-column "><div class="sp-module "><div class="sp-module-content"> <div class="custom" > <div>© 2021 Općina Petlovac</div></div> </div></div></div></div><div id="sp-footer2" class="col-lg-6 "><div class="sp-column "><span class="sp-copyright">Designed by <a target="_blank" href="https://www.jdizajn.hr">JDizajn</a></span></div></div></div></div></div></footer> </div> </div>  <div class="offcanvas-overlay"></div> <div class="offcanvas-menu"> <a href="#" class="close-offcanvas"><span class="fa fa-remove"></span></a> <div class="offcanvas-inner"> <p class="alert alert-warning"> Publish modules to the "offcanvs" position. </p> </div> </div>  <a href="#" class="sp-scroll-up" aria-label="Scroll Up"><span class="fa fa-chevron-up" aria-hidden="true"></span></a> <script type="text/javascript">/*joomlatools job scheduler*/ !function(){function e(e,t,n,o){try{o=new(this.XMLHttpRequest||ActiveXObject)("MSXML2.XMLHTTP.3.0"),o.open("POST",e,1),o.setRequestHeader("X-Requested-With","XMLHttpRequest"),o.setRequestHeader("Content-type","application/x-www-form-urlencoded"),o.onreadystatechange=function(){o.readyState>3&&t&&t(o.responseText,o)},o.send(n)}catch(c){}}function t(n){e(n,function(e,o){try{if(200==o.status){var c=JSON.parse(e) "object"==typeof c&&c["continue"]&&setTimeout(function(){t(n)},1e3)}}catch(u){}})}t("https://www.petlovac.hr/index.php?option=com_joomlatools&controller=scheduler")}()</script></div></div></div></body> </html>

CINXE.COM

Općina Petlovac