PING EYE 2 Golf Club Set

div.swapper { height: 620px; margin: 10px; } div.fullsize { float: left; width: 600px; height: 600px; padding: 0 10px; } div.thumbnails { height: 620px; overflow: auto; white-space: nowrap; border-left: 3px solid #B3B3B3; padding: 0 0 0 10px; } div.thumbnail { float: left; width: 110px; height: 110px; background: #FFF; border: 1px solid #000; margin: 0 5px 5px 0; } var preload = new Array(); swapInit = function() { var first = document.getElementById('thumbnails').getElementsByTagName('a')[0]; swap(first); preloadImage("https://img.sifmimages.com/clients%2Fmoduslink%2Fphoto_sets%2F798173%2F291e3739-94f3-4d82-9b73-7d064e5c1c85.JPG?r=751&width=600&height=358"); preloadImage("https://img.sifmimages.com/clients%2Fmoduslink%2Fphoto_sets%2F798173%2F74cdd1b1-96da-4fe3-83f4-960bbf7fe3a1.JPG?r=751&width=600&height=355"); preloadImage("https://img.sifmimages.com/clients%2Fmoduslink%2Fphoto_sets%2F798173%2F0a3ee4de-3086-42b0-9cc4-3a59da968362.JPG?r=751&width=400&height=600"); preloadImage("https://img.sifmimages.com/clients%2Fmoduslink%2Fphoto_sets%2F798173%2F3c41defa-30ea-43c2-bc24-4938941e8638.JPG?r=751&width=600&height=308"); preloadImage("https://img.sifmimages.com/clients%2Fmoduslink%2Fphoto_sets%2F798173%2F7688d7f2-6f0f-44c7-9a60-fadedd46da5c.JPG?r=751&width=400&height=600"); preloadImage("https://img.sifmimages.com/clients%2Fmoduslink%2Fphoto_sets%2F798173%2F4cada0a6-db14-45a6-82bc-760f4ca3af2d.JPG?r=751&width=600&height=400"); } preloadImage = function(src) { if (document.images) { var index = preload.length; preload[index] = new Image(); preload[index].src = src; } } swap = function(that) { if (! that) return; var url = that.href; var hspace = vspace = 0; var fullsize = document.getElementById('fullsize'); // get width and height var query = url.split('?')[1]; var parameters = query.split('&'); for (i = 0; i < parameters.length; i++) { var parameter = parameters[i].split('='); var key = parameter[0]; var value = parameter[1]; if ('width' == key) { var width = value; } else if ('height' == key) { var height = value; } } // calculate padding if (height < 600) { //vspace = Math.floor((600 - height) / 2); } else if (width < 600) { hspace = Math.floor((600 - width) / 2); } // swap in new image fullsize.src = url; fullsize.width = width; fullsize.height = height; fullsize.hspace = hspace; fullsize.vspace = vspace; return false; }