// © 2003-2007 www.backgroundart.com // contact: copyright@backgroundart.com // PopupLink function opens a new popup with the desired content passed by the OnClick value function LinkInNewWindow() { window.open("../index.html",'Popup_Window','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=400,height=700'); } // end function LinkInNewWindow // StyleChoicesPopup function opens a new popup with the desired content passed by the OnClick value function StyleChoicesPopup() { // OLD VERSION // // window.open("../popups/styleoptions.html",'Popup_Window',"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=545,height=140"); // // window.open("../popups/styleoptions.html",'Popup_Window',"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=400,height=350"); } // end function StyleChoicesPopup // The functions below: // 1. Update hidden values on the page that calls the function // 2. Update displayed images on the page that calls the function // 3. Open new windows with images identified by values on the page that calls the function //LoadPic function opens a new window filled with the full-size version of the chosen image. Download instructions are included at top of new page. function LoadPic(ImageNum) { switch (ImageNum) // set variable ChosenFile to value based on which Download Now button was clicked (1-9) { case(1): { var ChosenFile=document.VariableHolderForm.image01ChosenFilename.value; break; } case(2): { var ChosenFile=document.VariableHolderForm.image02ChosenFilename.value; break; } case(3): { var ChosenFile=document.VariableHolderForm.image03ChosenFilename.value; break; } case(4): { var ChosenFile=document.VariableHolderForm.image04ChosenFilename.value; break; } case(5): { var ChosenFile=document.VariableHolderForm.image05ChosenFilename.value; break; } case(6): { var ChosenFile=document.VariableHolderForm.image06ChosenFilename.value; break; } case(7): { var ChosenFile=document.VariableHolderForm.image07ChosenFilename.value; break; } case(8): { var ChosenFile=document.VariableHolderForm.image08ChosenFilename.value; break; } case(9): { var ChosenFile=document.VariableHolderForm.image09ChosenFilename.value; break; } } // open new window called Download_Window containing image defined by value of ChosenFile (defined above) // use script below to write new html to be displayed in Download_Window NewWindow = new Object; NewWindow=window.open("",'Download_Window',"toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=830,height=760"); NewWindow.document.writeln("Background Art | Download Window"); NewWindow.document.writeln("\">"); NewWindow.document.writeln("
"); NewWindow.document.writeln(""); NewWindow.document.writeln(""); NewWindow.document.writeln(""); NewWindow.document.writeln(""); NewWindow.document.writeln("
"); NewWindow.document.writeln("

Download Window

"); NewWindow.document.writeln("

"); NewWindow.document.writeln(""); NewWindow.document.writeln("

"); NewWindow.document.writeln("

To download the full-size image:"); NewWindow.document.writeln("
• Right-click (PC) or Control-click (Mac) on the image to activate a popup menu."); NewWindow.document.writeln("
• Choose Save Picture As, Download Image to Disk, or the equivalent."); NewWindow.document.writeln("
• Choose a destination for your image. You can accept the filename used by our site or change it to any name you like. The file extension (.JPG) must remain intact."); NewWindow.document.writeln("

"); // // part 01 of html line that loads image...this part places an image in the right place and points to the source directory.... NewWindow.document.writeln("

"); // NewWindow.document.writeln("
"); NewWindow.document.writeln("
"); NewWindow.document.writeln("

"); NewWindow.document.writeln("

