organizations page

app/assets/scripts/main.js

@@ -188,7 +188,7 @@
         itemLabelClass: 'regionsfilter__label'
     });
 
-    window.showFotorama = function(jQuery, fotoramaObjectClass, fotoramaPrevClass, fotoramaNextClass) {
+    window.showFotorama = function (jQuery, fotoramaObjectClass, fotoramaPrevClass, fotoramaNextClass) {
         var $selector = jQuery(fotoramaObjectClass);
         $selector.data('navwidth', ($selector.outerWidth() - 80) + 'px');
         var $fotoramaDiv = $selector.fotorama();
@@ -201,4 +201,38 @@
         }).bind(this));
     };
 
+    (function (assetsUrl) {
+        var n = document.getElementsByTagName('script')[0],
+            s = document.createElement('script'),
+            c = document.createElement('link');
+        c.setAttribute('rel', 'stylesheet');
+        c.href = assetsUrl + '/css/slick.css';
+        c.setAttribute('type', 'text/css');
+        n.parentNode.insertBefore(c, n);
+
+        s.async = true;
+        s.onload = function () {
+            $('.organization-media__slider').slick({
+                infinite: true,
+                dots: false,
+                slidesToShow: 3,
+                slidesToScroll: 1,
+                prevArrow: '<div class="slick-prev"></div>',
+                nextArrow: '<div class="slick-next"></div>'
+            });
+        };
+        s.src = assetsUrl + '/js/slick.min.js';
+        n.parentNode.insertBefore(s, n);
+    })(window.assetsUrl);
+
+    (function () {
+        $('.organization-info__slidedown-handler').click(function (e) {
+            e.preventDefault();
+            var $content = $(this)
+                .parents('.organization-info__slidedown')
+                .find('.organization-info__slidedown-content');
+            $content.slideToggle();
+        });
+    })();
+
 })(window.document, window, window.jQuery);

app/assets/styles/content/centerbar/organization.scss

@@ -280,6 +280,20 @@ $organizationMediaSelector: 'organization-media';
             background: url(../img/blockslide_sprite.png) no-repeat;
         }
     }
+
+    &__administration-content {
+        padding-left: 10px;
+    }
+
+    &__sub-organizations {
+        &-header {
+            font-family: $fontcuprum;
+            font-size: 20px;
+            font-weight: bold;
+            color: #3b434d;
+            margin-bottom: 10px;
+        }
+    }
 }
 
 .#{$organizationMediaSelector} {
@@ -292,7 +306,7 @@ $organizationMediaSelector: 'organization-media';
     &__header {
         color: #3b434d;
         font-size: 17px;
-        font-weight: bold;
+        font-weight: 600;
         margin-bottom: 17px;
     }
 
@@ -307,4 +321,46 @@ $organizationMediaSelector: 'organization-media';
             display: block;
         }
     }
+
+    &__slider {
+        margin: 0 30px 13px;
+        width: calc(100% - 60px);
+
+        &-slide {
+            text-align: center;
+
+            &-content {
+                max-width: 200px;
+                margin: 0 auto;
+            }
+        }
+
+        .slick-arrow {
+
+            width: 25px;
+            height: 45px;
+            position: absolute;
+            top: 50%;
+            margin-top: -23px;
+            cursor: pointer;
+            background-image: url(../img/slider/slidersprite.png);
+
+            &.slick-prev {
+                background-position: left top;
+                left: -27px;
+
+                &:hover {
+                    background-position: left bottom;
+                }
+            }
+            &.slick-next {
+                background-position: right top;
+                right: -27px;
+
+                &:hover {
+                    background-position: right bottom;
+                }
+            }
+        }
+    }
 }

app/www/css/all.css

@@ -3055,6 +3055,18 @@ body {
     cursor: pointer;
     background: url(../img/blockslide_sprite.png) no-repeat; }
 
+.organization-info__administration-content {
+    padding-left: 10px;
+}
+
+.organization-info__sub-organizations-header {
+    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+    font-size: 20px;
+    font-weight: bold;
+    color: #3b434d;
+    margin-bottom: 10px;
+}
+
 .organization-media__container {
   font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
   border: 1px solid #ebebeb;
@@ -3063,7 +3075,7 @@ body {
 .organization-media__header {
   color: #3b434d;
   font-size: 17px;
-  font-weight: bold;
+    font-weight: 600;
   margin-bottom: 17px; }
 
 .organization-media__list {
@@ -3075,6 +3087,48 @@ body {
     margin-bottom: 3px;
     display: block; }
 
+.organization-media__slider {
+    margin: 0 30px 13px;
+    width: calc(100% - 60px);
+}
+
+.organization-media__slider-slide {
+    text-align: center;
+}
+
+.organization-media__slider-slide-content {
+    max-width: 200px;
+    margin: 0 auto;
+}
+
+.organization-media__slider .slick-arrow {
+    width: 25px;
+    height: 45px;
+    position: absolute;
+    top: 50%;
+    margin-top: -23px;
+    cursor: pointer;
+    background-image: url(../img/slider/slidersprite.png);
+}
+
+.organization-media__slider .slick-arrow.slick-prev {
+    background-position: left top;
+    left: -27px;
+}
+
+.organization-media__slider .slick-arrow.slick-prev:hover {
+    background-position: left bottom;
+}
+
+.organization-media__slider .slick-arrow.slick-next {
+    background-position: right top;
+    right: -27px;
+}
+
+.organization-media__slider .slick-arrow.slick-next:hover {
+    background-position: right bottom;
+}
+
 .opinion__container {
   float: right;
   width: 33%;