/**************************************************************************************
File name: daveSyoung.js
Description: This file has all the functions for what happens within DAVESYOUNG.COM
Author: Dave Young (Dave S Young)
**************************************************************************************/
// LOCATION:: These variables keep track of where the user is Located
var currentChannel = ""
var currentProject = ""
var toData = "" // orients the page towards the Data directory
var lastUpdated = "october 10, 2005"
// NAVIGATION HTML ALTERNATIVES
var navDisplay =""
// SELECTED QUOTE
var selectedQuote = ""
// BREAD CRUMBS
var breadCrumbs =""
// HTML FOR DISPLAYED IMAGE
var displayContents = ""
var loadedRoll = ""
// SET THE BACK< CURRENT, PREVIOUS, and PDF values
var goBack = ""
var viewImage = ""
var goForward = ""
//************************ THE SECRET ATTIC OF QUIET QUOTES *******************************
// Question: Did you used to eat all the chocoalte in your advent calendar on the first day?
/************************************************************************************
Function: insertQuote
Description: This function inserts the front page quote.
************************************************************************************/
function insertQuote() {
// SELECTS A RANDOM WHOLE NUMBER
var ran_number=Math.round(Math.random()*16);
// SELECTS THE QUOTE
if (ran_number==1) {
selectedQuote = "
" If design can be used to sell jeans and perfume, then I will
use it to fight for democracy and against injustice. "
- Chaz Maviyane-Davies
"
}
else if (ran_number==2) {
selectedQuote = "
"... a wealth of information creates a poverty of attention,
and a need to allocate that attention efficiently among the
overabundance of information sources that might consume it."
- Herbert Simon
"
}
else if (ran_number==3) {
selectedQuote = "
" Everyone designs who devises courses of action aimed
at changing existing situations into preferred ones."
- Herbert Simon
"
}
else if (ran_number==4) {
selectedQuote = "
" If you want to push design into new areas, you have to work
closely across the boundaries of people's trades and professions.
If you know the questions to ask, you can pull out the expertise."
- Jeanne Gang
"
}
else if (ran_number==5) {
selectedQuote = "
" A [designer] is best when people barely know he exists,
when his work is done, his aim fulfilled, they will say:
we did it ourselves."
- Lao Tzu
"
}
else if (ran_number==6) {
selectedQuote = "
"... describe your sorrows and desires, passing thoughts and
the belief in some sort of beauty – describe all these with loving,
quiet, humble sincerity, and use to express yourself, the things
in your environment, the images from your dreams,
and the objects of your memory."
- Rainer Maria Rilke
"
}
else if (ran_number==7) {
selectedQuote = "
" The commonality between science and art is in trying to see
profoundly – to develop strategies of seeing and showing."
- Edward Tufte
"
}
else if (ran_number==8) {
selectedQuote = "
" The designer has a dream that goes beyond what exists,
rather than fixing what exists... the designer wants to create
a solution that fits in a deeper situational or social sense."
- David Kelley
"
}
else if (ran_number==9) {
selectedQuote = "
"
}
else if (ran_number==10) {
selectedQuote = "
" Good design... maximizes the life goals of the people
in [a certain subset of] a given culture."
- Mihaly Csikszentmihalyi
"
}
else if (ran_number==11) {
selectedQuote = "
" To realize that you do not understand is a virtue;
Not to realize that you do not understand is a defect."
- Lao Tzu
"
}
else if (ran_number==12) {
selectedQuote = "
" Good design should reflect a sense of human history –
some aspect of where we’ve come from."
- Harmutt Esslinger
"
}
else if (ran_number==13) {
selectedQuote = "
" Design is in everything we make, but it’s also between
those things. It's a mix of craft, science, storytelling,
propaganda, and philosophy."
- Erik Adigard
"
}
else if (ran_number==14) {
selectedQuote = "
" We are searching for some kind of harmony between two
intangibles: a form which we have not yet designed and
a context which we cannot properly describe."
- Christopher Alexander
"
}
else if (ran_number==15) {
selectedQuote = "
" Don’t make something unless it is both necessary
and useful; but if it is both necessary and useful,
don't hesitate to make it beautiful."
- Shaker Philosophy
"
}
else { // this catches first and last half margin (0.5)
selectedQuote = ""
}
// INSERT THE Selected Quote
document.getElementById("display").innerHTML=selectedQuote
}
/************************************************************************************
Function: buildNav
Description: This function inserts the HTML for Navigation
************************************************************************************/
function buildNav() {
//sets the 'navDisplay' string to the right locations HTML
if (currentChannel=="Home") {
navDisplay = ""
}
else if (currentChannel=="Explore") {
navDisplay = ""
}
else if (currentChannel=="Visualize") {
navDisplay = ""
}
else if (currentChannel=="Inform") {
navDisplay = ""
}
else if (currentChannel=="Interact") {
navDisplay = ""
}
else {
}
document.getElementById('navigation').innerHTML=navDisplay
}
/************************************************************************************
Function: sideLinks()
Description: This function inserts the side breadcrumbs.
************************************************************************************/
function sideLinks() {
if (currentProject=="none"){
//breadCrumbs =""
breadCrumbs=""
}
else {
breadCrumbs =""
}
// INSERT THE Selected Quote
document.getElementById("color").innerHTML= breadCrumbs
}
/************************************************************************************
Function: insertDate
Description: This function inserts the HTML for the Copyright.
************************************************************************************/
function insertDate() {
// INSERT THE COPYRIGHT HTML TABLE
document.getElementById("date").innerHTML=""
}
/************************************************************************************
Function: insertJunk
Description: This function inserts the HTML for the Copyright.
************************************************************************************/
function insertJunk() {
// INSERT THE COPYRIGHT HTML TABLE
document.getElementById("junk").innerHTML="Dave Young. Dave S Young. David S. Young. Dave From Design. Dave From Vermont. Yum. Design Portfolio. Communication Design. Web Design. Cooking. Visual Interface Design. Information Architecture. pachwork quilt. p@chwork quilt. Graphical User Interface. Coyote. Experience Design. Friend. User Experience Design. Human Factors. Human Computer Interaction. Interaction Design. Interface Design. Carnegie Mellon University. Carrots. Cooking. Techsploitation. Tech-sploitation. Anti-Techsploitation. Thetford, Vermont. Thetford Academy. Youth for Understanding. Australia. Jessica R. Cy. Farm and Wilderness. Copyright Dave Young. David Sacret Young.
"
}
/************************************************************************************
Function: changeDisplay()
Description: This function inserts the front page quote.
************************************************************************************/
function changeDisplay(numPics, imageFile) {
// FOR SIMPLE IMAGE FILES
if (numPics=="1") {
// INSERT the Larger Version of Image
displayContents = "
"
}
else if (numPics=="1b") {
// INSERT the Larger Version of Image w/o
displayContents = "![](\"")
"
}
// FOR COMPLEX 01 :: BUSINESS CARDS
else if (numPics=="complex01") {
// creates a large matrix of all 12 business cards
displayContents = "
"
}
// FOR COMPLEX 01b :: RETURN TO BUISNESS CARDS
else if (numPics=="complex01b") {
// INSERT the Larger Version of Image
displayContents = "
"
}
// FOR COMPLEX GLASS 02
else if (numPics=="complexGlass02") {
// INSERT the Larger Version of Image Provide Alternatives
displayContents = "
"
}
// FOR 320 x 244 MOVIES
else if (numPics=="movie") {
// INSERT the Larger Version of Image Provide Alternatives
displayContents = "
"
}
// Opens Up External Page from image
else {
// INSERT the Larger Version of Image Provide Alternatives
displayContents = "
"
}
// INSERT THE Selected Quote
document.getElementById("display").innerHTML=displayContents
}
/************************************************************************************
Function: twoOptions()
Description: This function inserts a two image display.
************************************************************************************/
function twoOptions(position, image01, image02) {
// VIEW IMAGE 01
if (position=="1") {
// INSERT THE FIRST IMAGE
displayContents = "
"
}
// VIEW IMAGE 02
else if (position=="2") {
// INSERT THE SECOND IMAGE
displayContents = "
"
}
else {
}
// INSERT THE Selected Quote
document.getElementById("display").innerHTML=displayContents
}
/************************************************************************************
Function: labelTwoOptions()
Description: This function inserts a labeled two image display.
************************************************************************************/
function labelTwoOptions(theLabel, position, image01, image02) {
// VIEW IMAGE 01
if (position=="1") {
// INSERT THE FIRST IMAGE
displayContents = ""
}
// VIEW IMAGE 02
else if (position=="2") {
// INSERT THE SECOND IMAGE
displayContents = ""
}
else {
}
// INSERT THE Selected Quote
document.getElementById("display").innerHTML=displayContents
}
/************************************************************************************
Function: labelThreeOptions()
Description: This function inserts a labeled three image display.
************************************************************************************/
function labelThreeOptions(theLabel, position, image01, image02, image03) {
// VIEW IMAGE 01
if (position=="1") {
// INSERT THE FIRST IMAGE
displayContents = ""
}
// VIEW IMAGE 02
else if (position=="2") {
// INSERT THE SECOND IMAGE
displayContents = ""
}
// VIEW IMAGE 03
else if (position=="3") {
// INSERT THE SECOND IMAGE
displayContents = ""
}
else {
}
// INSERT THE Selected Quote
document.getElementById("display").innerHTML=displayContents
}
/************************************************************************************
Function: threeOptions()
Description: This function inserts a three image display.
************************************************************************************/
function threeOptions(position, image01, image02, image03) {
// VIEW IMAGE 01
if (position=="1") {
// INSERT THE FIRST IMAGE
displayContents = "
"
}
// VIEW IMAGE 02
else if (position=="2") {
// INSERT THE SECOND IMAGE
displayContents = "
"
}
// VIEW IMAGE 03
else if (position=="3") {
// INSERT THE THIRD IMAGE
displayContents = "
"
}
else {
}
// INSERT THE Selected Quote
document.getElementById("display").innerHTML=displayContents
}
/************************************************************************************
Function: quiltPage()
Description: This function inserts a three image display.
************************************************************************************/
function quiltPage(position, image01, image02, image03) {
// VIEW IMAGE 01
if (position=="1") {
// INSERT THE FIRST IMAGE
displayContents = "
"
}
// VIEW IMAGE 02
else if (position=="2") {
// INSERT THE SECOND IMAGE
displayContents = "
"
}
// VIEW IMAGE 03
else if (position=="3") {
// INSERT THE THIRD IMAGE
displayContents = "
"
}
else {
}
// INSERT THE Selected Quote
document.getElementById("display").innerHTML=displayContents
}
/************************************************************************************
Function: fourOptions()
Description: This function inserts a four image display.
************************************************************************************/
function fourOptions(position, image01, image02, image03, image04) {
// VIEW IMAGE 01
if (position=="1") {
// INSERT THE FIRST IMAGE
displayContents = "
"
}
// VIEW IMAGE 02
else if (position=="2") {
// INSERT THE SECOND IMAGE
displayContents = "
"
}
// VIEW IMAGE 03
else if (position=="3") {
// INSERT THE SECOND IMAGE
displayContents = "
"
}
// VIEW IMAGE 04
else if (position=="4") {
displayContents = "
"
}
else {
}
// INSERT THE Selected Quote
document.getElementById("display").innerHTML=displayContents
}
/************************************************************************************
Function: fiveOptions()
Description: This function inserts a labeled Five image display.
************************************************************************************/
function fiveOptions(position, image01, image02, image03, image04, image05) {
// VIEW IMAGE 01
if (position=="1") {
// INSERT THE FIRST IMAGE
displayContents = "
"
}
// VIEW IMAGE 02
else if (position=="2") {
// INSERT THE SECOND IMAGE
displayContents = "
"
}
// VIEW IMAGE 03
else if (position=="3") {
// INSERT THE SECOND IMAGE
displayContents = "
"
}
// VIEW IMAGE 04
else if (position=="4") {
displayContents = "
"
}
// VIEW IMAGE 05
else if (position=="5") {
displayContents = "
"
}
else {
}
// INSERT THE Selected Quote
document.getElementById("display").innerHTML=displayContents
}
/************************************************************************************
Function: labelFiveOptions()
Description: This function inserts a labeled Five image display.
************************************************************************************/
function labelFourOptions(theLabel, position, image01, image02, image03, image04) {
// VIEW IMAGE 01
if (position=="1") {
// INSERT THE FIRST IMAGE
displayContents = ""
}
// VIEW IMAGE 02
else if (position=="2") {
// INSERT THE SECOND IMAGE
displayContents = ""
}
// VIEW IMAGE 03
else if (position=="3") {
// INSERT THE SECOND IMAGE
displayContents = ""
}
// VIEW IMAGE 04
else if (position=="4") {
displayContents = ""
}
// VIEW IMAGE 05
else if (position=="5") {
displayContents = ""
}
else {
}
// INSERT THE Selected Quote
document.getElementById("display").innerHTML=displayContents
}
/************************************************************************************
Function: labelFiveOptions()
Description: This function inserts a labeled Five image display.
************************************************************************************/
function labelFiveOptions(theLabel, position, image01, image02, image03, image04, image05) {
// VIEW IMAGE 01
if (position=="1") {
// INSERT THE FIRST IMAGE
displayContents = ""
}
// VIEW IMAGE 02
else if (position=="2") {
// INSERT THE SECOND IMAGE
displayContents = ""
}
// VIEW IMAGE 03
else if (position=="3") {
// INSERT THE SECOND IMAGE
displayContents = ""
}
// VIEW IMAGE 04
else if (position=="4") {
displayContents = ""
}
// VIEW IMAGE 05
else if (position=="5") {
displayContents = ""
}
else {
}
// INSERT THE Selected Quote
document.getElementById("display").innerHTML=displayContents
}
/************************************************************************************
Function: sixOptions()
Description: This function inserts a six image display.
************************************************************************************/
function sixOptions(position, image01, image02, image03, image04, image05, image06) {
// VIEW IMAGE 01
if (position=="1") {
// INSERT THE FIRST IMAGE
displayContents = "
"
}
// VIEW IMAGE 02
else if (position=="2") {
// INSERT THE SECOND IMAGE
displayContents = "
"
}
// VIEW IMAGE 03
else if (position=="3") {
// INSERT THE SECOND IMAGE
displayContents = "
"
}
// VIEW IMAGE 04
else if (position=="4") {
displayContents = "
"
}
// VIEW IMAGE 05
else if (position=="5") {
displayContents = "
"
}
else {
}
// INSERT THE Selected Quote
document.getElementById("display").innerHTML=displayContents
}
/************************************************************************************
Function: replaceImage(numDots, position, srcVal)
Description: This function swaps images when dots are clicked.
Caution: It assumes a minimum of two dots!
************************************************************************************/
function replaceImage(numDots, position, srcVal) {
//reset main image
document.getElementById("picView").src=srcVal
//gray out first two
document.getElementById("oneDot").src="udot.gif"
document.getElementById("twoDot").src="udot.gif"
// UP TO FOUR DOTS
if (numDots=="4") {
document.getElementById("threeDot").src="udot.gif"
document.getElementById("fourDot").src="udot.gif"
}
// UP TO FIVE DOTS
else if (numDots=="5") {
document.getElementById("threeDot").src="udot.gif"
document.getElementById("fourDot").src="udot.gif"
document.getElementById("fiveDot").src="udot.gif"
}
else {
}
//darken desired dot
if(position=="1"){
document.getElementById("oneDot").src="adot.gif"
}
else if(position=="2"){
document.getElementById("twoDot").src="adot.gif"
}
else if(position=="3"){
document.getElementById("threeDot").src="adot.gif"
}
else if(position=="4"){
document.getElementById("fourDot").src="adot.gif"
}
else if(position=="5"){
document.getElementById("fiveDot").src="adot.gif"
}
else {
}
}
/************************************************************************************
Function: openBooklet()
Description: This function sets up an open display of booklet w. back, current, forward
and a pdf link within.
************************************************************************************/
function openBooklet(pdf, page) {
// FOR OLD 28X SCHEDULE
if (pdf=="oldSchedule.pdf") {
if (page=="1") {
goBack = "2"
viewImage = "6-01.jpg"
goForward = "2"
}
else {
goBack = "1"
viewImage = "6-02.jpg"
goForward = "1"
}
}
// FOR NEW 28X SCHEDULE
else if (pdf=="newSchedule.pdf") {
if (page=="1") {
goBack = "9"
viewImage = "5-00.gif"
goForward = "2"
}
else if (page=="2") {
goBack = "1"
viewImage = "5-01.jpg"
goForward = "3"
}
else if (page=="3") {
goBack = "2"
viewImage = "5-02.jpg"
goForward = "4"
}
else if (page=="4") {
goBack = "3"
viewImage = "5-03.jpg"
goForward = "5"
}
else if (page=="5") {
goBack = "4"
viewImage = "5-04.jpg"
goForward = "6"
}
else if (page=="6") {
goBack = "5"
viewImage = "5-05.jpg"
goForward = "7"
}
else if (page=="7") {
goBack = "6"
viewImage = "5-06.jpg"
goForward = "8"
}
else if (page=="8") {
goBack = "7"
viewImage = "5-07.jpg"
goForward = "9"
}
else if (page=="9") {
goBack = "8"
viewImage = "5-08.jpg"
goForward = "10"
}
else if (page=="10") {
goBack = "9"
viewImage = "5-09.jpg"
goForward = "1"
}
else {
}
}
// VIEW IMAGE 03
else if (pdf=="publication.pdf") {
if (page=="1") {
goBack = "8"
viewImage = "bg1.gif"
goForward = "2"
}
else if (page=="2") {
goBack = "1"
viewImage = "bg2.gif"
goForward = "3"
}
else if (page=="3") {
goBack = "2"
viewImage = "bg3.gif"
goForward = "4"
}
else if (page=="4") {
goBack = "3"
viewImage = "bg4.gif"
goForward = "5"
}
else if (page=="5") {
goBack = "4"
viewImage = "bg5.gif"
goForward = "6"
}
else if (page=="6") {
goBack = "5"
viewImage = "bg6.gif"
goForward = "7"
}
else if (page=="7") {
goBack = "6"
viewImage = "bg7.gif"
goForward = "8"
}
else if (page=="8") {
goBack = "7"
viewImage = "bg8.gif"
goForward = "1"
}
else {
}
}
else {
}
// INSERT THE Selected Quote
document.getElementById("display").innerHTML="
"
}
/************************************************************************************
Function: loadRoll()
Description: This function inserts a new roll into the scroll bar.
************************************************************************************/
function loadRoll(rollXX) {
// LOAD ROLL 01
if (rollXX =="1") {
// load roll 01
loadedRoll = " ![](\"Series1.gif\") |
![](\"11_sm.jpg\") | ![](\"12_sm.jpg\") | ![](\"13_sm.jpg\") | ![](\"14_sm.jpg\") | ![](\"15_sm.jpg\") | ![](\"16_sm.jpg\") | ![](\"forward.jpg\") | | "
}
// LOAD ROLL 02
else if (rollXX =="2") {
// load roll 02
loadedRoll = " ![](\"Series2.gif\") |
| | ![](\"back.jpg\") | ![](\"21_sm.jpg\") | ![](\"22_sm.jpg\") | ![](\"23_sm.jpg\") | ![](\"24_sm.jpg\") | ![](\"25_sm.jpg\") | ![](\"26_sm.jpg\") | | | "
}
// LOAD ROLL 03
else if (rollXX =="3") {
// load roll 03
loadedRoll = " ![](\"Series3.gif\") |
| | | ![](\"31_sm.jpg\") | ![](\"32_sm.jpg\") | ![](\"33_sm.jpg\") | ![](\"34_sm.jpg\") | ![](\"35_sm.jpg\") | ![](\"36_sm.jpg\") | | | "
}
// LOAD ROLL 04
else if (rollXX =="4") {
// load roll 04
loadedRoll = "| |
| | | ![](\"41_sm.jpg\") | ![](\"42_sm.jpg\") | ![](\"43_sm.jpg\") | ![](\"44_sm.jpg\") | ![](\"45_sm.jpg\") | ![](\"46_sm.jpg\") | | | "
}
else {
}
// INSERT THE SELECTED ROLL
document.getElementById("scroll").innerHTML=loadedRoll
}
![](\"Data/theory.gif\")
![](\"Data/designosaur.gif\")
![](\"31a.gif\")
![](\"32a.gif\")
![](\"33a.gif\")
![](\"31b.gif\")
![](\"32b.gif\")
![](\"33b.gif\")
![](\"31c.gif\")
![](\"32c.gif\")
![](\"33c.gif\")
![](\"31d.gif\")
![](\"32d.gif\")
![](\"33d.gif\")
![](\"34.gif\")
![](\"adot.gif\")
![](\"udot.gif\")
![](\"plus.gif\")
![](\"equals.gif\")
![](\"back.gif\")
![](\"forward.gif\")
![](\"click.gif\")