// © 2003 www.backgroundart.com
// contact: copyright@backgroundart.com


// StyleChoicesPopup function opens a new popup with the desired content passed by the OnClick value
function StyleChoicesPopup()
{
	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");
}
// 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
function LoadPic(ImageNum)
{
	 switch (ImageNum)
	{
		case(1):
		{
		window.open("../free_backgrounds/"+document.VariableHolderForm.image01ChosenFilename.value+".jpg",'Download_Window',"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=820,height=680");
		break;
		}
		case(2):
		{
		window.open("../free_backgrounds/"+document.VariableHolderForm.image02ChosenFilename.value+".jpg",'Download_Window',"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=820,height=680");
		break;
		}  
		case(3):
		{
		window.open("../free_backgrounds/"+document.VariableHolderForm.image03ChosenFilename.value+".jpg",'Download_Window',"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=820,height=680");
		break;
		}  
		case(4):
		{
		window.open("../free_backgrounds/"+document.VariableHolderForm.image04ChosenFilename.value+".jpg",'Download_Window',"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=820,height=680");
		break;
		}  
		case(5):
		{
		window.open("../free_backgrounds/"+document.VariableHolderForm.image05ChosenFilename.value+".jpg",'Download_Window',"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=820,height=680");
		break;
		}  
		case(6):
		{
		window.open("../free_backgrounds/"+document.VariableHolderForm.image06ChosenFilename.value+".jpg",'Download_Window',"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=820,height=680");
		break;
		}  
		case(7):
		{
		window.open("../free_backgrounds/"+document.VariableHolderForm.image07ChosenFilename.value+".jpg",'Download_Window',"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=820,height=680");
		break;
		}  
		case(8):
		{
		window.open("../free_backgrounds/"+document.VariableHolderForm.image08ChosenFilename.value+".jpg",'Download_Window',"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=820,height=680");
		break;
		}  
		case(9):
		{
		window.open("../free_backgrounds/"+document.VariableHolderForm.image09ChosenFilename.value+".jpg",'Download_Window',"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=820,height=680");
		break;
		}  
	}
}
// end function LoadPic


// 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


// SetDesign function sets the hidden value "ChosenDesign" 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 SetDesign 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 ChosenColor = document.VariableHolderForm.image01ChosenColor.value;
		var ChosenStyle = document.VariableHolderForm.image01ChosenStyle.value;
		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