<!--

/*
**********************word slideshow***************************/
var n = 0;

var messages= new Array();

messages[0]="Introducing Gateway Designs! "
messages[1]="Welcome To Our Website!"
messages[2]="Please browse at your leisure to learn about us."
messages[3]="Offering custom designed websites for small St. Louis businesses . . .";
messages[4]=". . . St. Louis families  . . ."
messages[5]=". . . or personal websites for individuals."
messages[6]="View our 'Services' page to learn about our product."
messages[7]="Providing personalized service for you."
messages[8]="We provide the building blocks for your successful internet presence'"
messages[9]="Gateway Designs:  Your successful internet presence starts here!";

function showNewMessage(){

if(navigator.appVersion >= "6.0", navigator.appName == 'Microsoft Internet Explorer', navigator.appName != 'Netscape'){

document.getElementById('newMessageDiv').filters["blendTrans"].apply();
document.getElementById('newMessageDiv').filters["blendTrans"].play();

var oldChildone=document.getElementById('newMessage').childNodes[0];
var newTextone= document.createTextNode(messages[n]);
document.getElementById('newMessage').replaceChild(newTextone, oldChildone);

(n == 9)? n <= 9: n++;

window.setTimeout("showNewMessage()",2000);
}

else{
var oldChildone=document.getElementById('newMessage').childNodes[0];
var newTextone= document.createTextNode(messages[n]);
document.getElementById('newMessage').replaceChild(newTextone, oldChildone);

(n == 9)?  n = 0: n++;

window.setTimeout("showNewMessage()", 5000);}
}



/*
*****************************dropdown menus**********************************/


function hideElement(elementID){
var hiddenMenu=document.getElementById(elementID);
hiddenMenu.style.display="none";
}


