{"id":36,"date":"2014-11-21T15:40:48","date_gmt":"2014-11-21T15:40:48","guid":{"rendered":"http:\/\/konnect8.co.uk\/gray\/?page_id=36"},"modified":"2014-12-31T12:45:18","modified_gmt":"2014-12-31T12:45:18","slug":"inspiration-corner","status":"publish","type":"page","link":"http:\/\/www.gray-group.co.uk\/?page_id=36","title":{"rendered":"Inspiration Corner"},"content":{"rendered":"<p>Here we have collected a range of images showing various styles, design ideas and layouts all\u00a0giving you inspiration for your next home project.<\/p>\n<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_4 a[href$='.jpg'], #huge_it_portfolio_content_4 a[href$='.png'], #huge_it_portfolio_content_4 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<style type=\"text\/css\">\n\n\n.element_4 {\n        max-width: 459px;\n\twidth:265px;\n\tmargin:0px 0px 10px 0px;\n\tborder:0px solid #eeeeee;\n\tborder-radius:3px;\n\toutline:none;\n\toverflow:hidden;\n}\n\n.element_4 .image-block_4 {\n\tposition:relative;\n\twidth:265px;\n}\n\n.element_4 .image-block_4 img {\n\tmargin:0px !important;\n\tpadding:0px !important;\n\twidth:265px !important;\n\theight:auto;\n\tdisplay:block;\n\tborder-radius: 0px !important;\n\tbox-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important; \n}\n\n.element_4 .image-block_4 img:hover {\n\tcursor: -webkit-zoom-in; cursor: -moz-zoom-in;\n}\n\n.element_4 .title-block_4 {\n\tposition:absolute;\n\t\n\tleft:0px;\n\twidth:100%;\n\tpadding-top:5px;\n\theight: 26px;\n\tbottom:-31px;\n\tbackground: rgba(0,0,0,0.8)  !important;\n\t -webkit-transition: bottom 0.3s ease-out 0.1s;\n     -moz-transition: bottom 0.3s ease-out 0.1s;\n     -o-transition: bottom 0.3s ease-out 0.1s;\n     transition: bottom 0.3s ease-out 0.1s;\n}\n\n.element_4:hover .title-block_4 {bottom:0px;}\n\n.element_4 .title-block_4 a, .element_4 .title-block_4 a:link, .element_4 .title-block_4 a:visited {\n\tposition:relative;\n\tmargin:0px;\n\tpadding:0px 1% 0px 2%;\n\twidth:97%;\n\ttext-decoration:none;\n\ttext-overflow: ellipsis;\n\toverflow: hidden; \n\twhite-space:nowrap;\n\tz-index:20;\n\tfont-size: 16px;\n\tcolor:#0074A2;\n\tfont-weight:normal;\n}\n\n\n\n.element_4 .title-block_4 a:hover, .element_4 .title-block_4 a:focus, .element_4 .title-block_4 a:active {\n\tcolor:#2EA2CD;\n\ttext-decoration:none;\n}\n\n#huge_it_portfolio_content_4 #huge_it_portfolio_options_4 {\n        overflow: hidden;\n    \/*margin-top: 5px;*\/\n    float: none;\n    width:100%;\n}\n\n#huge_it_portfolio_content_4 #huge_it_portfolio_options_4 ul {\n  margin: 0px !important;\n  padding: 0px !important;\n  list-style: none;\n}\n\n#huge_it_portfolio_content_4 #huge_it_portfolio_filters_4 ul {\n  margin: 0px !important;\n  padding: 0px !important;\n  overflow: hidden;\n  }\n\n            \n                #huge_it_portfolio_content_4 #huge_it_portfolio_options_4 ul {\n                float: left;\n            }\n        \n#huge_it_portfolio_content_4 #huge_it_portfolio_options_4 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_4 #huge_it_portfolio_options_4 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_4 #huge_it_portfolio_container_4 {\n    margin-top: 5px;\n    }\n\n#huge_it_portfolio_content_4 #huge_it_portfolio_options_4 ul li a:hover {\n    background-color: #FF3845 !important;\n    color:#ffffff !important;\n    cursor: pointer;\n}\n\n#huge_it_portfolio_content_4 #huge_it_portfolio_filters_4 {\n    \/*margin-top: 5px;*\/\n    float: left;\n    width: 30%;\n    }\n\n#huge_it_portfolio_content_4 #huge_it_portfolio_filters_4 ul li {\n    list-style-type: none;\n    border-bottom: 1px solid #ccc;}\n\n#huge_it_portfolio_content_4 #huge_it_portfolio_filters_4 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_4 #huge_it_portfolio_filters_4  ul li a:hover {\n    color:#ffffff !important;\n    background-color: #FF3845 !important;\n    cursor: pointer\n}\n\n#huge_it_portfolio_content_4 section {\n    position:relative;\n    display:block;\n}\n\n#huge_it_portfolio_content_4 .huge_it_portfolio_container_styles_4 {\n    overflow: hidden !important;\n}\n\n#sort-direction {\n    }\n<\/style>\n\n<section id=\"huge_it_portfolio_content_4\" class=\"\">\n            <div id=\"huge_it_portfolio_container_4\" class=\"super-list variable-sizes clearfix\" >\n\n                              <div class=\"element_4    \" tabindex=\"0\" data-symbol=\"\" data-category=\"alkaline-earth\">\n                        <p style=\"display: none;\" class=\"id\">48<\/p>\n                            <div class=\"image-block_4\">\n                                                                                                                                                            <a href=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/white-subway-tile-grey-grout.jpg\"><img id=\"wd-cl-img0\" src=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/white-subway-tile-grey-grout.jpg\" alt=\"\" \/><\/a>\n                                            \t\n                            <\/div>\n                                                <\/div>\t\n                                        <div class=\"element_4    \" tabindex=\"0\" data-symbol=\"\" data-category=\"alkaline-earth\">\n                        <p style=\"display: none;\" class=\"id\">49<\/p>\n                            <div class=\"image-block_4\">\n                                                                                                                                                            <a href=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/IMG_0629-copy.jpg\"><img id=\"wd-cl-img1\" src=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/IMG_0629-copy.jpg\" alt=\"\" \/><\/a>\n                                            \t\n                            <\/div>\n                                                <\/div>\t\n                                        <div class=\"element_4    \" tabindex=\"0\" data-symbol=\"\" data-category=\"alkaline-earth\">\n                        <p style=\"display: none;\" class=\"id\">50<\/p>\n                            <div class=\"image-block_4\">\n                                                                                                                                                            <a href=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/IMG_0628-copy.jpg\"><img id=\"wd-cl-img2\" src=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/IMG_0628-copy.jpg\" alt=\"\" \/><\/a>\n                                            \t\n                            <\/div>\n                                                <\/div>\t\n                                        <div class=\"element_4    \" tabindex=\"0\" data-symbol=\"\" data-category=\"alkaline-earth\">\n                        <p style=\"display: none;\" class=\"id\">51<\/p>\n                            <div class=\"image-block_4\">\n                                                                                                                                                            <a href=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/IMG_0627-copy.jpg\"><img id=\"wd-cl-img3\" src=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/IMG_0627-copy.jpg\" alt=\"\" \/><\/a>\n                                            \t\n                            <\/div>\n                                                <\/div>\t\n                                        <div class=\"element_4    \" tabindex=\"0\" data-symbol=\"\" data-category=\"alkaline-earth\">\n                        <p style=\"display: none;\" class=\"id\">52<\/p>\n                            <div class=\"image-block_4\">\n                                                                                                                                                            <a href=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/IMG_0625-copy.jpg\"><img id=\"wd-cl-img4\" src=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/IMG_0625-copy.jpg\" alt=\"\" \/><\/a>\n                                            \t\n                            <\/div>\n                                                <\/div>\t\n                                        <div class=\"element_4    \" tabindex=\"0\" data-symbol=\"\" data-category=\"alkaline-earth\">\n                        <p style=\"display: none;\" class=\"id\">53<\/p>\n                            <div class=\"image-block_4\">\n                                                                                                                                                            <a href=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/IMG_0620-copy.jpg\"><img id=\"wd-cl-img5\" src=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/IMG_0620-copy.jpg\" alt=\"\" \/><\/a>\n                                            \t\n                            <\/div>\n                                                <\/div>\t\n                                        <div class=\"element_4    \" tabindex=\"0\" data-symbol=\"\" data-category=\"alkaline-earth\">\n                        <p style=\"display: none;\" class=\"id\">54<\/p>\n                            <div class=\"image-block_4\">\n                                                                                                                                                            <a href=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/IMG_0618-copy.jpg\"><img id=\"wd-cl-img6\" src=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/IMG_0618-copy.jpg\" alt=\"\" \/><\/a>\n                                            \t\n                            <\/div>\n                                                <\/div>\t\n                                        <div class=\"element_4    \" tabindex=\"0\" data-symbol=\"\" data-category=\"alkaline-earth\">\n                        <p style=\"display: none;\" class=\"id\">55<\/p>\n                            <div class=\"image-block_4\">\n                                                                                                                                                            <a href=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/bec-aus.jpeg\"><img id=\"wd-cl-img7\" src=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/bec-aus.jpeg\" alt=\"\" \/><\/a>\n                                            \t\n                            <\/div>\n                                                <\/div>\t\n                    \n            <div style=\"clear:both;\"><\/div>\n        <\/div>\n\n    \n<\/section>\n\n<script>\njQuery(function(){\n    \nvar defaultBlockWidth=265;\n    \n    var $container = jQuery('#huge_it_portfolio_container_4');\n    \n    \n      \/\/ add randomish size classes\n      $container.find('.element_4').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_4',\n      masonry : {\n        columnWidth : 265+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_4 .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_4', 'click', function(){\n          var strheight=0;\n          jQuery(this).parents('.element_4').find('.wd-portfolio-panel_4 > div').each(function(){\n                strheight+=jQuery(this).outerHeight()+10;\n                \/\/alert(strheight);\n          })\n          strheight+=45;\n\t  \t\t\tif(jQuery(this).parents('.element_4').hasClass(\"large\")){\n\t\t\tjQuery(this).parents('.element_4').animate({\n\t\t\t\theight: \"45px\"\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_4').removeClass(\"active\");\n\t\t\treturn false;\n\t\t}\n\t\t\n\t\n\t\tjQuery(this).parents('.element_4').css({height:strheight});\n\t\tjQuery(this).parents('.element_4').addClass('large');\n\n\t\t$container.hugeitmicro('reLayout');\n\t\tjQuery(this).parents('.element_4').css({height:\"45px\"});\t\t \n\t\t \n\t\t\/\/alert(strheight);\n\t\t \n\t\t jQuery(this).parents('.element_4').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_4 #sort-by');\n    jQuery('#huge_it_portfolio_content_4 #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_4 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_4\").height();\n                         jQuery(\"#huge_it_portfolio_filters_4\").css({'margin-top':'5px'});\n                        });\n        \n        jQuery(window).load(function(){\n\n            $container.hugeitmicro({ filter: '*' });\n        });\n\n  });\n<\/script>\n   \n\t\n      \n","protected":false},"excerpt":{"rendered":"<p>Here we have collected a range of images showing various styles, design ideas and layouts all\u00a0giving you inspiration for your next home project.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/36"}],"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=36"}],"version-history":[{"count":3,"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":240,"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions\/240"}],"wp:attachment":[{"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}