/****************************************

Create array of images...

****************************************/

//var alpha_path = 'http://localhost/vegasalphabet/images/';

var alpha_path = 'images/';
var alpha_array = []; // all images
var selected_array = [];

var num_0   = [];
var num_1   = [];
var num_2   = [];
var num_3   = [];
var num_4   = [];
var num_5   = [];
var num_6   = [];
var num_7   = [];
var num_8   = [];
var num_9   = [];
var alpha_A = []; //index to letter images
var alpha_B = []; //index to letter images
var alpha_C = []; //index to letter images
var alpha_D = []; //index to letter images
var alpha_E = []; //index to letter images
var alpha_F = []; //index to letter images
var alpha_G = []; //index to letter images
var alpha_H = []; //index to letter images
var alpha_I = []; //index to letter images
var alpha_J = []; //index to letter images
var alpha_K = []; //index to letter images
var alpha_L = []; //index to letter images
var alpha_M = []; //index to letter images
var alpha_N = []; //index to letter images
var alpha_O = []; //index to letter images
var alpha_P = []; //index to letter images
var alpha_Q = []; //index to letter images
var alpha_R = []; //index to letter images
var alpha_S = []; //index to letter images
var alpha_T = []; //index to letter images
var alpha_U = []; //index to letter images
var alpha_V = []; //index to letter images
var alpha_W = []; //index to letter images
var alpha_X = []; //index to letter images
var alpha_Y = []; //index to letter images
var alpha_Z = []; //index to letter images

// Special characters
var symbol_space = [];
var symbol_star = [];
var symbol_dash = [];
var symbol_amp = [];
var symbol_dollar = [];
var symbol_excl = [];
var symbol_apostrS = [];
var symbol_apos = [];
var symbol_comma = [];
var symbol_slash = [];
var symbol_quote = [];
var symbol_dot = [];

alpha_array[1] = '0_01.jpg';
alpha_array[2] = '0_02.jpg';
alpha_array[3] = '1_01.jpg';
alpha_array[4] = '1_02.jpg';
alpha_array[5] = '2_02.jpg';
alpha_array[6] = '2_03.jpg';
alpha_array[7] = '3_01.jpg';
alpha_array[8] = '4_01.jpg';
alpha_array[9] = '4_02.jpg';
alpha_array[10] = '5_01.jpg';
alpha_array[11] = '6_01.jpg';
alpha_array[12] = '7_01.jpg';
alpha_array[13] = '8_01.jpg';
alpha_array[14] = '8_02.jpg';
alpha_array[15] = '9_01.jpg';
alpha_array[16] = '9_02.jpg';