function showHzMenu(menuID){
var showHmenu=document.getElementById(menuID);


var fam=new Array();

fam[0]="Larson family";
fam[1]="Jones";
fam[2]="Smith";
fam[3]="Kristi";
fam[4]="Abby";
fam[5]="";
fam[6]="";
fam[7]="";
fam[8]="";
fam[9]="";
fam[10]="";
fam[11]="";
fam[12]="";
fam[13]="";
fam[14]="";
fam[15]="";
fam[16]="";
fam[17]="";
fam[18]="";
fam[19]="";
fam[20]="";
fam[21]="";
fam[22]="";
fam[23]="";
fam[24]="";
fam[25]="";
fam[26]="";
fam[27]="";
fam[25]="";
fam[28]="";
fam[29]="";
fam[30]="";
fam[31]="";
fam[32]="";
fam[33]="";
fam[34]="";
fam[35]="";
fam[36]="";
fam[37]="";
fam[38]="";
fam[39]="";



var oldText1=document.getElementById('family1').childNodes[0];
var oldText2=document.getElementById('family2').childNodes[0];
var oldText3=document.getElementById('family3').childNodes[0];
var oldText4=document.getElementById('family4').childNodes[0];
var oldText5=document.getElementById('family5').childNodes[0];
var oldText6=document.getElementById('family6').childNodes[0];
var oldText7=document.getElementById('family7').childNodes[0];
var oldText8=document.getElementById('family8').childNodes[0];
var oldText9=document.getElementById('family9').childNodes[0];
var oldText10=document.getElementById('family10').childNodes[0];
var oldText11=document.getElementById('family11').childNodes[0];
var oldText12=document.getElementById('family12').childNodes[0];
var oldText13=document.getElementById('family13').childNodes[0];
var oldText14=document.getElementById('family14').childNodes[0];
var oldText15=document.getElementById('family15').childNodes[0];
var oldText16=document.getElementById('family16').childNodes[0];

var oldText17=document.getElementById('family17').childNodes[0];
var oldText18=document.getElementById('family18').childNodes[0];
var oldText19=document.getElementById('family19').childNodes[0];
var oldText20=document.getElementById('family20').childNodes[0];
var oldText21=document.getElementById('family21').childNodes[0];
var oldText22=document.getElementById('family22').childNodes[0];
var oldText23=document.getElementById('family23').childNodes[0];
var oldText24=document.getElementById('family24').childNodes[0];
var oldText25=document.getElementById('family25').childNodes[0];
var oldText26=document.getElementById('family26').childNodes[0];
var oldText27=document.getElementById('family27').childNodes[0];
var oldText28=document.getElementById('family28').childNodes[0];
var oldText29=document.getElementById('family29').childNodes[0];
var oldText30=document.getElementById('family30').childNodes[0];
var oldText31=document.getElementById('family31').childNodes[0];
var oldText32=document.getElementById('family32').childNodes[0];
var oldText33=document.getElementById('family33').childNodes[0];
var oldText34=document.getElementById('family34').childNodes[0];
var oldText35=document.getElementById('family35').childNodes[0];
var oldText36=document.getElementById('family36').childNodes[0];
var oldText37=document.getElementById('family37').childNodes[0];
var oldText38=document.getElementById('family38').childNodes[0];
var oldText39=document.getElementById('family39').childNodes[0];
var oldText40=document.getElementById('family40').childNodes[0];




var newText1=document.createTextNode(fam[0]);
var newText2=document.createTextNode(fam[1]);
var newText3=document.createTextNode(fam[2]);
var newText4=document.createTextNode(fam[3]);
var newText5=document.createTextNode(fam[4]);
var newText6=document.createTextNode(fam[5]);
var newText7=document.createTextNode(fam[6]);
var newText8=document.createTextNode(fam[7]);
var newText9=document.createTextNode(fam[8]);
var newText10=document.createTextNode(fam[9]);
var newText11=document.createTextNode(fam[10]);
var newText12=document.createTextNode(fam[11]);
var newText13=document.createTextNode(fam[12]);
var newText14=document.createTextNode(fam[13]);
var newText15=document.createTextNode(fam[14]);
var newText16=document.createTextNode(fam[15]);
var newText17=document.createTextNode(fam[16]);
var newText18=document.createTextNode(fam[17]);
var newText19=document.createTextNode(fam[18]);
var newText20=document.createTextNode(fam[19]);
var newText21=document.createTextNode(fam[20]);
var newText22=document.createTextNode(fam[21]);
var newText23=document.createTextNode(fam[22]);
var newText24=document.createTextNode(fam[23]);
var newText25=document.createTextNode(fam[24]);
var newText26=document.createTextNode(fam[25]);
var newText27=document.createTextNode(fam[26]);
var newText28=document.createTextNode(fam[27]);
var newText29=document.createTextNode(fam[28]);
var newText30=document.createTextNode(fam[29]);
var newText31=document.createTextNode(fam[30]);
var newText32=document.createTextNode(fam[31]);
var newText33=document.createTextNode(fam[32]);
var newText34=document.createTextNode(fam[33]);
var newText35=document.createTextNode(fam[34]);
var newText36=document.createTextNode(fam[35]);
var newText37=document.createTextNode(fam[36]);
var newText38=document.createTextNode(fam[37]);
var newText39=document.createTextNode(fam[38]);
var newText40=document.createTextNode(fam[39]);



document.getElementById('family1').replaceChild(newText1, oldText1);
document.getElementById('family2').replaceChild(newText2, oldText2);
document.getElementById('family3').replaceChild(newText3, oldText3);
document.getElementById('family4').replaceChild(newText4, oldText4);
document.getElementById('family5').replaceChild(newText5, oldText5);
document.getElementById('family6').replaceChild(newText6, oldText6);
document.getElementById('family7').replaceChild(newText7, oldText7);
document.getElementById('family8').replaceChild(newText8, oldText8);
document.getElementById('family9').replaceChild(newText9, oldText9);
document.getElementById('family10').replaceChild(newText10, oldText10);
document.getElementById('family11').replaceChild(newText11, oldText11);
document.getElementById('family12').replaceChild(newText12, oldText12);
document.getElementById('family13').replaceChild(newText13, oldText13);
document.getElementById('family14').replaceChild(newText14, oldText14);
document.getElementById('family15').replaceChild(newText15, oldText15);
document.getElementById('family16').replaceChild(newText16, oldText16);


document.getElementById('family17').replaceChild(newText17, oldText17);
document.getElementById('family18').replaceChild(newText18, oldText18);
document.getElementById('family19').replaceChild(newText19, oldText19);
document.getElementById('family20').replaceChild(newText20, oldText20);
document.getElementById('family21').replaceChild(newText21, oldText21);
document.getElementById('family22').replaceChild(newText22, oldText22);
document.getElementById('family23').replaceChild(newText23, oldText23);
document.getElementById('family24').replaceChild(newText24, oldText24);

document.getElementById('family25').replaceChild(newText25, oldText25);
document.getElementById('family26').replaceChild(newText26, oldText26);
document.getElementById('family27').replaceChild(newText27, oldText27);
document.getElementById('family28').replaceChild(newText28, oldText28);
document.getElementById('family29').replaceChild(newText29, oldText29);
document.getElementById('family30').replaceChild(newText30, oldText30);
document.getElementById('family31').replaceChild(newText31, oldText31);
document.getElementById('family32').replaceChild(newText32, oldText32);

document.getElementById('family33').replaceChild(newText33, oldText33);
document.getElementById('family34').replaceChild(newText34, oldText34);
document.getElementById('family35').replaceChild(newText35, oldText35);
document.getElementById('family36').replaceChild(newText36, oldText36);
document.getElementById('family37').replaceChild(newText37, oldText37);
document.getElementById('family38').replaceChild(newText38, oldText38);
document.getElementById('family39').replaceChild(newText39, oldText39);
document.getElementById('family40').replaceChild(newText40, oldText40);




if (navigator.appName=="Microsoft Internet Explorer"){
showHmenu.style.marginLeft="-105px";
showHmenu.style.marginTop="20px";
showHmenu.style.visibility="visible";

}

else{
showHmenu.style.visibility="visible";
showHmenu.style.marginTop="20px";


}
}

