'+alt+'<\/title>'); newWindow.document.write('<style type="text/css">body {margin: 0px;} img {display: block;} p {margin: 0px; padding: 0px; text-align: center; font-size: smaller; font-family: arial, sans-serif;} <\/style>'); newWindow.document.write('<body marginwidth="0" marginheight="0" onBlur="self.close()">'); newWindow.document.write('<p><img src="'+imageName+'" width="'+imageWidth+'" height="'+imageHeight+'" alt="'+alt+'"><\/p>'); newWindow.document.write('<p><a href="#" onClick="self.close();">[close window]<\/a><\/p>'); newWindow.document.write('<\/body><\/html>'); newWindow.document.close(); newWindow.focus(); */ // do this so that the calling event does nothing BUT this function return false; } // implement ltrim, rtrim and trim String.prototype.trim = function () { return this.ltrim().rtrim() } String.prototype.ltrim = function () { return this.replace(/^\s+/g, "") } String.prototype.rtrim = function () { return this.replace(/\s+$/g, "") } // function validateSearchForm() { if (document.forms['searchForm'].T1.value.trim() == '') { alert('You must enter a word to search on!'); return false; } else { return true; } } // pop up a window centered on the page function doPopup(page, width, height) { var url = 'http://www.tshirtmagic.com/' + page; var winleft = (screen.width - width) / 2; var winUp = (screen.height - height) / 2; var winProp = 'location=no,scrollbars=yes,width='+width+',height='+height+',left='+winleft+',top='+winUp+',resizable' window.open(url, "preview", winProp); } // Home Page function addbookmark() { bookmarkurl="http://www.tshirtmagic.com/" bookmarktitle="T-Shirt Magic Custom T-Shirts" if (document.all) window.external.AddFavorite(bookmarkurl,bookmarktitle) } // Stock Step 3 Design Page function addbookmark2() { bookmarkurl="http://www.tshirtmagic.com/^design@BookmarkURL^" bookmarktitle="http://www.tshirtmagic.com/^design@BookmarkTitle^" if (document.all) window.external.AddFavorite(bookmarkurl,bookmarktitle) } // help page function addbookmarkhelp() { bookmarkurl="http://www.tshirtmagic.com/help.htm" bookmarktitle="T-Shirt Magic Help Desk" if (document.all) window.external.AddFavorite(bookmarkurl,bookmarktitle) } // sitemap function addbookmarksitemap() { bookmarkurl="http://www.tshirtmagic.com/sitemap.htm" bookmarktitle="T-Shirt Magic Site Map" if (document.all) window.external.AddFavorite(bookmarkurl,bookmarktitle) } // logout function addbookmarkpoker() { bookmarkurl="http://www.tshirtmagic.com/stockc.php?action=step2&c1=282" bookmarktitle="T-Shirt Magic Poker T-Shirts" if (document.all) window.external.AddFavorite(bookmarkurl,bookmarktitle) } // add rotating stock random images function stock() { adNo = Math.round(Math.random() * maxAdNo) document.write(stock1[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock2[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock3[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock4[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock5[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock6[adNo]) } function stock_a() { adNo = Math.round(Math.random() * maxAdNo) document.write(stock1[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock2[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock3[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock4[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock5[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock6[adNo]) } function stock_b() { adNo = Math.round(Math.random() * maxAdNo) document.write(stock7[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock8[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock9[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock10[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock11[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock12[adNo]) } function stock_c() { adNo = Math.round(Math.random() * maxAdNo) document.write(stock13[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock14[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock15[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock16[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock17[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock18[adNo]) } function stock_d() { adNo = Math.round(Math.random() * maxAdNo) document.write(stock19[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock20[adNo]) adNo = Math.round(Math.random() * maxAdNo) document.write(stock21[adNo]) } // add statis message when clicked function wordage (txt) { window.status=txt; setTimeout("clear()",5000) } function clear () { window.status= ""; } //<![CDATA[ function Setup() { om = new OverlayMessage( document.getElementById( 'container' ) ); On(); } function On() { om.Set( '<marquee scrolldelay=50 width=90%>Please wait... your image is uploading.</marquee>' ); setTimeout( "Off()", 1000 ); } /* function Off() { om.Clear(); setTimeout( "On()", 1000 ); } //]]> */ OverlayMessage = function ( container ) { // Terminology: // +-----------------+ // |wrapper | // |+---------------+| // ||container || // || +-------+ || // || |overlay| || // || +-------+ || // || || // |+---------------+| // +-----------------+ // Get the parent. var parent = container.parentNode; // Make the wrapper div. var wrapper = document.createElement( 'div' ); wrapper.style.cssText = container.style.cssText; parent.insertBefore( wrapper, container ); // Move the container into the wrapper. parent.removeChild( container ); wrapper.appendChild( container ); container.style.cssText = 'position: relative; width: 100%; height: 100%;'; // Add the overlay div. this.overlay = document.createElement( 'div' ); wrapper.appendChild( this.overlay ); this.visibleStyle = 'position: relative; top: -50%; background-color: ' + OverlayMessage.backgroundColor + '; width: 55%; text-style: "Trebuchet MS"; text-align: center; margin-left: auto; margin-right: auto; padding: 0em; border: 0.01in ridge ' + OverlayMessage.borderColor + '; z-index: 100; opacity: .25; filter: alpha(opacity=100);'; this.invisibleStyle = 'display: none;'; this.overlay.style.cssText = this.invisibleStyle; }; OverlayMessage.font = 'Trebuchet MS'; OverlayMessage.borderColor = '#0001EC'; OverlayMessage.backgroundColor = '#99CCFF'; OverlayMessage.borderColor = '#0001EC'; OverlayMessage.prototype.Set = function ( message ) { this.overlay.innerHTML = message; this.overlay.style.cssText = this.visibleStyle; }; OverlayMessage.prototype.Clear = function () { this.overlay.style.cssText = this.invisibleStyle; }; OverlayMessage.SetBackgroundColor = function ( color ) { OverlayMessage.backgroundColor = color; }; OverlayMessage.SetBorderColor = function ( color ) { OverlayMessage.borderColor = color; }; // XXXXXXXXXXXXXXXXXXXXXXXXXXX function Setup2() { om = new OverlayMessage( document.getElementById( 'container' ) ); On(); } function On() { om.Set( '<marquee scrolldelay=50 width=90%>Please wait while your image is uploading...</marquee>' ); setTimeout( "Off()", 1000 ); } /* function Off() { om.Clear(); setTimeout( "On()", 1000 ); } //]]> */ OverlayMessage = function ( container2 ) { // Terminology: // +-----------------+ // |wrapper | // |+---------------+| // ||container || // || +-------+ || // || |overlay| || // || +-------+ || // || || // |+---------------+| // +-----------------+ // Get the parent. var parent = container2.parentNode; // Make the wrapper div. var wrapper = document.createElement( 'div' ); wrapper.style.cssText = container2.style.cssText; parent.insertBefore( wrapper, container2 ); // Move the container into the wrapper. parent.removeChild( container2 ); wrapper.appendChild( container2 ); container2.style.cssText = 'position: relative; width: 100%; height: 100%;'; // Add the overlay div. this.overlay = document.createElement( 'div' ); wrapper.appendChild( this.overlay ); this.visibleStyle = 'position: relative; top: -50%; background-color: ' + OverlayMessage.backgroundColor + '; width: 55%; text-style: "Trebuchet MS"; text-align: center; margin-left: auto; margin-right: auto; padding: 0em; border: 0.01in ridge ' + OverlayMessage.borderColor + '; z-index: 100; opacity: .25; filter: alpha(opacity=100);'; this.invisibleStyle = 'display: none;'; this.overlay.style.cssText = this.invisibleStyle; }; OverlayMessage.font = 'Trebuchet MS'; OverlayMessage.borderColor = '#0001EC'; OverlayMessage.backgroundColor = '#99CCFF'; OverlayMessage.borderColor = '#0001EC'; OverlayMessage.prototype.Set = function ( message ) { this.overlay.innerHTML = message; this.overlay.style.cssText = this.visibleStyle; }; OverlayMessage.prototype.Clear = function () { this.overlay.style.cssText = this.invisibleStyle; }; OverlayMessage.SetBackgroundColor = function ( color ) { OverlayMessage.backgroundColor = color; }; OverlayMessage.SetBorderColor = function ( color ) { OverlayMessage.borderColor = color; }; var addthis_config = { "data_track_clickback":true, ui_cobrand: "T-SHIRT MAGIC", ui_header_color: "#000000", ui_header_background: "#99CCFF", ui_use_css: true }; sfHover = function() { var sfEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); //xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx// /*function layerSetup(id,visibility){ if(document.getElementById){ this.obj = document.getElementById(id).style; this.obj.visibility = visibility; return this.obj;} else if(document.all){ this.obj = document.all[id].style; this.obj.visibility = visibility; return this.obj;} else if(document.layers){ this.obj = document.layers[id]; this.obj.visibility = visibility; return this.obj;} } function visVisible(param){ new layerSetup(param,'visible'); } function visHidden(param){ new layerSetup(param,'hidden'); } // ------------------------------------------------------------------- // Image Thumbnail Viewer Script- By Dynamic Drive, available at: http://www.dynamicdrive.com // Last updated: July 7th, 2008- Fixed enlarged image not showing in IE sometimes // ------------------------------------------------------------------- var thumbnailviewer={ enableTitle: true, //Should "title" attribute of link be used as description? enableAnimation: true, //Enable fading animation? definefooter: '<div class="footerbar"><a href=http://www.tshirtmagic.com/stock.php?action=step2&c1=3352>Newest Designs</a></div><div class="footerbar2"><a>CLOSE X</a></div>', //Define HTML for footer interface //ORG --- definefooter: '<div class="footerbar">CLOSE X</div>', //Define HTML for footer interface defineLoading: '<img src="http://www.tshirtmagic.com/newsite2/images/loadingAnimation.gif" /><br> Loading Image...', //Define HTML for "loading" div /////////////No need to edit beyond here///////////////////////// scrollbarwidth: 16, opacitystring: 'filter:progid:DXImageTransform.Microsoft.alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1', targetlinks:[], //Array to hold links with rel="thumbnail" createthumbBox:function(){ //write out HTML for Image Thumbnail Viewer plus loading div document.write('<div id="thumbBox" onClick="thumbnailviewer.closeit()"><div id="thumbImage"></div>'+this.definefooter+'</div>') document.write('<div id="thumbLoading">'+this.defineLoading+'</div>') this.thumbBox=document.getElementById("thumbBox") this.thumbImage=document.getElementById("thumbImage") //Reference div that holds the shown image this.thumbLoading=document.getElementById("thumbLoading") //Reference "loading" div that will be shown while image is fetched this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes }, centerDiv:function(divobj){ //Centers a div element on the page var ie=document.all && !window.opera var dom=document.getElementById var scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset var scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset var docwidth=(ie)? this.standardbody.clientWidth : window.innerWidth-this.scrollbarwidth var docheight=(ie)? this.standardbody.clientHeight: window.innerHeight var docheightcomplete=(this.standardbody.offsetHeight>this.standardbody.scrollHeight)? this.standardbody.offsetHeight : this.standardbody.scrollHeight //Full scroll height of document var objwidth=divobj.offsetWidth //width of div element var objheight=divobj.offsetHeight //height of div element var topposition=(docheight>objheight)? scroll_top+docheight/2-objheight/2+"px" : scroll_top+10+"px" //Vertical position of div element: Either centered, or if element height larger than viewpoint height, 10px from top of viewpoint divobj.style.left=docwidth/2-objwidth/2+"px" //Center div element horizontally divobj.style.top=Math.floor(parseInt(topposition))+"px" divobj.style.visibility="visible" }, showthumbBox:function(){ //Show ThumbBox div thumbnailviewer.thumbLoading.style.visibility="hidden" //Hide "loading" div this.centerDiv(this.thumbBox) if (this.enableAnimation){ //If fading animation enabled this.currentopacity=0.1 //Starting opacity value this.opacitytimer=setInterval("thumbnailviewer.opacityanimation()", 20) } }, loadimage:function(link){ //Load image function that gets attached to each link on the page with rel="thumbnail" if (this.thumbBox.style.visibility=="visible") //if thumbox is visible on the page already this.closeit() //Hide it first (not doing so causes triggers some positioning bug in Firefox var imageHTML='<img src="'+link.getAttribute("href")+'" style="'+this.opacitystring+'" />' //Construct HTML for shown image if (this.enableTitle && link.getAttribute("title")) //Use title attr of the link as description? imageHTML+='<br />'+link.getAttribute("title") this.centerDiv(this.thumbLoading) //Center and display "loading" div while we set up the image to be shown this.thumbImage.innerHTML=imageHTML //Populate thumbImage div with shown image's HTML (while still hidden) this.featureImage=this.thumbImage.getElementsByTagName("img")[0] //Reference shown image itself if (this.featureImage.complete) thumbnailviewer.showthumbBox() else{ this.featureImage.onload=function(){ //When target image has completely loaded thumbnailviewer.showthumbBox() //Display "thumbbox" div to the world! } } if (document.all && !window.createPopup) //Target IE5.0 browsers only. Address IE image cache not firing onload bug: panoramio.com/blog/onload-event/ this.featureImage.src=link.getAttribute("href") this.featureImage.onerror=function(){ //If an error has occurred while loading the image to show thumbnailviewer.thumbLoading.style.visibility="hidden" //Hide "loading" div, game over } }, setimgopacity:function(value){ //Sets the opacity of "thumbimage" div per the passed in value setting (0 to 1 and in between) var targetobject=this.featureImage if (targetobject.filters && targetobject.filters[0]){ //IE syntax if (typeof targetobject.filters[0].opacity=="number") //IE6 targetobject.filters[0].opacity=value*100 else //IE 5.5 targetobject.style.filter="alpha(opacity="+value*100+")" } else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax targetobject.style.MozOpacity=value else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax targetobject.style.opacity=value else //Non of the above, stop opacity animation this.stopanimation() }, opacityanimation:function(){ //Gradually increase opacity function this.setimgopacity(this.currentopacity) this.currentopacity+=0.1 if (this.currentopacity>1) this.stopanimation() }, stopanimation:function(){ if (typeof this.opacitytimer!="undefined") clearInterval(this.opacitytimer) }, closeit:function(){ //Close "thumbbox" div function this.stopanimation() this.thumbBox.style.visibility="hidden" this.thumbImage.innerHTML="" this.thumbBox.style.left="-2000px" this.thumbBox.style.top="-2000px" }, cleanup:function(){ //Clean up routine on page unload this.thumbLoading=null if (this.featureImage) this.featureImage.onload=null this.featureImage=null this.thumbImage=null for (var i=0; i<this.targetlinks.length; i++) this.targetlinks[i].onclick=null this.thumbBox=null }, dotask:function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload) var tasktype=(window.addEventListener)? tasktype : "on"+tasktype if (target.addEventListener) target.addEventListener(tasktype, functionref, false) else if (target.attachEvent) target.attachEvent(tasktype, functionref) }, init:function(){ //Initialize thumbnail viewer script by scanning page and attaching appropriate function to links with rel="thumbnail" if (!this.enableAnimation) this.opacitystring="" var pagelinks=document.getElementsByTagName("a") for (var i=0; i<pagelinks.length; i++){ //BEGIN FOR LOOP if (pagelinks[i].getAttribute("rel") && pagelinks[i].getAttribute("rel")=="thumbnail3"){ //Begin if statement pagelinks[i].onclick=function(){ thumbnailviewer.stopanimation() //Stop any currently running fade animation on "thumbbox" div before proceeding thumbnailviewer.loadimage(this) //Load image return false } this.targetlinks[this.targetlinks.length]=pagelinks[i] //store reference to target link } //end if statement } //END FOR LOOP //Reposition "thumbbox" div when page is resized this.dotask(window, function(){if (thumbnailviewer.thumbBox.style.visibility=="visible") thumbnailviewer.centerDiv(thumbnailviewer.thumbBox)}, "resize") } //END init() function } thumbnailviewer.createthumbBox() //Output HTML for the image thumbnail viewer thumbnailviewer.dotask(window, function(){thumbnailviewer.init()}, "load") //Initialize script on page load thumbnailviewer.dotask(window, function(){thumbnailviewer.cleanup()}, "unload")*/