alpha_array[17] = 'A_01.jpg';
alpha_array[18] = 'A_02.jpg';
alpha_array[19] = 'A_03.jpg';
alpha_array[20] = 'A_04.jpg';
alpha_array[21] = 'A_05.jpg';
alpha_array[22] = 'A_06.jpg';
alpha_array[23] = 'A_07.jpg';
alpha_array[24] = 'A_08.jpg';
alpha_array[25] = 'A_09.jpg';
alpha_array[26] = 'A_10.jpg';
alpha_array[27] = 'A_11.jpg';
alpha_array[28] = 'A_12.jpg';
alpha_array[29] = 'A_13.jpg';
alpha_array[30] = 'A_14.jpg';
alpha_array[31] = 'A_15.jpg';
alpha_array[32] = 'A_16.jpg';
alpha_array[33] = 'A_17.jpg';
alpha_array[34] = 'A_18.jpg';
alpha_array[35] = 'A_19.jpg';
alpha_array[36] = 'A_20.jpg';
alpha_array[37] = 'A_21.jpg';
alpha_array[38] = 'B_01.jpg';
alpha_array[39] = 'B_02.jpg';
alpha_array[40] = 'B_03.jpg';
alpha_array[41] = 'B_04.jpg';
alpha_array[42] = 'B_05.jpg';
alpha_array[43] = 'B_06.jpg';
alpha_array[44] = 'B_07.jpg';
alpha_array[45] = 'C_01.jpg';
alpha_array[46] = 'C_02.jpg';
alpha_array[47] = 'C_03.jpg';
alpha_array[48] = 'C_04.jpg';
alpha_array[49] = 'C_05.jpg';
alpha_array[50] = 'C_06.jpg';
alpha_array[51] = 'C_07.jpg';
alpha_array[52] = 'C_08.jpg';
alpha_array[53] = 'C_09.jpg';
alpha_array[54] = 'C_10.jpg';
alpha_array[55] = 'C_11.jpg';
alpha_array[56] = 'D_01.jpg';
alpha_array[57] = 'D_02.jpg';
alpha_array[58] = 'D_03.jpg';
alpha_array[59] = 'D_04.jpg';
alpha_array[60] = 'D_05.jpg';
alpha_array[61] = 'E_01.jpg';
alpha_array[62] = 'E_02.jpg';
alpha_array[63] = 'E_03.jpg';
alpha_array[64] = 'E_04.jpg';
alpha_array[65] = 'E_05.jpg';
alpha_array[66] = 'E_06.jpg';
alpha_array[67] = 'E_07.jpg';
alpha_array[68] = 'E_08.jpg';
alpha_array[69] = 'E_09.jpg';
alpha_array[70] = 'E_10.jpg';
alpha_array[71] = 'E_11.jpg';
alpha_array[72] = 'E_12.jpg';
alpha_array[73] = 'E_13.jpg';
alpha_array[74] = 'E_14.jpg';
alpha_array[75] = 'E_15.jpg';
alpha_array[76] = 'E_16.jpg';
alpha_array[77] = 'E_17.jpg';
alpha_array[78] = 'E_18.jpg';
alpha_array[79] = 'E_19.jpg';
alpha_array[80] = 'E_20.jpg';
alpha_array[81] = 'F_01.jpg';
alpha_array[82] = 'F_02.jpg';
alpha_array[83] = 'F_03.jpg';
alpha_array[84] = 'F_04.jpg';
alpha_array[85] = 'F_05.jpg';
alpha_array[86] = 'F_06.jpg';
alpha_array[87] = 'G_01.jpg';
alpha_array[88] = 'G_02.jpg';
alpha_array[89] = 'G_03.jpg';
alpha_array[90] = 'G_04.jpg';
alpha_array[91] = 'G_05.jpg';
alpha_array[92] = 'G_06.jpg';
alpha_array[93] = 'H_01.jpg';
alpha_array[94] = 'H_02.jpg';
alpha_array[95] = 'H_03.jpg';
alpha_array[96] = 'H_04.jpg';
alpha_array[97] = 'H_05.jpg';
alpha_array[98] = 'H_06.jpg';
//alpha_array[99] = '';
alpha_array[100] = 'I_01.jpg';
alpha_array[101] = 'I_02.jpg';
alpha_array[102] = 'I_03.jpg';
alpha_array[103] = 'I_04.jpg';
alpha_array[104] = 'I_05.jpg';
alpha_array[105] = 'I_06.jpg';
alpha_array[106] = 'I_07.jpg';
alpha_array[107] = 'I_08.jpg';
alpha_array[108] = 'I_09.jpg';
alpha_array[109] = 'I_10.jpg';
alpha_array[110] = 'J_01.jpg';
alpha_array[111] = 'J_02.jpg';
alpha_array[112] = 'J_03.jpg';
alpha_array[113] = 'J_04.jpg';
alpha_array[114] = 'K_01.jpg';
alpha_array[115] = 'K_02.jpg';
alpha_array[116] = 'K_03.jpg';
alpha_array[117] = 'K_04.jpg';
alpha_array[118] = 'K_05.jpg';
alpha_array[119] = 'L_01.jpg';
alpha_array[120] = 'L_02.jpg';
alpha_array[121] = 'L_03.jpg';
alpha_array[122] = 'L_04.jpg';
alpha_array[123] = 'L_05.jpg';
alpha_array[124] = 'L_06.jpg';
alpha_array[125] = 'L_07.jpg';
alpha_array[126] = 'L_08.jpg';
alpha_array[127] = 'L_09.jpg';
alpha_array[128] = 'L_10.jpg';
alpha_array[129] = 'L_11 .jpg';
alpha_array[130] = 'M_01.jpg';
alpha_array[131] = 'M_02.jpg';
alpha_array[132] = 'M_03.jpg';
alpha_array[133] = 'M_04.jpg';
alpha_array[134] = 'M_05.jpg';
alpha_array[135] = 'M_06.jpg';
alpha_array[136] = 'M_07.jpg';
alpha_array[137] = 'M_08.jpg';
alpha_array[138] = 'M_10.jpg';
alpha_array[139] = 'N_01.jpg';
alpha_array[140] = 'N_02.jpg';
alpha_array[141] = 'N_03.jpg';
alpha_array[142] = 'N_04.jpg';
alpha_array[143] = 'N_05.jpg';
alpha_array[144] = 'N_06.jpg';
alpha_array[145] = 'N_07.jpg';
alpha_array[146] = 'N_08.jpg';
alpha_array[147] = 'N_09.jpg';
alpha_array[148] = 'N_10.jpg';
alpha_array[149] = 'O_01.jpg';
alpha_array[150] = 'O_03.jpg';
alpha_array[151] = 'O_04.jpg';
alpha_array[152] = 'O_05.jpg';
alpha_array[153] = 'O_06.jpg';
alpha_array[154] = 'O_07.jpg';
alpha_array[155] = 'O_08.jpg';
alpha_array[156] = 'O_09.jpg';
alpha_array[157] = 'O_10.jpg';
alpha_array[158] = 'O_11.jpg';
alpha_array[159] = 'O_12.jpg';
alpha_array[160] = 'P_01.jpg';
alpha_array[161] = 'P_02.jpg';
alpha_array[162] = 'P_03.jpg';
alpha_array[163] = 'P_04.jpg';
alpha_array[164] = 'P_05.jpg';
alpha_array[165] = 'P_06.jpg';
alpha_array[166] = 'Q_01.jpg';
alpha_array[167] = 'Q_03.jpg';
alpha_array[168] = 'R_01.jpg';
alpha_array[169] = 'R_02.jpg';
alpha_array[170] = 'R_03.jpg';
alpha_array[171] = 'R_04.jpg';
alpha_array[172] = 'R_05.jpg';
alpha_array[173] = 'R_06.jpg';
alpha_array[174] = 'R_07.jpg';
alpha_array[175] = 'R_08.jpg';
alpha_array[176] = 'R_09.jpg';
alpha_array[177] = 'R_10.jpg';
alpha_array[178] = 'R_11.jpg';
alpha_array[179] = 'R_12.jpg';
alpha_array[180] = 'R_13.jpg';
alpha_array[181] = 'R_14.jpg';
alpha_array[182] = 'S_01.jpg';
alpha_array[183] = 'S_02.jpg';
alpha_array[184] = 'S_03.jpg';
alpha_array[185] = 'S_04.jpg';
alpha_array[186] = 'S_05.jpg';
alpha_array[187] = 'S_06.jpg';
alpha_array[188] = 'S_07.jpg';
alpha_array[189] = 'S_08.jpg';
alpha_array[190] = 'S_09.jpg';
alpha_array[191] = 'S_11.jpg';
alpha_array[192] = 'T_01.jpg';
alpha_array[193] = 'T_02.jpg';
alpha_array[194] = 'T_03.jpg';
alpha_array[195] = 'T_04.jpg';
alpha_array[196] = 'T_05.jpg';
alpha_array[197] = 'T_06.jpg';
alpha_array[198] = 'T_07.jpg';
alpha_array[199] = 'T_08.jpg';
alpha_array[200] = 'U_01.jpg';
alpha_array[201] = 'U_02.jpg';
alpha_array[202] = 'U_03.jpg';
alpha_array[203] = 'U_04.jpg';
alpha_array[204] = 'U_05.jpg';
alpha_array[205] = 'V_01.jpg';
alpha_array[206] = 'V_02.jpg';
alpha_array[207] = 'V_03.jpg';
alpha_array[208] = 'W_01.jpg';
alpha_array[209] = 'W_02.jpg';
alpha_array[210] = 'W_03.jpg';
alpha_array[211] = 'W_04.jpg';
alpha_array[212] = 'W_05.jpg';
alpha_array[213] = 'W_06.jpg';
alpha_array[214] = 'X_01.jpg';
alpha_array[215] = 'X_02.jpg';
alpha_array[216] = 'X_03.jpg';
alpha_array[217] = 'Y_01.jpg';
alpha_array[218] = 'Y_02.jpg';
alpha_array[219] = 'Y_03.jpg';
alpha_array[220] = 'Y_04.jpg';
alpha_array[221] = 'Y_05.jpg';
alpha_array[222] = 'Y_06.jpg';
alpha_array[223] = 'Y_07.jpg';
alpha_array[224] = 'Z_01.jpg';
alpha_array[225] = 'Z_02.jpg';

