<!-- Image 1
var maximages = 7; // how many fade images do you have?
var fadespeed = 75; // fade frame time in milliseconds;  125 = 125 ms

var fadeintimer;
var fadeouttimer;
var fadeincount = 0;
var fadeoutcount = maximages-1;
var fadearray = new Array(maximages);  // enter all the fade images here
// the first item should be 0, then numbered through 1 less than your maximages

fadearray[0] = "../images/htc-home00.jpg";
fadearray[1] = "../images/htc-home01.jpg";
fadearray[2] = "../images/htc-home02.jpg";
fadearray[3] = "../images/htc-home03.jpg";
fadearray[4] = "../images/htc-home04.jpg";
fadearray[5] = "../images/htc-home05.jpg";
fadearray[6] = "../images/htc-home06.jpg";

for (var i = 0; i < maximages; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = fadearray[i];'); // preloads fade images
}
function fade_in() {
clearTimeout(fadeouttimer);
document.images['fade-pic'].src = fadearray[fadeincount];
if (fadeincount != maximages-1) {
fadeincount++;
fadeintimer = setTimeout('fade_in()', fadespeed);
}
else {
clearTimeout(fadeintimer);
fadeincount = 0;
   }
}
function fade_out() {
clearTimeout(fadeintimer);
document.images['fade-pic'].src = fadearray[fadeoutcount];
if (fadeoutcount != 0) {
fadeoutcount--;
fadeouttimer = setTimeout('fade_out()', fadespeed);
}
else {
clearTimeout(fadeouttimer);
fadeoutcount = maximages-1;
   }
}
//***************************************************
// Image 2
var maximages2 = 7; // how many fade images do you have?
var fadespeed2 = 75; // fade frame time in milliseconds;  125 = 125 ms

var fadeintimer2;
var fadeouttimer2;
var fadeincount2 = 0;
var fadeoutcount2 = maximages2-1;
var fadearray2 = new Array(maximages2);  // enter all the fade images here
// the first item should be 0, then numbered through 1 less than your maximages

fadearray2[0] = "../images/htc-phones00.jpg";
fadearray2[1] = "../images/htc-phones01.jpg";
fadearray2[2] = "../images/htc-phones02.jpg";
fadearray2[3] = "../images/htc-phones03.jpg";
fadearray2[4] = "../images/htc-phones04.jpg";
fadearray2[5] = "../images/htc-phones05.jpg";
fadearray2[6] = "../images/htc-phones06.jpg";

for (var i = 0; i < maximages2; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = fadearray2[i];'); // preloads fade images
}
function fade_in2() {
clearTimeout(fadeouttimer2);
document.images['fade-pic2'].src = fadearray2[fadeincount2];
if (fadeincount2 != maximages2-1) {
fadeincount2++;
fadeintimer2 = setTimeout('fade_in2()', fadespeed2);
}
else {
clearTimeout(fadeintimer2);
fadeincount2 = 0;
   }
}
function fade_out2() {
clearTimeout(fadeintimer2);
document.images['fade-pic2'].src = fadearray2[fadeoutcount2];
if (fadeoutcount2 != 0) {
fadeoutcount2--;
fadeouttimer2 = setTimeout('fade_out2()', fadespeed2);
}
else {
clearTimeout(fadeouttimer2);
fadeoutcount2 = maximages2-1;
   }
}
//****************************************************
// Image 3
var maximages3 = 7; // how many fade images do you have?
var fadespeed3 = 75; // fade frame time in milliseconds;  125 = 125 ms

var fadeintimer3;
var fadeouttimer3;
var fadeincount3 = 0;
var fadeoutcount3 = maximages3-1;
var fadearray3 = new Array(maximages3);  // enter all the fade images here
// the first item should be 0, then numbered through 1 less than your maximages

fadearray3[0] = "../images/htc-work-play00.jpg";
fadearray3[1] = "../images/htc-work-play01.jpg";
fadearray3[2] = "../images/htc-work-play02.jpg";
fadearray3[3] = "../images/htc-work-play03.jpg";
fadearray3[4] = "../images/htc-work-play04.jpg";
fadearray3[5] = "../images/htc-work-play05.jpg";
fadearray3[6] = "../images/htc-work-play06.jpg";

