{
  "action": "Product-SizeChart",
  "queryString": "cid=sc-columbia-mens",
  "locale": "en_IE",
  "success": true,
  "content": "<div class=\"size-chart\">\r\n    <h2>Columbia Men's</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\">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\">XS</td>\r\n                        <td span data-size=\"35\">35in</span></td>\r\n                        <td span data-size=\"29\">29in</span></td>\r\n                        <td span data-size=\"34\">34in</span></td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td class=\"key\">S</td>\r\n                        <td span data-size=\"36-37\">36-37in</span></td>\r\n                        <td span data-size=\"30-31\">30-31in</span></td>\r\n                        <td span data-size=\"35-36\">35-36in</span></td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td class=\"key\">M</td>\r\n                        <td span data-size=\"39-41\">39-41in</span></td>\r\n                        <td span data-size=\"33-35\">33-35in</span></td>\r\n                        <td span data-size=\"38-40\">38-40in</span></td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td class=\"key\">L</td>\r\n                        <td span data-size=\"42.5-44\">42.5-44in</span></td>\r\n                        <td span data-size=\"36-38\">36-38in</span></td>\r\n                        <td span data-size=\"41.5-43\">41.5-43in</span></td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td class=\"key\">XL</td>\r\n                        <td span data-size=\"46.5-48\">46.5-48in</span></td>\r\n                        <td span data-size=\"40-42\">40-42in</span></td>\r\n                        <td span data-size=\"44.5-47\">44.5-47in</span></td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td class=\"key\">XXL</td>\r\n                        <td span data-size=\"50.5-52\">50.5-52in</span></td>\r\n                        <td span data-size=\"44-46\">44-46in</span></td>\r\n                        <td span data-size=\"49.5-51\">49.5-51in</span></td>\r\n                    </tr>  \t\t\t\t\t\r\n                </tbody>\r\n            </table>\r\n <button id=\"convert\">Convert to cm</button>\r\n    <script>\r\n        var toInches = false; // Changed to convert to cm 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 (toInches) {\r\n                    element.textContent = size;\r\n                } else {\r\n                    var range = size.split('-');\r\n                    if (range.length === 2) {\r\n                        var minCm = Math.round(range[0] * 2.54);\r\n                        var maxCm = Math.round(range[1] * 2.54);\r\n                        element.textContent = minCm + '-' + maxCm + ' cm';\r\n                    } else {\r\n                        var cm = Math.round(range[0] * 2.54);\r\n                        element.textContent = cm + ' cm';\r\n                    }\r\n                }\r\n            });\r\n            toInches = !toInches;\r\n            document.getElementById('convert').textContent = toInches ? 'Convert to in' : 'Convert to cm';\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 -->"
}