function hideHzMenu(menuID){

var hideHmenu = document.getElementById(menuID);

hideHmenu.style.visibility='hidden';


}



function showVtMenuNow(menuID){
var showVmenu = document.getElementById(menuID);
if (navigator.appName=="Netscape"){
showVmenu.style.marginLeft="105px";
showVmenu.style.visibility="visible";
}
else{
showVmenu.style.visibility="visible";
}
}

function hideVtMenuNow(menuID){
var hideVmenu = document.getElementById(menuID);
hideVmenu.style.visibility='hidden';
}


/*
*****************************pass form data*********************************/


function getFormValues()
{
var formValues = location.search;

formValues = formValues.replace(/\+/g," ");
formValues = unescape(formValues);
formValues = formValues.replace(/\?/,"");

var formInfoArray = formValues.split(/&|=/);

var formData = new Array();

for (var arrayIndex = 0; arrayIndex < formInfoArray.length; arrayIndex++)
{
formData[formInfoArray[arrayIndex]] = formInfoArray[++arrayIndex]
}

 

document.myform.name.value = (formData["name"]);

document.myform.address.value = (formData["address"]);

document.myform.city.value = (formData["city"]);

document.myform.state.value = (formData["state"]);

document.myform.zip.value = (formData["zip"]);

document.myform.email.value = (formData["email"]);

document.myform.design.value = (formData["design"]);

document.myform.childschinname.value = (formData["childschinname"]);

document.myform.childsengname.value = (formData["childsengname"]);

document.myform.websitename.value = (formData["websitename"]);

document.myform.websitetitle.value = (formData["websitetitle"]);

document.myform.agency.value = (formData["agency"]);

document.myform.username.value = (formData["username"]);

document.myform.password.value = (formData["password"]);

document.myform.paymentmethod.value = (formData["paymentmethod"]);

document.myform.comments.value = (formData["comments"]);

return formData;
}



//**************************validate form fields***********************************************//

// validates that form fields are filled in or selected
function validateForm()
{


if (isNotEmpty(document.orderform.name)){

if (isNotEmpty(document.orderform.address)){

if (isNotEmpty(document.orderform.city)){

if (isNotEmpty(document.orderform.state)){

if (isNotEmpty(document.orderform.zip)){

if (isNotEmpty(document.orderform.email)){

if (isChosen(document.orderform.design)){

if (isNotEmpty(document.orderform.childschinname)){

if (isNotEmpty(document.orderform.childschinname)){

if (isNotEmpty(document.orderform.websitename)){

if (isNotEmpty(document.orderform.websitetitle)){

if (isNotEmpty(document.orderform.agency)){

if (isChosen(document.orderform.paymentmethod)){


return true;


}
}
}
}
}
}
}
}
}
}
}
}
}
return false;

}