for (var i = 0; i < maximages3; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = fadearray3[i];'); // preloads fade images
}
function fade_in3() {
clearTimeout(fadeouttimer3);
document.images['fade-pic3'].src = fadearray3[fadeincount3];
if (fadeincount3 != maximages3-1) {
fadeincount3++;
fadeintimer3 = setTimeout('fade_in3()', fadespeed3);
}
else {
clearTimeout(fadeintimer3);
fadeincount3 = 0;
   }
}
function fade_out3() {
clearTimeout(fadeintimer3);
document.images['fade-pic3'].src = fadearray3[fadeoutcount3];
if (fadeoutcount3 != 0) {
fadeoutcount3--;
fadeouttimer3 = setTimeout('fade_out3()', fadespeed3);
}
else {
clearTimeout(fadeouttimer3);
fadeoutcount3 = maximages3-1;
   }
}

//****************************************************
// Image 4
var maximages4 = 7; // how many fade images do you have?
var fadespeed4 = 75; // fade frame time in milliseconds;  125 = 125 ms

var fadeintimer4;
var fadeouttimer4;
var fadeincount4 = 0;
var fadeoutcount4 = maximages4-1;
var fadearray4 = new Array(maximages4);  // enter all the fade images here
// the first item should be 0, then numbered through 1 less than your maximages

fadearray4[0] = "../images/htc-setup00.jpg";
fadearray4[1] = "../images/htc-setup01.jpg";
fadearray4[2] = "../images/htc-setup02.jpg";
fadearray4[3] = "../images/htc-setup03.jpg";
fadearray4[4] = "../images/htc-setup04.jpg";
fadearray4[5] = "../images/htc-setup05.jpg";
fadearray4[6] = "../images/htc-setup06.jpg";

for (var i = 0; i < maximages4; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = fadearray4[i];'); // preloads fade images
}
function fade_in4() {
clearTimeout(fadeouttimer4);
document.images['fade-pic4'].src = fadearray4[fadeincount4];
if (fadeincount4 != maximages4-1) {
fadeincount4++;
fadeintimer4 = setTimeout('fade_in4()', fadespeed4);
}
else {
clearTimeout(fadeintimer4);
fadeincount4 = 0;
   }
}
function fade_out4() {
clearTimeout(fadeintimer4);
document.images['fade-pic4'].src = fadearray4[fadeoutcount4];
if (fadeoutcount4 != 0) {
fadeoutcount4--;
fadeouttimer4 = setTimeout('fade_out4()', fadespeed4);
}
else {
clearTimeout(fadeouttimer4);
fadeoutcount4 = maximages4-1;
   }
}

//****************************************************
// Image 5
var maximages5 = 7; // how many fade images do you have?
var fadespeed5 = 75; // fade frame time in milliseconds;  125 = 125 ms

var fadeintimer5;
var fadeouttimer5;
var fadeincount5 = 0;
var fadeoutcount5 = maximages5-1;
var fadearray5 = new Array(maximages5);  // enter all the fade images here
// the first item should be 0, then numbered through 1 less than your maximages

fadearray5[0] = "../images/buy-htc00.jpg";
fadearray5[1] = "../images/buy-htc01.jpg";
fadearray5[2] = "../images/buy-htc02.jpg";
fadearray5[3] = "../images/buy-htc03.jpg";
fadearray5[4] = "../images/buy-htc04.jpg";
fadearray5[5] = "../images/buy-htc05.jpg";
fadearray5[6] = "../images/buy-htc06.jpg";

for (var i = 0; i < maximages5; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = fadearray5[i];'); // preloads fade images
}
function fade_in5() {
clearTimeout(fadeouttimer5);
document.images['fade-pic5'].src = fadearray5[fadeincount5];
if (fadeincount5 != maximages5-1) {
fadeincount5++;
fadeintimer5 = setTimeout('fade_in5()', fadespeed5);
}
else {
clearTimeout(fadeintimer5);
fadeincount5 = 0;
   }
}
function fade_out5() {
clearTimeout(fadeintimer5);
document.images['fade-pic5'].src = fadearray5[fadeoutcount5];
if (fadeoutcount5 != 0) {
fadeoutcount5--;
fadeouttimer5 = setTimeout('fade_out5()', fadespeed5);
}
else {
clearTimeout(fadeouttimer5);
fadeoutcount5 = maximages5-1;
   }
}
//-->