alpha_array[226] = '_Ampersand.jpg';
alpha_array[227] = '_Apostrophe_S_01.jpg';
alpha_array[228] = '_Apostrophe_S_02.jpg';
alpha_array[229] = '_Apostrophe_01.jpg';
alpha_array[230] = '_Apostrophe_02.jpg';
alpha_array[231] = '_Apostrophe_03.jpg';
alpha_array[232] = '_Comma_01.jpg';
alpha_array[233] = '_Diamond.jpg';
alpha_array[234] = '_Dollar_sign_01.jpg';
alpha_array[235] = '_Dot_01.jpg';
alpha_array[236] = '_Exclamation_Pt_01.jpg';
alpha_array[237] = '_Exclamation_Pt_02.jpg';
alpha_array[238] = '_Exclamation_Pt_04.jpg';
alpha_array[239] = '_Hyphen_01.jpg';
alpha_array[240] = '_Quotation_L_01.jpg';
alpha_array[241] = '_Quotation_R_01.jpg';
alpha_array[242] = '_Slash_01.jpg';
alpha_array[243] = '_STAR_01.jpg';

//ADDED
alpha_array[244] = '7_02.jpg';

alpha_array[300] = 'transparent.gif'; 

// Assign to letter arrays...


num_0[1] = 1;
num_0[2] = 2;
num_1[1] = 3;
num_1[2] = 4;
num_2[1] = 5;
num_2[2] = 6;
num_3[1] = 7;
num_4[1] = 8;
num_4[2] = 9;
num_5[1] = 10;
num_6[1] = 11;
num_7[1] = 12;
num_7[2] = 244;
num_8[1] = 13;
num_8[2] = 14;
num_9[1] = 15;
num_9[2] = 16;