//****************************check for empty fields**************************************//




//functions to validate form fields
function isNotEmpty(elem)
{
var str = elem.value; 

if (str == null || str.length == 0)
{alert("Please fill in the required fields.");
return false;}

else{

return true;}
}




//**************************check for selected***********************************//


function isChosen(select)
{if (select.selectedIndex == 0)
{alert("Please select a choice from the list.");
return false;}
 
else {

return true;}
}


//***************************verify orderform**********************************************//

function verifyForm(myform)
{

if (isNotEmpty(document.myform.name)){

if (isNotEmpty(document.myform.address)){

if (isNotEmpty(document.myform.city)){

if (isNotEmpty(document.myform.state)){

if (isNotEmpty(document.myform.zip)){

if (isNotEmpty(document.myform.email)){

if (isChosen(document.myform.design)){

if (isNotEmpty(document.myform.childschinname)){

if (isNotEmpty(document.myform.childschinname)){

if (isNotEmpty(document.myform.websitename)){

if (isNotEmpty(document.myform.websitetitle)){

if (isNotEmpty(document.myform.agency)){

if (isChosen(document.myform.paymentmethod)){


return true;

}
}
}
}
}
}
}
}
}
}
}
}
}
return false;

}




//*************************homepage slides****************************//



var playShow=0;

var imgSlide = new Array();

imgSlide[0] = new Image ();
imgSlide[0].src = "images/slide1.jpg";
imgSlide[1] = new Image ();
imgSlide[1].src = "images/slide2.jpg";
imgSlide[2] = new Image ();
imgSlide[2].src = "images/slide3.jpg";
imgSlide[3] = new Image ();
imgSlide[3].src = "images/slide4.jpg" ;
imgSlide[4] = new Image ();
imgSlide[4].src = "images/slide5.jpg";
imgSlide[5] = new Image ();
imgSlide[5].src = "images/slide6.jpg";
imgSlide[6] = new Image ();
imgSlide[6].src = "images/slide7.jpg";
imgSlide[7] = new Image ();
imgSlide[7].src = "images/slide8.jpg" ;
imgSlide[8] = new Image ();
imgSlide[8].src = "images/slide9.jpg";
imgSlide[9] = new Image ();
imgSlide[9].src = "images/slide10.jpg";
imgSlide[10] = new Image ();
imgSlide[10].src = "images/slide11.jpg";
imgSlide[11] = new Image ();
imgSlide[11].src = "images/slide12.jpg" ;

var photoText = new Array();

photoText[0] = "On your referral day . . .";
photoText[1] = ". . . finding your child's location.";
photoText[2] = "Visiting historic sites in China,";
photoText[3] = ". . . and holding your baby for the first time!";
photoText[4] = "The people of China . . .";
photoText[5] = "The people of China . . .";
photoText[6] = ". . . and China's art . . .";
photoText[7] = ". . . to famous red couches and saying goodbye.";
photoText[8] = "Flying home . . .";
photoText[9] = " . . . to meet family and friends.";
photoText[10] = "Then . . .";
photoText[11] = ". . . and now!";




function changeButton(text){

var play = document.getElementById('playbutton');

if(play.value = "View Slideshow"){
play.value = (text=="Pause Slideshow") ? "View Slideshow" : "Pause Slideshow";
}

slideshowUp();
}

function slideshowUp(){

var slides = document.getElementById('slideshow');

var captions = document.getElementById('captions');

if(navigator.appName=='Microsoft Internet Explorer' && document.getElementById('playbutton').value=="Pause Slideshow"){

slides.filters["blendTrans"].apply();

slides.filters["blendTrans"].play();

captions.filters["blendTrans"].apply();

captions.filters["blendTrans"].play();

slides.src = imgSlide[playShow].src;

captions.value = photoText[playShow];

	(playShow == 11)? playShow=0 : playShow++;
	
	window.setTimeout("slideshowUp()",7000);}
else if(navigator.appName=='Netscape' && document.getElementById('playbutton').value=="Pause Slideshow"){

slides.src = imgSlide[playShow].src;


captions.value = photoText[playShow];

	(playShow == 11)? playShow=0 : playShow++;
	
	window.setTimeout("slideshowUp()",7000);}


}

