T-Shirts / Hoodies Hats / Beanies Accessories / Lifestyle Posters Vinyl & CDs Video Games / PC //turn raw images to thumbnails var images = document.querySelectorAll('.goodboy-images img'); var imageContainer = document.querySelector('.goodboy-image-container'); function createThumbnail(src){ var html = ''; return html; } for(var i = 0; i < images.length ; i++){ imageContainer.innerHTML += createThumbnail(images[i].src); } //handle zoom and thumbnail function changeImage(element){ mainImage.style['background-image'] = element.target.style['background-image']; var regexp = /['"](.*)['"]/gi; var matches = regexp.exec(mainImage.style['background-image']); var src = matches[1]; var img = document.createElement('img'); img.src = src; zoomContainer.href = img.src; } var mainImage = document.querySelector('.goodboy-main-image'); var zoomContainer = document.querySelector('.goodboy-image-zoom') var thumbnails = document.querySelectorAll('.goodboy-thumb-image'); var similarContainer = document.querySelector('.goodboy-similar-product-container'); for(var i = 0 ; i < thumbnails.length ; i++){ thumbnails[i].addEventListener('click',changeImage,false); thumbnails[i].addEventListener('mouseover',changeImage,false); } function doZoom(event){ mainImage.style.width = "300%"; mainImage.style.height = "300%"; var boundingBox = zoomContainer.getBoundingClientRect(); var x = ((event.clientX - boundingBox.left) / boundingBox.width) * -200; var y = ((event.clientY - boundingBox.top) / boundingBox.height) * -200; mainImage.style.left = x + "%"; mainImage.style.top = y + "%"; } function zoomOut(){ mainImage.style.width = "100%"; mainImage.style.height = "100%"; mainImage.style.left = "0" mainImage.style.top = "0" } zoomContainer.addEventListener('mousemove',doZoom,false); zoomContainer.addEventListener('mouseout',zoomOut,false); //handle similar product bar function loadSimilar(ra){ for(var i = 0 ; i < ra.length ; i++){ var a = document.createElement('a'); a.setAttribute('class','goodboy-similar-product'); a.href = ra[i].href; var productImage = document.createElement('div'); productImage.setAttribute('class','goodboy-similar-product-image'); productImage.style['background-image'] = "url('"+ra[i].img+"')"; var price = document.createElement('h3'); price.setAttribute('class','goodboy-similar-product-price'); price.innerHTML += '$'; price.innerHTML += (ra[i].price / 100).toString(); var title = document.createElement('h4'); title.setAttribute('class','goodboy-similar-product-title'); title.innerHTML = ra[i].title; a.appendChild(productImage); a.appendChild(title); a.appendChild(price); similarContainer.appendChild(a); } } function doLoadCategory(category){ var category = category || ""; var r = [category,'script','src']; var str = ''; document.write(str); } //remove empty bullets var bullets = document.querySelectorAll('li'); if(bullets){ for(i = 0 ; i < bullets.length ; i++){ if(bullets[i].innerHTML == ""){ console.log('emptyFound') bullets[i].parentNode.removeChild(bullets[i]); } } } //if not buy it now, remove price var bin = document.querySelector('.goodboy-product-price'); if(bin.innerHTML == ""){ bin.parentNode.removeChild(bin); } //handle shipping costs var shippingCost = document.getElementById('goodboy-domestic-shipping-cost'); console.log(shippingCost); if(parseFloat(shippingCost.innerHTML) == 0){ shippingCost.innerHTML = "Free" }else { shippingCost.innerHTML = "$" + shippingCost.innerHTML; } var intShippingContainer = document.querySelector('.goodboy-international-shipping'); var intShippingCost = document.querySelector('.goodboy-international-shipping-cost') if(intShippingCost.innerHTML == "" || isNaN(intShippingCost.innerHTML)){ intShippingContainer.parentNode.removeChild(intShippingContainer); }else{ intShippingCost.innerHTML = "$" + intShippingCost.innerHTML; } doLoadCategory(); function doRemoveSC(){ var scLink = document.querySelector('a[href="http://www.solidcommerce.com"]'); scLink.parentNode.parentNode.parentNode.removeChild(scLink.parentNode.parentNode); } document.addEventListener("DOMContentLoaded", doRemoveSC);