alpha_A[1] = 17;
alpha_A[2] = 18;
alpha_A[3] = 19;
alpha_A[4] = 20;
alpha_A[5] = 21;
alpha_A[6] = 22;
alpha_A[7] = 23;
alpha_A[8] = 24;
alpha_A[9] = 25;
alpha_A[10] = 26;
alpha_A[11] = 27;
alpha_A[12] = 28;
alpha_A[13] = 29;
alpha_A[14] = 30;
alpha_A[15] = 31;
alpha_A[16] = 32;
alpha_A[17] = 33;
alpha_A[18] = 34;
alpha_A[19] = 35;
alpha_A[20] = 36;
alpha_A[21] = 37;
alpha_B[1] = 38;
alpha_B[2] = 39;
alpha_B[3] = 40;
alpha_B[4] = 41;
alpha_B[5] = 42;
alpha_B[6] = 43;
alpha_B[7] = 44;
alpha_C[1] = 45;
alpha_C[2] = 46;
alpha_C[3] = 47;
alpha_C[4] = 48;
alpha_C[5] = 49;
alpha_C[6] = 50;
alpha_C[7] = 51;
alpha_C[8] = 52;
alpha_C[9] = 53;
alpha_C[10] = 54;
alpha_C[11] = 55;
alpha_D[1] = 56;
alpha_D[2] = 57;
alpha_D[3] = 58;
alpha_D[4] = 59;
alpha_D[5] = 60;
alpha_E[1] = 61;
alpha_E[2] = 62;
alpha_E[3] = 63;
alpha_E[4] = 64;
alpha_E[5] = 65;
alpha_E[6] = 66;
alpha_E[7] = 67;
alpha_E[8] = 68;
alpha_E[9] = 69;
alpha_E[10] = 70;
alpha_E[11] = 71;
alpha_E[12] = 72;
alpha_E[13] = 73;
alpha_E[14] = 74;
alpha_E[15] = 75;
alpha_E[16] = 76;
alpha_E[17] = 77;
alpha_E[18] = 78;
alpha_E[19] = 79;
alpha_E[20] = 80;
alpha_F[1] = 81;
alpha_F[2] = 82;
alpha_F[3] = 83;
alpha_F[4] = 84;
alpha_F[5] = 85;
alpha_F[6] = 86;
alpha_G[1] = 87;
alpha_G[2] = 88;
alpha_G[3] = 89;
alpha_G[4] = 90;
alpha_G[5] = 91;
alpha_G[6] = 92;
alpha_H[1] = 93;
alpha_H[2] = 94;
alpha_H[3] = 95;
alpha_H[4] = 96;
alpha_H[5] = 97;
alpha_H[6] = 98;
alpha_I[1] = 100;
alpha_I[2] = 101;
alpha_I[3] = 102;
alpha_I[4] = 103;
alpha_I[5] = 104;
alpha_I[6] = 105;
alpha_I[7] = 106;
alpha_I[8] = 107;
alpha_I[9] = 108;
alpha_I[10] = 109;
alpha_J[1] = 110;
alpha_J[2] = 111;
alpha_J[3] = 112;
alpha_J[4] = 113;
alpha_K[1] = 114;
alpha_K[2] = 115;
alpha_K[3] = 116;
alpha_K[4] = 117;
alpha_K[5] = 118;
alpha_L[1] = 119;
alpha_L[2] = 120;
alpha_L[3] = 121;
alpha_L[4] = 122;
alpha_L[5] = 123;
alpha_L[6] = 124;
alpha_L[7] = 125;
alpha_L[8] = 126;
alpha_L[9] = 127;
alpha_L[10] = 128;
alpha_L[11] = 129;
alpha_M[1] = 130;
alpha_M[2] = 131;
alpha_M[3] = 132;
alpha_M[4] = 133;
alpha_M[5] = 134;
alpha_M[6] = 135;
alpha_M[7] = 136;
alpha_M[8] = 137;
alpha_M[9] = 138;
alpha_N[1] = 139;
alpha_N[2] = 140;
alpha_N[3] = 141;
alpha_N[4] = 142;
alpha_N[5] = 143;
alpha_N[6] = 144;
alpha_N[7] = 145;
alpha_N[8] = 146;
alpha_N[9] = 147;
alpha_N[10] = 148;
alpha_O[1] = 149;
alpha_O[2] = 150;
alpha_O[3] = 151;
alpha_O[4] = 152;
alpha_O[5] = 153;
alpha_O[6] = 154;
alpha_O[7] = 155;
alpha_O[8] = 156;
alpha_O[9] = 157;
alpha_O[10] = 158;
alpha_O[11] = 159;
alpha_P[1] = 160;
alpha_P[2] = 161;
alpha_P[3] = 162;
alpha_P[4] = 163;
alpha_P[5] = 164;
alpha_P[6] = 165;
alpha_Q[1] = 166;
alpha_Q[2] = 167;
alpha_R[1] = 168;
alpha_R[2] = 169;
alpha_R[3] = 170;
alpha_R[4] = 171;
alpha_R[5] = 172;
alpha_R[6] = 173;
alpha_R[7] = 174;
alpha_R[8] = 175;
alpha_R[9] = 176;
alpha_R[10] = 177;
alpha_R[11] = 178;
alpha_R[12] = 179;
alpha_R[13] = 180;
alpha_R[14] = 181;
alpha_S[1] = 182;
alpha_S[2] = 183;
alpha_S[3] = 184;
alpha_S[4] = 185;
alpha_S[5] = 186;
alpha_S[6] = 187;
alpha_S[7] = 188;
alpha_S[8] = 189;
alpha_S[9] = 190;
alpha_S[10] = 191;
alpha_T[1] = 192;
alpha_T[2] = 193;
alpha_T[3] = 194;
alpha_T[4] = 195;
alpha_T[5] = 196;
alpha_T[6] = 197;
alpha_T[7] = 198;
alpha_T[8] = 199;
alpha_U[1] = 200;
alpha_U[2] = 201;
alpha_U[3] = 202;
alpha_U[4] = 203;
alpha_U[5] = 204;
alpha_V[1] = 205;
alpha_V[2] = 206;
alpha_V[3] = 207;
alpha_W[1] = 208;
alpha_W[2] = 209;
alpha_W[3] = 210;
alpha_W[4] = 211;
alpha_W[5] = 212;
alpha_W[6] = 213;
alpha_X[1] = 214;
alpha_X[2] = 215;
alpha_X[3] = 216;
alpha_Y[1] = 217;
alpha_Y[2] = 218;
alpha_Y[3] = 219;
alpha_Y[4] = 220;
alpha_Y[5] = 221;
alpha_Y[6] = 222;
alpha_Y[7] = 223;
alpha_Z[1] = 224;
alpha_Z[2] = 225;