"); NewWindow.document.writeln("
"); NewWindow.document.writeln(""); NewWindow.document.writeln(""); } // end function LoadPic // SetElement function sets the hidden value "ChosenElement" defined by clicked button function SetElement(ImageNum,ClickedElement) { switch (ImageNum) { case(1): { document.VariableHolderForm.image01ChosenElement.value = ClickedElement; break; } case(2): { document.VariableHolderForm.image02ChosenElement.value = ClickedElement; break; } case(3): { document.VariableHolderForm.image03ChosenElement.value = ClickedElement; break; } case(4): { document.VariableHolderForm.image04ChosenElement.value = ClickedElement; break; } case(5): { document.VariableHolderForm.image05ChosenElement.value = ClickedElement; break; } case(6): { document.VariableHolderForm.image06ChosenElement.value = ClickedElement; break; } case(7): { document.VariableHolderForm.image07ChosenElement.value = ClickedElement; break; } case(8): { document.VariableHolderForm.image08ChosenElement.value = ClickedElement; break; } case(9): { document.VariableHolderForm.image09ChosenElement.value = ClickedElement; break; } } SetChosenFilename(ImageNum); // goto SetChosenFilename function } // end function SetElement // SetColor function sets the hidden value "ChosenColor" defined by clicked button function SetColor(ImageNum,ClickedColor) { switch (ImageNum) { case(1): { document.VariableHolderForm.image01ChosenColor.value = ClickedColor; break; } case(2): { document.VariableHolderForm.image02ChosenColor.value = ClickedColor; break; } case(3): { document.VariableHolderForm.image03ChosenColor.value = ClickedColor; break; } case(4): { document.VariableHolderForm.image04ChosenColor.value = ClickedColor; break; } case(5): { document.VariableHolderForm.image05ChosenColor.value = ClickedColor; break; } case(6): { document.VariableHolderForm.image06ChosenColor.value = ClickedColor; break; } case(7): { document.VariableHolderForm.image07ChosenColor.value = ClickedColor; break; } case(8): { document.VariableHolderForm.image08ChosenColor.value = ClickedColor; break; } case(9): { document.VariableHolderForm.image09ChosenColor.value = ClickedColor; break; } } SetChosenFilename(ImageNum); // goto SetChosenFilename function } // end function SetColor // SetStyle function sets the hidden value "ChosenStyle" defined by clicked button function SetStyle(ImageNum,ClickedStyle) { switch (ImageNum) { case(1): { document.VariableHolderForm.image01ChosenStyle.value = ClickedStyle; break; } case(2): { document.VariableHolderForm.image02ChosenStyle.value = ClickedStyle; break; } case(3): { document.VariableHolderForm.image03ChosenStyle.value = ClickedStyle; break; } case(4): { document.VariableHolderForm.image04ChosenStyle.value = ClickedStyle; break; } case(5): { document.VariableHolderForm.image05ChosenStyle.value = ClickedStyle; break; } case(6): { document.VariableHolderForm.image06ChosenStyle.value = ClickedStyle; break; } case(7): { document.VariableHolderForm.image07ChosenStyle.value = ClickedStyle; break; } case(8): { document.VariableHolderForm.image08ChosenStyle.value = ClickedStyle; break; } case(9): { document.VariableHolderForm.image09ChosenStyle.value = ClickedStyle; break; } case(10): { document.VariableHolderForm.image10ChosenStyle.value = ClickedStyle; break; } case(11): { document.VariableHolderForm.image11ChosenStyle.value = ClickedStyle; break; } case(12): { document.VariableHolderForm.image12ChosenStyle.value = ClickedStyle; break; } } SetChosenFilename(ImageNum); // goto SetChosenFilename function } // end SetStyle function // SetPhoto function sets the hidden value "ChosenFilename" to "ChosenNameNum" + "ph" function SetPhoto(ImageNum) { switch (ImageNum) { case(1): { var ChosenNameNum = document.VariableHolderForm.image01DesignNameNum.value; var ChosenFile = ChosenNameNum+"ph"; document.VariableHolderForm.image01ChosenFilename.value = ChosenFile; break; } case(2): { var ChosenNameNum = document.VariableHolderForm.image02DesignNameNum.value; var ChosenFile = ChosenNameNum+"ph"; document.VariableHolderForm.image02ChosenFilename.value = ChosenFile; break; } case(3): { var ChosenNameNum = document.VariableHolderForm.image03DesignNameNum.value; var ChosenFile = ChosenNameNum+"ph"; document.VariableHolderForm.image03ChosenFilename.value = ChosenFile; break; } case(4): { var ChosenNameNum = document.VariableHolderForm.image04DesignNameNum.value; var ChosenFile = ChosenNameNum+"ph"; document.VariableHolderForm.image04ChosenFilename.value = ChosenFile; break; } case(5): { var ChosenNameNum = document.VariableHolderForm.image05DesignNameNum.value; var ChosenFile = ChosenNameNum+"ph"; document.VariableHolderForm.image05ChosenFilename.value = ChosenFile; break; } case(6): { var ChosenNameNum = document.VariableHolderForm.image06DesignNameNum.value; var ChosenFile = ChosenNameNum+"ph"; document.VariableHolderForm.image06ChosenFilename.value = ChosenFile; break; } case(7): { var ChosenNameNum = document.VariableHolderForm.image07DesignNameNum.value; var ChosenFile = ChosenNameNum+"ph"; document.VariableHolderForm.image07ChosenFilename.value = ChosenFile; break; } case(8): { var ChosenNameNum = document.VariableHolderForm.image08DesignNameNum.value; var ChosenFile = ChosenNameNum+"ph"; document.VariableHolderForm.image08ChosenFilename.value = ChosenFile; break; } case(9): { var ChosenNameNum = document.VariableHolderForm.image09DesignNameNum.value; var ChosenFile = ChosenNameNum+"ph"; document.VariableHolderForm.image09ChosenFilename.value = ChosenFile; break; } } UpdatePreview(ImageNum); // goto UpdatePreview function } // end function SetPhoto // SetChosenFilename function sets the hidden value "ChosenFilename" by combining hidden values function SetChosenFilename(ImageNum) { switch (ImageNum) { case(1): { var ChosenNameNum = document.VariableHolderForm.image01DesignNameNum.value; // var ChosenElement = document.VariableHolderForm.image01ChosenElement.value; var ChosenColor = document.VariableHolderForm.image01ChosenColor.value; var ChosenStyle = document.VariableHolderForm.image01ChosenStyle.value; // var ChosenFile = ChosenNameNum+ChosenElement+ChosenColor+ChosenStyle; var ChosenFile = ChosenNameNum+ChosenColor+ChosenStyle; document.VariableHolderForm.image01ChosenFilename.value = ChosenFile; break; } case(2): { var ChosenNameNum = document.VariableHolderForm.image02DesignNameNum.value; var ChosenColor = document.VariableHolderForm.image02ChosenColor.value; var ChosenStyle = document.VariableHolderForm.image02ChosenStyle.value; var ChosenFile = ChosenNameNum+ChosenColor+ChosenStyle; document.VariableHolderForm.image02ChosenFilename.value = ChosenFile; break; } case(3): { var ChosenNameNum = document.VariableHolderForm.image03DesignNameNum.value; var ChosenColor = document.VariableHolderForm.image03ChosenColor.value; var ChosenStyle = document.VariableHolderForm.image03ChosenStyle.value; var ChosenFile = ChosenNameNum+ChosenColor+ChosenStyle; document.VariableHolderForm.image03ChosenFilename.value = ChosenFile; break; } case(4): { var ChosenNameNum = document.VariableHolderForm.image04DesignNameNum.value; var ChosenColor = document.VariableHolderForm.image04ChosenColor.value; var ChosenStyle = document.VariableHolderForm.image04ChosenStyle.value; var ChosenFile = ChosenNameNum+ChosenColor+ChosenStyle; document.VariableHolderForm.image04ChosenFilename.value = ChosenFile; break; } case(5): { var ChosenNameNum = document.VariableHolderForm.image05DesignNameNum.value; var ChosenColor = document.VariableHolderForm.image05ChosenColor.value; var ChosenStyle = document.VariableHolderForm.image05ChosenStyle.value; var ChosenFile = ChosenNameNum+ChosenColor+ChosenStyle; document.VariableHolderForm.image05ChosenFilename.value = ChosenFile; break; } case(6): { var ChosenNameNum = document.VariableHolderForm.image06DesignNameNum.value; var ChosenColor = document.VariableHolderForm.image06ChosenColor.value; var ChosenStyle = document.VariableHolderForm.image06ChosenStyle.value; var ChosenFile = ChosenNameNum+ChosenColor+ChosenStyle; document.VariableHolderForm.image06ChosenFilename.value = ChosenFile; break; } case(7): { var ChosenNameNum = document.VariableHolderForm.image07DesignNameNum.value; var ChosenColor = document.VariableHolderForm.image07ChosenColor.value; var ChosenStyle = document.VariableHolderForm.image07ChosenStyle.value; var ChosenFile = ChosenNameNum+ChosenColor+ChosenStyle; document.VariableHolderForm.image07ChosenFilename.value = ChosenFile; break; } case(8): { var ChosenNameNum = document.VariableHolderForm.image08DesignNameNum.value; var ChosenColor = document.VariableHolderForm.image08ChosenColor.value; var ChosenStyle = document.VariableHolderForm.image08ChosenStyle.value; var ChosenFile = ChosenNameNum+ChosenColor+ChosenStyle; document.VariableHolderForm.image08ChosenFilename.value = ChosenFile; break; } case(9): { var ChosenNameNum = document.VariableHolderForm.image09DesignNameNum.value; var ChosenColor = document.VariableHolderForm.image09ChosenColor.value; var ChosenStyle = document.VariableHolderForm.image09ChosenStyle.value; var ChosenFile = ChosenNameNum+ChosenColor+ChosenStyle; document.VariableHolderForm.image09ChosenFilename.value = ChosenFile; break; } } UpdatePreview(ImageNum); // goto UpdatePreview function } // end function SetChosenFilename // UpdatePreview function updates the preview image to reflect user's selection(s) function UpdatePreview(ImageNum) { switch(ImageNum) { case(1): { var ChosenFile = document.VariableHolderForm.image01ChosenFilename.value; document.image01.src= "../samples/"+ChosenFile+".jpg"; // update preview (doesn't work for AOL Mac) break; } case(2): { var ChosenFile = document.VariableHolderForm.image02ChosenFilename.value; document.image02.src= "../samples/"+ChosenFile+".jpg"; // update preview (doesn't work for AOL Mac) break; } case(3): { var ChosenFile = document.VariableHolderForm.image03ChosenFilename.value; document.image03.src= "../samples/"+ChosenFile+".jpg"; // update preview (doesn't work for AOL Mac) break; } case(4): { var ChosenFile = document.VariableHolderForm.image04ChosenFilename.value; document.image04.src= "../samples/"+ChosenFile+".jpg"; // update preview (doesn't work for AOL Mac) break; } case(5): { var ChosenFile = document.VariableHolderForm.image05ChosenFilename.value; document.image05.src= "../samples/"+ChosenFile+".jpg"; // update preview (doesn't work for AOL Mac) break; } case(6): { var ChosenFile = document.VariableHolderForm.image06ChosenFilename.value; document.image06.src= "../samples/"+ChosenFile+".jpg"; // update preview (doesn't work for AOL Mac) break; } case(7): { var ChosenFile = document.VariableHolderForm.image07ChosenFilename.value; document.image07.src= "../samples/"+ChosenFile+".jpg"; // update preview(doesn't work for AOL Mac) break; } case(8): { var ChosenFile = document.VariableHolderForm.image08ChosenFilename.value; document.image08.src= "../samples/"+ChosenFile+".jpg"; // update preview(doesn't work for AOL Mac) break; } case(9): { var ChosenFile = document.VariableHolderForm.image09ChosenFilename.value; document.image09.src= "../samples/"+ChosenFile+".jpg"; // update preview (doesn't work for AOL Mac) break; } } BrowserDetect(ChosenFile); // goto BrowserDetect function } // end SetColor function // BrowserDetect function looks for AOL Mac users and shows the ChosenFile in a new window function BrowserDetect(ChosenFile) { var AOL_user = (navigator.userAgent.indexOf('AOL') != -1); // true if AOL var Mac_user = (navigator.appVersion.indexOf('Mac') != -1); // true if Mac if (AOL_user && Mac_user) // AOL Mac users: { window.open("../samples/"+ChosenFile+".jpg",'Preview_Window','width="200",height="150"'); } } // end BrowserDetect function