function changeColor(buttonID){

var button = document.getElementById(buttonID);
button.style.backgroundColor="#fff";
}

function changeColorBack(buttonID){

var button = document.getElementById(buttonID);
button.style.backgroundColor="#ececec";
}



/*
*******************************************dollar converter******************************/


function changeDollars()

{

var dollarsToConvert = document.dollarform.dollars.value;


var conversionFactor = 7.99;


var yuan = dollarsToConvert * conversionFactor * 100 ; 

var yuanConverted = (Math.round(yuan) / 100); 


if (isNaN(dollarsToConvert) || dollarsToConvert == false)
{

document.dollarform.yuan.style.backgroundColor ="e9d2e4";

document.dollarform.yuan.style.color ="c00";

document.dollarform.yuan.value = ("Please type the number of dollars you wish to convert to yuan.");

}
else
{
if (dollarsToConvert > 0)

{

document.dollarform.yuan.style.backgroundColor ="fff";

document.dollarform.yuan.style.color ="609";



document.dollarform.yuan.value = ("$" + dollarsToConvert + " is equal to RMB " + yuanConverted + " yuan." );

}

else


{

document.dollarform.yuan.value = ("thankyou")

}

}

}



function changeYuan()

{

var yuanToConvert = document.yuanform.yuanConverted.value;


var conversionFactor = .125156;


var dollars = yuanToConvert * conversionFactor * 100 ; 

var dollarsConverted = (Math.round(dollars) / 100); 


if (isNaN(yuanToConvert) || yuanToConvert == false)
{


document.yuanform.dollarsConverted.style.backgroundColor ="e9d2e4";


document.yuanform.dollarsConverted.style.color ="c00";

document.yuanform.dollarsConverted.value = ("Please type the number of yuan you wish to convert to dollars.");
}

else
{
if (yuanToConvert > 0)

{

document.yuanform.dollarsConverted.style.backgroundColor ="fff";

document.yuanform.dollarsConverted.style.color ="609";


document.yuanform.dollarsConverted.value = ("RMB " + yuanToConvert + " yuan is equal to $" + dollarsConverted + "." );

}

else


{

document.yuanform.dollarsConverted.value = ("Thankyou for using our conversion calculator.")

}

}

}




function backyuanColor()

{
document.yuanform.dollarsConverted.style.backgroundColor="#e9d2e4"; document.yuanform.dollarsConverted.style.color="#609"}




function backdollarColor()


{
document.dollarform.yuan.style.backgroundColor="#e9d2e4"; document.dollarform.yuan.style.color="#609";}






function showSlides(){
document.getElementById('photoshow').style.display="block";
}







/***************form checker****************/


/*
function checkComments(){

if (document.getElementById('comments').value.indexOf("viagra") != -1) 
{

alert("Your form cannot be processed because of objectionable language.");

return false;
}
else if(document.getElementById('comments').value.indexOf("cialis") != -1) 
{

alert("Your form cannot be processed because of objectionable language.");

return false;
}
else if (document.getElementById('comments').value.indexOf("levitra") != -1) 
{

alert("Your form cannot be processed because of objectionable language.");

return false;
}
else{
return true;
}
}

*/



function checkComments(){

if (document.getElementById('comments').value.length > 250) 
{

alert("Please reduce the length of your message.  Thank you.");

return false;
}

else if (document.getElementById('comments').value.indexOf("viagra") != -1) 
{

alert("Your form cannot be processed because of objectionable language.");

return false;
}
else if(document.getElementById('comments').value.indexOf("cialis") != -1) 
{

alert("Your form cannot be processed because of objectionable language.");

return false;
}
else if (document.getElementById('comments').value.indexOf("levitra") != -1) 
{

alert("Your form cannot be processed because of objectionable language.");

return false;
}


else{
return true;
}
}








//-->