symbol_amp[1] = 226;
symbol_apostrS[1] = 227;
symbol_apostrS[2] = 228;
symbol_apos[1] = 229;
symbol_apos[2] = 230;
symbol_apos[3] = 231;
symbol_comma[1] = 232;
symbol_star[1] = 233;
symbol_star[2] = 243;
symbol_dollar[1] = 234;
symbol_dot[1] = 235;
symbol_excl[1] = 236;
symbol_excl[2] = 237;
symbol_excl[3] = 238;

symbol_dash[1] = 239;
symbol_quote[1] = 240;
symbol_quote[2] = 241;
symbol_slash[1] = 242;

symbol_space[1] = 300;


var alpha_HTML = '';
var img_HTML = '';
var mytext_array = [];
var alpha_obj = [];
var txtSelected = '';
var vegasHeight = 72;
var vegasWidth = 48;  
var linecount = 0; 

function buildVegas() {
    alpha_HTML = '';
    var selected_div = "<textarea id=\"txtComments\" name=\"txtLetters\" cols=\"30\" rows=\"10\">";                                          
    var myinput = document.getElementById('mytext');
    var myval = myinput.value;

    txtSelected = myval.toUpperCase();  
    mytext_array = myval.split('');
    var alpha_count = mytext_array.length;   

    linecount = 0;
    for (var i = 0; i < alpha_count; i++) {
          getCharImage(mytext_array[i], i);
    }
   
    var targetDiv = document.getElementById('divAssemble');
    targetDiv.innerHTML = alpha_HTML;

    var continueDiv = document.getElementById('divContinue');
    continueDiv.innerHTML = "<input type=\"button\" onClick=\"javascript:showForm();\" value=\"Continue >>\"/><br/>" ;
    
    //var targetDiv = document.getElementById('selected_letters');
    //targetDiv.innerHTML = selected_div + 'Text: ' +  txtSelected + "\n\n" + buildSelectedList() + "</textarea>";
}

