{
  "action": "Product-SizeChart",
  "queryString": "cid=sc-columbia-kids",
  "locale": "en_IE",
  "success": true,
  "content": "<div class=\"size-chart\">\r\n    <h2>Columbia Kids</h2>\r\n\t\r\n    <div class=\"guide-content\">\r\n        <div class=\"sizing\">\r\n            <table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\r\n                <thead>\r\n                    <tr>\r\n                        <th colspan=\"1\">Size</th>\r\n                        <th style=\"text-align:center\">Height</th>\r\n                        <th style=\"text-align:center\">Chest</th>\r\n                        <th style=\"text-align:center\">Waist</th>\r\n                        <th style=\"text-align:center\">Hip</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td class=\"key\">3Y</td>\r\n                        <td span data-size=\"96.5\">96.5cm</span></td>\r\n                        <td span data-size=\"53.3\">53.3cm</span></td>\r\n                        <td span data-size=\"52.1\">52.1cm</span></td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td class=\"key\">4Y</td>\r\n                        <td span data-size=\"104.1\">104.1cm</span></td>\r\n                        <td span data-size=\"55.9\">55.9cm</span></td>\r\n                        <td span data-size=\"54.6\">54.6cm</span></td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td class=\"key\">4/5Y (XXS)</td>\r\n                        <td span data-size=\"104.1-112.5\">104.1-112.5cm</span></td>\r\n                        <td span data-size=\"55.9-58.4\">55.9-58.4cm</span></td>\r\n                        <td span data-size=\"53.3-54.6\">53.3-54.6cm</span></td>\r\n                        <td span data-size=\"58.4-61\">58.4-61cm</span></td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td class=\"key\">6/7Y (XS)</td>\r\n                        <td span data-size=\"120.7-125.7\">120.7-125.7cm</span></td>\r\n                        <td span data-size=\"61-64.8\">61-64.8cm</span></td>\r\n                        <td span data-size=\"55.9-59.7\">55.9-59.7cm</span></td>\r\n                        <td span data-size=\"63.5-67.3\">63.5-67.3cm</span></td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td class=\"key\">8Y (S)</td>\r\n                        <td span data-size=\"132.1\">132.1cm</span></td>\r\n                        <td span data-size=\"67.3\">67.3cm</span></td>\r\n                        <td span data-size=\"62.2\">62.2cm</span></td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td class=\"key\">10/12Y (M)</td>\r\n                        <td span data-size=\"141-148.6\">141-148.6cm</span></td>\r\n                        <td span data-size=\"69.8-72.4\">69.8-72.4cm</span></td>\r\n                        <td span data-size=\"64.8-67.3\">64.8-67.3cm</span></td>\r\n                        <td span data-size=\"73.7-77.5\">73.7-77.5cm</span></td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td class=\"key\">14/16Y (L)</td>\r\n                        <td span data-size=\"156.2-162.6\">156.2-162.6cm</span></td>\r\n                        <td span data-size=\"77.5-81.3\">77.5-81.3cm</span></td>\r\n                        <td span data-size=\"71.1-74.9\">71.1-74.9cm</span></td>\r\n                        <td span data-size=\"81.3-85.1\">81.3-85.1cm</span></td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n<button id=\"convert\">Convert to in</button>\r\n<script>\r\n    var toCm = false; // Changed to convert to inches initially\r\n    document.getElementById('convert').addEventListener('click', function() {\r\n        var elements = document.querySelectorAll('[data-size]');\r\n        elements.forEach(function(element) {\r\n            var size = element.getAttribute('data-size');\r\n            if (toCm) {\r\n                element.textContent = size + 'cm';\r\n            } else {\r\n                var range = size.split('-');\r\n                if (range.length === 2) {\r\n                    var minIn = Math.round(range[0] / 2.54);\r\n                    var maxIn = Math.round(range[1] / 2.54);\r\n                    element.textContent = minIn + '-' + maxIn + ' in';\r\n                } else {\r\n                    var inches = Math.round(range[0] / 2.54);\r\n                    element.textContent = inches + ' in';\r\n                }\r\n            }\r\n        });\r\n        toCm = !toCm;\r\n        document.getElementById('convert').textContent = toCm ? 'Convert to cm' : 'Convert to in';\r\n    });\r\n</script>\r\n            <div class=\"clear\"></div>\r\n        </div> <!-- END .sizing -->\r\n\r\n    </div> <!-- END .content -->\r\n</div> <!-- END .size-chart -->"
}