//This is the action used on the product page thumbnails when the image is clicked. function zoom (url) { z = window.open('','zoom_popUp','status=0,directories=0,toolbar=0,menubar=0,resizable=1,scrollbars=1,location=0'); z.document.write('\n\nPicture Zoom\n\n\n
\n
\n
\n
\n\n\n'); z.document.close(); z.focus(true); } // The tab scripts below came from dynamic drive. They're used on the product page for the 5 tabs (description, images, reviews, accessories and details). Images must always be the second tab because the tabs are referenced numerically in the order they appear (tab1 = images) and that tab is referenced from another button that conditionally appears. //** Tab Content script- Dynamic Drive DHTML code library (http://www.dynamicdrive.com) //** Last updated: Nov 8th, 06 var enabletabpersistence=0 //enable tab persistence via session only cookies, so selected tab is remembered? ////NO NEED TO EDIT BELOW//////////////////////// var tabcontentIDs=new Object() function expandcontent(linkobj){ var ulid=linkobj.parentNode.parentNode.id //id of UL element var ullist=document.getElementById(ulid).getElementsByTagName("li") //get list of LIs corresponding to the tab contents for (var i=0; i'); document.write(''); } function gettrailobj(){ if (document.getElementById) return document.getElementById("trailimageid").style else if (document.all) return document.all.trailimagid.style } function gettrailobjnostyle(){ if (document.getElementById) return document.getElementById("trailimageid") else if (document.all) return document.all.trailimagid } function truebody(){ return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function showtrail(imagename,title,description,ratingaverage,ratingnumber,showthumb,height){ if (height > 0){ currentimageheight = height; } document.onmousemove=followmouse; cameraHTML = ''; newHTML = '
'; if (showthumb > 0){ newHTML = newHTML + '
'; } newHTML = newHTML + '
'; gettrailobjnostyle().innerHTML = newHTML; gettrailobj().visibility="visible"; } function hidetrail(){ gettrailobj().visibility="hidden" document.onmousemove="" gettrailobj().left="-500px" } function followmouse(e){ var xcoord=offsetfrommouse[0] var ycoord=offsetfrommouse[1] var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15 var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(document.body.offsetHeight, window.innerHeight) if (typeof e != "undefined"){ if (docwidth - e.pageX < 195){ xcoord = e.pageX - xcoord - 200; // Move to the left side of the cursor } else { xcoord += e.pageX; } if (docheight - e.pageY < (currentimageheight + 110)){ ycoord += e.pageY - Math.max(0,(110 + currentimageheight + e.pageY - docheight - truebody().scrollTop)); } else { ycoord += e.pageY; } } else if (typeof window.event != "undefined"){ if (docwidth - event.clientX < 200){ xcoord = event.clientX + truebody().scrollLeft - xcoord - 190; // Move to the left side of the cursor } else { xcoord += truebody().scrollLeft+event.clientX } if (docheight - event.clientY < (currentimageheight + 110)){ ycoord += event.clientY + truebody().scrollTop - Math.max(0,(110 + currentimageheight + event.clientY - docheight)); } else { ycoord += truebody().scrollTop + event.clientY; } } var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15 var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight) gettrailobj().left=xcoord+"px" gettrailobj().top=ycoord+"px" } //This is used in the images tab for the rollover. Pass in the url of the new image. PRetty basic. function DoSwap(imgURL){ document.bigimage.src = imgURL; }