function getCharImage(x, idx) {
    // Called by buildVegas for each char in input string...
    var vArr = '';
    var vClass = '';
    var upper_x = '';
    var space_width = 0;
    linecount = linecount + 1; // for handling spaces
    switch (x) {
       case ' ': 
            vArr = 'symbol_space';
            upper_x = 'symbol_space';
            break;
       case '*': 
            vArr = 'symbol_star';
            upper_x = 'symbol_star';
            break;
       case '-': 
            vArr = 'symbol_dash';
            upper_x = 'symbol_dash';
            break;
       case '&': 
            vArr = 'symbol_amp';
            upper_x = 'symbol_amp';
            break;
       case '$': 
            vArr = 'symbol_dollar';
            upper_x = 'symbol_dollar';
            break;
       case '!': 
            vArr = 'symbol_excl';
            upper_x = 'symbol_excl';
            break;
       case '.': 
            vArr = 'symbol_dot';
            upper_x = 'symbol_dot';
            break;
       case '/': 
            vArr = 'symbol_slash';
            upper_x = 'symbol_slash';
            break;  
       case "'": 
            vArr = 'symbol_apos';
            upper_x = 'symbol_apos';
            break;
       case ',': 
            vArr = 'symbol_comma';
            upper_x = 'symbol_comma';
            break;  
       case '"': 
            vArr = 'symbol_quote';
            upper_x = 'symbol_quote';
            break;                
       case '0':
       case '1': 
       case '2': 
       case '3':
       case '4':
       case '5':
       case '6':
       case '7':
       case '8':
       case '9':   
            vArr = 'num_'+x;
            upper_x = ''+x;
            break;
       default:
            upper_x = x.toUpperCase();
            vArr = 'alpha_' + upper_x; // convert char to uppercase 
            break;
    }     

    eval('alpha_obj = '+ vArr); // ...then append to build array name for char
    var alpha_count = alpha_obj.length - 1; // get the number of images for this char
    var randomnumber = Math.floor(Math.random()*alpha_count + 1); // get the number
    var t_idx = alpha_obj[randomnumber];
    
    selected_array[idx] = idx + ',' + upper_x + ',' + t_idx + ',' + randomnumber + ',' + alpha_count + ',' + alpha_array[t_idx];

    if(x == ' ') {
        //alert('linecount: '+ linecount);
        vClass = 'space';
        vegasWidth = 20;
        space_width = (13 - linecount + 1) * 54;
        linecount = 0;
    }
    else {
        vClass = 'vegasChar';   
        vegasWidth = 48;
    }

    if(x == ' ') {
        img_HTML = "<div class=\"" +vClass+ "\" id=\"box" +idx+ "\"" + "style=\"width:" + space_width +"px;\"><img src=\"" + alpha_path + alpha_array[t_idx] +
               "\" alt=\"" + randomnumber + " of " + alpha_count + "\" title=\"" + randomnumber + " of " + alpha_count + 
               "\" width=\"" + vegasWidth + "\" height=\"" + vegasHeight + "\" border=\"0\" onclick=\"nextChar('box"+idx+"','"+upper_x+"'," + randomnumber +");\"/>" + 
               "</div> \n";
    }
    else {               
        img_HTML = "<div class=\"" +vClass+ "\" id=\"box"+idx+"\"><img src=\"" + alpha_path + alpha_array[t_idx] +
               "\" alt=\"" + randomnumber + " of " + alpha_count + "\" title=\"" + randomnumber + " of " + alpha_count + 
               "\" width=\"" + vegasWidth + "\" height=\"" + vegasHeight + "\" border=\"0\" onclick=\"nextChar('box"+idx+"','"+upper_x+"'," + randomnumber +");\"/>" + 
               "</div> \n";
    }           

    alpha_HTML = alpha_HTML + img_HTML;
}



