{"id":33,"date":"2014-11-21T15:40:21","date_gmt":"2014-11-21T15:40:21","guid":{"rendered":"http:\/\/konnect8.co.uk\/gray\/?page_id=33"},"modified":"2014-12-31T11:56:52","modified_gmt":"2014-12-31T11:56:52","slug":"blog","status":"publish","type":"page","link":"http:\/\/www.gray-group.co.uk\/?page_id=33","title":{"rendered":"Blog"},"content":{"rendered":"<script>\n\tvar lightbox_transition = 'elastic';\n\tvar lightbox_speed = 800;\n\tvar lightbox_fadeOut = 300;\n\tvar lightbox_title = false;\n\tvar lightbox_scalePhotos = true;\n\tvar lightbox_scrolling = false;\n\tvar lightbox_opacity = 0.201;\n\tvar lightbox_open = false;\n\tvar lightbox_returnFocus = true;\n\tvar lightbox_trapFocus = true;\n\tvar lightbox_fastIframe = true;\n\tvar lightbox_preloading = true;\n\tvar lightbox_overlayClose = true;\n\tvar lightbox_escKey = false;\n\tvar lightbox_arrowKey = false;\n\tvar lightbox_loop = true;\n\tvar lightbox_closeButton = false;\n\tvar lightbox_previous = \"previous\";\n\tvar lightbox_next = \"next\";\n\tvar lightbox_close = \"close\";\n\tvar lightbox_html = false;\n\tvar lightbox_photo = false;\n\tvar lightbox_width = 'false';\n\tvar lightbox_height = 'false';\n\tvar lightbox_innerWidth = 'false';\n\tvar lightbox_innerHeight = 'false';\n\tvar lightbox_initialWidth = '300';\n\tvar lightbox_initialHeight = '100';\n\t\n        var maxwidth=jQuery(window).width();\n        if(maxwidth>768){maxwidth=768;}\n        var lightbox_maxWidth = maxwidth;\n        var lightbox_maxHeight = 500;\n        \n\tvar lightbox_slideshow = false;\n\tvar lightbox_slideshowSpeed = 2650;\n\tvar lightbox_slideshowAuto = true;\n\tvar lightbox_slideshowStart = \"start slideshow\";\n\tvar lightbox_slideshowStop = \"stop slideshow\";\n\tvar lightbox_fixed = true;\n\t\t\tvar lightbox_top = false;\n\t\tvar lightbox_bottom = false;\n\t\tvar lightbox_left = false;\n\t\tvar lightbox_right = false;\n\t\t\n\tvar lightbox_reposition = false;\n\tvar lightbox_retinaImage = true;\n\tvar lightbox_retinaUrl = false;\n\tvar lightbox_retinaSuffix = \"@2x.$1\";\n\t\n\t\t\t\tjQuery(document).ready(function(){\n\t\t\t\tjQuery(\"#huge_it_portfolio_content_3 a[href$='.jpg'], #huge_it_portfolio_content_3 a[href$='.png'], #huge_it_portfolio_content_3 a[href$='.gif']\").addClass('group1');\n\t\t\t\tjQuery(\".group1\").colorbox({rel:'group1'});\n\t\t\t\tjQuery(\".callbacks\").colorbox({\n\t\t\t\t\tonOpen:function(){ alert('onOpen: colorbox is about to open'); },\n\t\t\t\t\tonLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },\n\t\t\t\t\tonComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },\n\t\t\t\t\tonCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },\n\t\t\t\t\tonClosed:function(){ alert('onClosed: colorbox has completely closed'); }\n\t\t\t\t});\n\n\t\t\t\tjQuery('.non-retina').colorbox({rel:'group5', transition:'none'})\n\t\t\t\tjQuery('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});\n\t\t\t\t\n\n\t\t\t\tjQuery(\"#click\").click(function(){ \n\t\t\t\t\tjQuery('#click').css({\"background-color\":\"#f00\", \"color\":\"#fff\", \"cursor\":\"inherit\"}).text(\"Open this window again and this message will still be here.\");\n\t\t\t\t\treturn false;\n\t\t\t\t});\n\t\t\t});\n\t\t\n<\/script>\n\t<!--Huge IT portfolio START-->\n\t\t<link href=\"http:\/\/www.gray-group.co.uk\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/style\/colorbox-1.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n\t\t\t\n\t\n\t\t\n\t\n\t\n\t\n\n\t\n\n<style type=\"text\/css\"> \n\n.element_3 {\n\tposition: relative;\n\twidth:95%; \n\tmargin:5px 0px 5px 0px;\n\tpadding:2%;\n\tclear:both;\n\toverflow: hidden;\n\tborder:1px solid #dedede;\n\tbackground:#f9f9f9;\n}\n\n.element_3 > div {\n\tdisplay:table-cell;\n}\n\n.element_3 div.left-block_3 {\n\tpadding-right:10px;\n}\n\n.element_3 div.left-block_3 .main-image-block_3 {\n\tclear:both;\n\twidth:240px; \n}\n\n.element_3 div.left-block_3 .main-image-block_3 img {\n\tmargin:0px !important;\n\tpadding:0px !important;\n\twidth:240px !important; \n\theight:auto;\n}\n\n.element_3 div.left-block_3 .thumbs-block {\n\tposition:relative;\n\tmargin-top:10px;\n}\n\n.element_3 div.left-block_3 .thumbs-block ul {\n\twidth:240px; \n\theight:auto;\n\tdisplay:table;\n\tmargin:0px;\n\tpadding:0px;\n\tlist-style:none;\n}\n\n.element_3 div.left-block_3 .thumbs-block ul li {\n\tmargin:0px 3px 0px 2px;\n\tpadding:0px;\n\twidth:75px; \n\theight:75px; \n\tfloat:left;\n}\n\n.element_3 div.left-block_3 .thumbs-block ul li a {\n\tdisplay:block;\n\twidth:75px; \n\theight:75px; \n}\n\n.element_3 div.left-block_3 .thumbs-block ul li a img {\n\tmargin:0px !important;\n\tpadding:0px !important;\n\twidth:75px; \n\theight:75px; \n}\n\n.element_3 div.right-block {\n\tvertical-align:top;\n}\n\n.element_3 div.right-block > div {\n\twidth:100%;\n\tpadding-bottom:10px;\n\tmargin-top:10px;\n\t\t\tbackground:url('http:\/\/www.gray-group.co.uk\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/images\/divider.line.png') center bottom repeat-x;\n\t\t\n}\n\n.element_3 div.right-block > div:last-child {\n\tbackground:none;\n}\n\n.element_3 div.right-block .title-block_3  {\n\tmargin-top:3px;\n}\n\n.element_3 div.right-block .title-block_3 h3 {\n\tmargin:0px;\n\tpadding:0px;\n\tfont-weight:normal;\n\tfont-size:18px !important;\n\tline-height:22px !important;\n\tcolor:#0074a2;\n}\n\n.element_3 div.right-block .description-block_3 p,.element_3 div.right-block .description-block_3 * {\n\tmargin:0px;\n\tpadding:0px;\n\tfont-weight:normal;\n\tfont-size:14px;\n\tcolor:#555555;\n}\n\n\n.element_3 div.right-block .description-block_3 h1,\n.element_3 div.right-block .description-block_3 h2,\n.element_3 div.right-block .description-block_3 h3,\n.element_3 div.right-block .description-block_3 h4,\n.element_3 div.right-block .description-block_3 h5,\n.element_3 div.right-block .description-block_3 h6,\n.element_3 div.right-block .description-block_3 p, \n.element_3 div.right-block .description-block_3 strong,\n.element_3 div.right-block .description-block_3 span {\n\tpadding:2px !important;\n\tmargin:0px !important;\n}\n\n.element_3 div.right-block .description-block_3 ul,\n.element_3 div.right-block .description-block_3 li {\n\tpadding:2px 0px 2px 5px;\n\tmargin:0px 0px 0px 8px;\n}\n\n.element_3 .button-block {\n\tposition:relative;\n}\n\n.element_3 div.right-block .button-block a,.element_3 div.right-block .button-block a:link,.element_3 div.right-block .button-block a:visited {\n\tposition:relative;\n\tdisplay:inline-block;\n\tpadding:6px 12px;\n\tbackground:#2ea2cd;\n\tcolor:#ffffff;\n\tfont-size:14;\n\ttext-decoration:none;\n}\n\n.element_3 div.right-block .button-block a:hover,.pupup-elemen.element div.right-block .button-block a:focus,.element_3 div.right-block .button-block a:active {\n\tbackground:#0074a2;\n\tcolor:#ffffff;\n}\n\n\n\n@media only screen and (max-width: 767px) {\n\t\n\t.element_3 > div {\n\t\tdisplay:block;\n\t\twidth:100%;\n\t\tclear:both;\n\t}\n\n\t.element_3 div.left-block_3 {\n\t\tpadding-right:0px;\n\t}\n\n\t.element_3 div.left-block_3 .main-image-block_3 {\n\t\tclear:both;\n\t\twidth:100%; \n\t}\n\n\t.element_3 div.left-block_3 .main-image-block_3 img {\n\t\tmargin:0px !important;\n\t\tpadding:0px !important;\n\t\twidth:100% !important;  \n\t\theight:auto;\n\t}\n\n\t.element_3 div.left-block_3 .thumbs-block ul {\n\t\twidth:100%; \n\t}\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 {\n        overflow: hidden;\n    margin-top: 5px;\n    float: none;\n    width: 100%;\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul {\n  margin: 0px !important;\n  padding: 0px !important;\n  list-style: none;\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul {\n  margin: 0px !important;\n  padding: 0px !important;\n  overflow: hidden;\n  }\n\n            #huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul {\n                float: left;\n            }\n    \n#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li {\n    border-radius: 0px;\n    list-style-type: none;\n    margin: 0px !important;\n    float:left !important;margin: 4px 8px 4px 0px !important;border: 1px solid #ccc;}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a {\n    background-color: #F7F7F7 !important;\n    font-size:14px !important;\n    color:#555555 !important;\n    text-decoration: none;\n    cursor: pointer;\n    margin: 0px !important;\n    display: block;\n    padding:3px;\n}\n\n\/*#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li:hover {\n    \n}*\/\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a:hover {\n    background-color: #FF3845 !important;\n    color:#ffffff !important;\n    cursor: pointer;\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 {\n    margin-top: 5px;\n    float: left;\n   width: 30%;\n    }\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li {\n    list-style-type: none;\n    border-bottom: 1px solid #ccc;}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a {\n    font-size:14px !important;\n    color:#555555 !important;\n    background-color: #F7F7F7 !important;\n    border-radius: 0px;\n    padding: 3px;\n    display: block;\n    text-decoration: none;\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3  ul li a:hover {\n    color:#ffffff !important;\n    background-color: #FF3845 !important;\n    cursor: pointer;\n}\n\n#huge_it_portfolio_content_3 section {\n    position:relative;\n    display:block;\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_container_3 {\n    }\n<\/style>\n      \n<section id=\"huge_it_portfolio_content_3\">\n     \n        <div id=\"huge_it_portfolio_container_3\" class=\"super-list variable-sizes clearfix\" >\n                                    <div class=\"element_3   \" data-symbol=\"Flooring\" data-category=\"alkaline-earth\">\n                              <div class=\"left-block_3\">\n                                      <div class=\"main-image-block_3\">\n                                                                                                                                                  <a href=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/oak-smoked1.jpg\"><img id=\"wd-cl-img0\"src=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/oak-smoked1.jpg\"><\/a>\n                                                                                    <\/div>\n                                      <div class=\"thumbs-block\">\n                                                                                        <ul class=\"thumbs-list_3\">\t\t\t\t\t\n                                                                                                                            <li><a href=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/black-tile-fin1.jpg\"><img src=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/black-tile-fin1.jpg\"><\/a><\/li>\n                                                                                                                            <li><a href=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/main-grey-floor1.jpg\"><img src=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/main-grey-floor1.jpg\"><\/a><\/li>\n                                                                                                    <\/ul>\n                                                                                <\/div>\n                              <\/div>\n                              <div class=\"right-block\">\n                                <div class=\"title-block_3\"><h3>Flooring<\/h3><\/div>                                                                          <div class=\"description-block_3\"><p>Here is an excellent example of how a new floor can change the vibe of a room.<br \/><br \/>\r\nFlooring can be used to hugely change the vibe of any room in your home or office.<br \/><br \/>\r\nA gloss looking white floor tile instantly makes a room more modern and can add the sense of more space, where a dark oak or walnut wood floor can add character and depth to the room if this is the direction you\u2019re looking to take.<br \/><br \/>\r\nWith a wide range of flooring available from tiles, real wood, laminated and vinyl flooring, it\u2019s never been easier to change your flooring and add that something extra to your room.<\/p><\/div>\n                                                                                                <\/div>\n                      <\/div>\n\n          \n        <\/div>\n <\/section>\n  \n<script>\njQuery(function(){\nvar defaultBlockWidth=240;\n    \n    var $container = jQuery('#huge_it_portfolio_container_3');\n    \n    \n      \/\/ add randomish size classes\n      $container.find('.element_3').each(function(){\n        var $this = jQuery(this),\n            number = parseInt( $this.find('.number').text(), 10 );\n\t\t\t\/\/alert(number);\n        if ( number % 7 % 2 === 1 ) {\n          $this.addClass('width2');\n        }\n        if ( number % 3 === 0 ) {\n          $this.addClass('height2');\n        }\n      });\n    \n    $container.hugeitmicro({\n      itemSelector : '.element_3',\n      masonry : {\n        columnWidth : +20+0      },\n      masonryHorizontal : {\n        rowHeight: 300+20\n      },\n      cellsByRow : {\n        columnWidth : 300+20,\n        rowHeight : 240\n      },\n      cellsByColumn : {\n        columnWidth : 300+20,\n        rowHeight : 240\n      },\n      getSortData : {\n        symbol : function( $elem ) {\n          return $elem.attr('data-symbol');\n        },\n        category : function( $elem ) {\n          return $elem.attr('data-category');\n        },\n        number : function( $elem ) {\n          return parseInt( $elem.find('.number').text(), 10 );\n        },\n        weight : function( $elem ) {\n          return parseFloat( $elem.find('.weight').text().replace( \/[\\(\\)]\/g, '') );\n        },\n        id : function ( $elem ) {\n          return $elem.find('.id').text();\n        }\n      }\n    });\n    \n    \n      var $optionSets = jQuery('#huge_it_portfolio_options_3 .option-set'),\n          $optionLinks = $optionSets.find('a');\n\n      $optionLinks.click(function(){\n        var $this = jQuery(this);\n\n        if ( $this.hasClass('selected') ) {\n          return false;\n        }\n        var $optionSet = $this.parents('.option-set');\n        $optionSet.find('.selected').removeClass('selected');\n        $this.addClass('selected');\n  \n\n        var options = {},\n            key = $optionSet.attr('data-option-key'),\n            value = $this.attr('data-option-value');\n\n        value = value === 'false' ? false : value;\n        options[ key ] = value;\n        if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {\n\n          changeLayoutMode( $this, options )\n        } else {\n\n          $container.hugeitmicro( options );\n        }\n        \n        return false;\n      });\n\n\n    \n\n      var isHorizontal = false;\n      function changeLayoutMode( $link, options ) {\n        var wasHorizontal = isHorizontal;\n        isHorizontal = $link.hasClass('horizontal');\n\n        if ( wasHorizontal !== isHorizontal ) {\n\n          var style = isHorizontal ? \n            { height: '75%', width: $container.width() } : \n            { width: 'auto' };\n\n          $container.filter(':animated').stop();\n\n          $container.addClass('no-transition').css( style );\n          setTimeout(function(){\n            $container.removeClass('no-transition').hugeitmicro( options );\n          }, 100 )\n        } else {\n          $container.hugeitmicro( options );\n        }\n      }\n\n\n    \n\n      $container.delegate( '.default-block_3', 'click', function(){\n          var strheight=0;\n          jQuery(this).parents('.element_3').find('.wd-portfolio-panel_3 > div').each(function(){\n                strheight+=jQuery(this).outerHeight()+10;\n                \/\/alert(strheight);\n          })\n          strheight+=205;\n\t  \t\t\tif(jQuery(this).parents('.element_3').hasClass(\"large\")){\n\t\t\tjQuery(this).parents('.element_3').animate({\n\t\t\t\theight: \"205px\"\n\t\t\t}, 300, function() {\n\t\t\t\tjQuery(this).removeClass('large');\n\t\t\t\t$container.hugeitmicro('reLayout');\n\t\t\t});\n\t\t\t\n\t\t\tjQuery(this).parents('.element_3').removeClass(\"active\");\n\t\t\treturn false;\n\t\t}\n\t\t\n\t\n\t\tjQuery(this).parents('.element_3').css({height:strheight});\n\t\tjQuery(this).parents('.element_3').addClass('large');\n\n\t\t$container.hugeitmicro('reLayout');\n\t\tjQuery(this).parents('.element_3').css({height:\"205px\"});\t\t \n\t\t \n\t\t\/\/alert(strheight);\n\t\t \n\t\t jQuery(this).parents('.element_3').animate({\n\t\t\theight:strheight+\"px\",\n\t\t  }, 300,function(){\t$container.hugeitmicro('reLayout');});\n\t});\n\n    var $sortBy =  jQuery('#huge_it_portfolio_content_3 #sort-by');\n    jQuery('#huge_it_portfolio_content_3 #shuffle a').click(function(){\n      $container.hugeitmicro('shuffle');\n      $sortBy.find('.selected').removeClass('selected');\n      $sortBy.find('[data-option-value=\"random\"]').addClass('selected');\n      return false;\n    });\n    \n    \/\/\/\/filteringgggggg\n\n        \/\/ bind filter on select change\n        jQuery(document).ready(function(){\n            jQuery('#huge_it_portfolio_filters_3 ul li').click(function() {\n              \/\/ get filter value from option value\n              var filterValue = jQuery(this).attr('rel');\n              \/\/ use filterFn if matches value\n              filterValue = filterValue;\/\/filterFns[ filterValue ] || \n              $container.hugeitmicro({ filter: filterValue });\n            });\n                                     var topmargin = jQuery(\"#huge_it_portfolio_options_3\").height();\n                         jQuery(\"#huge_it_portfolio_filters_3\").css({'margin-top':'5px'});\n                        });\n        \n        \/\/end of filtering\n        \n        jQuery(window).load(function(){\n\t\t$container.hugeitmicro('reLayout');\n\t\tjQuery(window).resize(function(){$container.hugeitmicro('reLayout');});\n\t});\n\n  });\n<\/script>\n\t  \n\t     \n\t\n      \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"open","template":"page-fullwidth.php","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/33"}],"collection":[{"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":6,"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":213,"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions\/213"}],"wp:attachment":[{"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}