function nextChar(charBox, vChar, currIdx) {
    // replace current char image with next in set
    var vArr = '';
    var upper_x = '';
    var selected_idx = parseInt(charBox.substring(3));
    
    switch (vChar) {
       case 'symbol_space': 
            vArr = 'symbol_space';
            upper_x = 'symbol_space';
            break;
       case 'symbol_star': 
            vArr = 'symbol_star';
            upper_x = 'symbol_star';
            break;
       case 'symbol_dash': 
            vArr = 'symbol_dash';
            upper_x = 'symbol_dash';
            break;
       case 'symbol_amp': 
            vArr = 'symbol_amp';
            upper_x = 'symbol_amp';
            break;
       case 'symbol_dollar': 
            vArr = 'symbol_dollar';
            upper_x = 'symbol_dollar';
            break;
       case 'symbol_excl': 
            vArr = 'symbol_excl';
            upper_x = 'symbol_excl';
            break;
       case 'symbol_dot': 
            vArr = 'symbol_dot';
            upper_x = 'symbol_dot';
            break;
       case 'symbol_slash': 
            vArr = 'symbol_slash';
            upper_x = 'symbol_slash';
            break;  
       case 'symbol_apos': 
            vArr = 'symbol_apos';
            upper_x = 'symbol_apos';
            break;
       case 'symbol_comma': 
            vArr = 'symbol_comma';
            upper_x = 'symbol_comma';
            break;  
       case 'symbol_quote': 
            vArr = 'symbol_quote';
            upper_x = 'symbol_quote';
            break;      
       case '0':
       case '1': 
       case '2': 
       case '3':
       case '4':
       case '5':
       case '6':
       case '7':
       case '8':
       case '9':   
            vArr = 'num_'+vChar;
            upper_x = ''+vChar;
            break;
       default:
            upper_x = vChar.toUpperCase();
            vArr = 'alpha_' + upper_x; // convert char to uppercase 
            break;
    }     

    eval('alpha_obj = ' +vArr); // ...then append to build array name for char

    var alpha_count = alpha_obj.length - 1; // get the number of images for this char

    var nextIdx = currIdx + 1;

    if(nextIdx > alpha_count) {
        nextIdx = 1;
    }

    var t_idx = alpha_obj[nextIdx];
    selected_array[selected_idx] = currIdx + ',' + upper_x + ',' + t_idx + ',' + nextIdx + ',' + alpha_count + ',' + alpha_array[t_idx];

    if(vChar == 'symbol_space') {
        vClass = 'space';
        vegasWidth = 20;
    }
    else {
        vClass = 'vegasChar';   
        vegasWidth = 48;
    }

    img_HTML = "<img src=\"" + alpha_path + alpha_array[t_idx] + 
               "\" + alt=\"" + nextIdx + " of " + alpha_count + "\" title=\"" + nextIdx + " of " + alpha_count + 
               "\" width=\"" + vegasWidth + "\" height=\"" + vegasHeight + "\" border=\"0\" onclick=\"nextChar('" + charBox +"', '" + vChar + "', " + nextIdx + ");\"/>\n";

    var targetDiv = document.getElementById(charBox);
    targetDiv.innerHTML = img_HTML;

    //var selected_div = "<textarea id=\"txtComments\" name=\"txtLetters\" cols=\"30\" rows=\"10\">";
    //var targetDiv = document.getElementById('selected_letters');
    //targetDiv.innerHTML = selected_div + 'Text: ' +  txtSelected + "\n\n" + buildSelectedList() + "</textarea>";       
}

function buildSelectedList() {
    var selectedList = '';
    var selected_count = selected_array.length;   
    for (var i = 0; i < selected_count; i++) {
          selectedList = selectedList + selected_array[i] + "\n";
    }

    return selectedList;
}


function updateDiv(selpage) {
    ajax = new Ajax.Updater(
         'main',        // DIV id must be declared before the method was called
         selpage+'.html',     // URL
         {                // options
         method:'post',
         postBody: 'showpage='+selpage,
         onComplete:function(){ new Effect.Appear('main');}
         });
}

function showForm(scriptname) {
    var vegas = $H(selected_array);
    var parms = 't='+txtSelected + '&' + vegas.toQueryString();
    
    ajax = new Ajax.Updater(
         'main',        // DIV id must be declared before the method was called
         'quoteform.php',     // URL
         {                // options
         method:'post',
         postBody: parms,
         onComplete:function(){ new Effect.Appear('main');}
         });     
  
}

function sendMail() {
    var formFields = Form.serialize('form1');
   
    ajax = new Ajax.Updater(
         'main',        // DIV id must be declared before the method was called
         'sendmail.php',     // URL
         {                // options
         method:'post',
         postBody: formFields
         }); 
}
    
function DefaultFocus() {
            //alert('set focus');
            document.getElementById('mytext').focus();
}   


function selsize_indiv () {

	var newlist = '';
		newlist = "<label class=\"desc\" for=\"lettersize\">Choose Print Size:</label>";
        newlist += "<div><select class=\"field select medium \" id=\"lettersize\" name=\"lettersize\">";
        newlist += "<option value='5X7'>5\" X 7\"</option>";
        newlist += "<option value='8X10'>8\" X 10\"</option>";
        newlist += "<option value='11X14'>11\" X 14\"</option>";
        newlist += "<option value='16X20'>16\" X 20\"</option>";
        newlist += "<option value=\"Custom Size\">Custom Size (Please specify in comments)</option>";
        newlist += "</select></div>";
		new Element.update('selectionsize',newlist);

}

function selsize_single () {

	var newlist = '';

		newlist = "<label class=\"desc\" for=\"lettersize\">Choose Letter Height*:</label>";
        newlist += "<div><select class=\"field select medium \" id=\"lettersize\" name=\"lettersize\">";
        newlist += "<option value='3inch'>3\"</option>";
        newlist += "<option value='5inch'>5\"</option>";
        newlist += "<option value='7inch'>7\"</option>";
        newlist += "<option value=\"Custom Size\">Custom Size (Please specify in comments)</option>";
        newlist += "</select>";
        newlist += "</div>*Note: The final width of the single print will be determined by the size and number of letters.";
		//new Element.update('selectionsize',newlist, {onComplete:function(){ new Effect.Appear('selectionsize');} });
        new Element.update('selectionsize',newlist);
}

function selsize_file () {

	var newlist = '';

		newlist = "<label class=\"desc\" for=\"lettersize\">Image Resolution:</label>";
        newlist += "<div><select class=\"field select medium \" id=\"lettersize\" name=\"lettersize\">";
        newlist += "<option value='low-res'>1MB/72 dpi</option>";
        newlist += "<option value='med-res'>8.2 MB/300 dpi</option>";
        newlist += "<option value='high-res'>32.2 MB/300 dpi</option>";
        newlist += "</select></div>";
		new Element.update('selectionsize',newlist);

}