function CreateAWord() {
    var word = document.getElementById('ctl00_ContentPlaceHolder1_txtWord').value;
    document.getElementById('ctl00_ContentPlaceHolder1_hdnWord').value = word;
    var datatopost = 'fn=CreateAWord&apid=' + apid + '&word=' + word + '&frameid=1';
    var divid = 'searchResults';
    SendDataAndChangeDivContents(page, datatopost, divid);
    HideDiv('FilterLetters');
    HideDiv('AddAFrame');
    ShowDiv('searchResults');
}
function CreateAWordFromSBFID(sbf_apid, sbf_sbfid, frameid) {
    var datatopost = 'fn=CreateAWord&apid=' + sbf_apid + '&sbfid=' + sbf_sbfid + '&frameid=' + frameid;
    var divid = 'searchResults';
    SendDataAndChangeDivContents(page, datatopost, divid);
    HideDiv('FilterLetters');
    HideDiv('AddAFrame');
    ShowDiv('searchResults');
}
function ReCreateAWord(frameid) {
   var tag = document.getElementsByTagName('input');
        var letters = '';
        for (x=0; x < tag.length; x++) {
            var name = tag[x].name
            if (name.indexOf('hdn_letter_') != -1) {
                letters = letters + tag[x].value + '|';
            }                
    }
    var datatopost = 'fn=CreateAWord&apid=' + apid + '&letters=' + letters + '&frameid=' + frameid;
    var divid = 'searchResults';
    SendDataAndChangeDivContents(page, datatopost, divid);
    HideDiv('FilterLetters');
    HideDiv('AddAFrame');
    ShowDiv('searchResults');
}
function CreateWordFromSFID(word_apid, sfid, frameid) {
    var datatopost = 'fn=CreateAWord&word_apid=' + word_apid + '&sfid=' + sfid + '&frameid=' + frameid ;
    var divid = 'searchResults';
    SendDataAndChangeDivContents(page, datatopost, divid);
    HideDiv('FilterLetters');
    ShowDiv('searchResults');
}
function ShowLetters(letter, div, h, w, s, hid) {
    var datatopost = 'fn=GetLettersForCreateAWord&apid=' + apid + '&letter=' + letter + '&h=' + h + '&w=' + w + '&div=' + div + '&s=' + s + '&hid=' + hid;
    var divid = 'FilterLetters';
    SendDataAndChangeDivContentsNonAsync(page, datatopost, divid);
    HideDiv('searchResults');
    ShowDiv('FilterLetters');
}
function CloseFilterLetter() {
    HideDiv('FilterLetters');
    ShowDiv('searchResults');
}
function ChangeALetter(letter, item_id, newimage, divtochange, h, w, s, hid) {
    var ahref = '<a href="javascript:ShowLetters(\'' + letter + '\', \'' + divtochange + '\',' + h + ',' + w + ',' + s + ',\'' + hid + '\')">'
    var hid = document.getElementById(hid);
    hid.value = item_id
    var div = document.getElementById(divtochange);
    div.innerHTML = ahref + '<img style="width:' + w + 'px;height:' + h + 'px; margin-right:' + s + 'px;" src="images/medium/' + newimage + '" class="imgCreateAWord" /></a>'
    HideDiv('FilterLetters');
    ShowDiv('searchResults');
}
function AddAFrame(num) {
    var datatopost = 'fn=AddAFrame&apid=' + apid + '&n=' + num
    var divid = 'AddAFrame';
    SendDataAndChangeDivContentsNonAsync(page, datatopost, divid);
    HideDiv('searchResults');
    ShowDiv('AddAFrame');
    if (framing) {
    framing = true;
    }
}
function CloseAddAFrame() {
    HideDiv('AddAFrame');
    ShowDiv('searchResults');
}
function RemoveFrame(){
    ReCreateAWord(0)
    if (framing) {
    framing = false;
    }
}
function OpenSendToAFriendDiv() {
    ToggleDiv('sendToAFriendForm');  
    var divValMsg = document.getElementById('sendToAFriendValidationMessage');
    divValMsg.innerHTML = ''
}
function SendWordToAFriend() {
    var FormEdit = document.getElementById('aspnetForm');        
    var divLoadingMsg = document.getElementById('sendToAFriendLoadingMessage');
    var divValMsg = document.getElementById('sendToAFriendValidationMessage');
    var divForm = document.getElementById('sendToAFriendForm');
    var letters;
    var lettersCount;
    var sendToAFriendResult;
    var frameid;

    //Initialise variables
    letters = '';
    lettersCount = 0;
    //1. Show/Hide screens
    ShowDiv('sendToAFriendLoadingMessage');
    HideDiv('sendToAFriendForm');     
    //2. Loop through letters and add the ID's of letters to save
    var tag = document.getElementsByTagName('input');
        for (x=0; x < tag.length; x++) {
                var name = tag[x].name
                var val = tag[x].value; 
                if (name.indexOf('hdn_letter_') != -1) {
                    letters = (letters + val + ',');
                    lettersCount = lettersCount + 1;
                }                
    }
    
    //3. ensure the letters used are formatted correctly.
    if (letters.length > 0)
    { 
    letters = letters.substring(0, letters.length - 1); //remove last commar
    } 
    else { 
    letters = ''; //otherwise set letters to default
    }
    //4A. Validate credentials
    var txtYourName = document.getElementById('txtYourName');
    var txtYourEmail = document.getElementById('txtYourEmail');
    var txtFriendsName = document.getElementById('txtFriendsName');
    var txtFriendsEmail = document.getElementById('txtFriendsEmail'); 
    
    //4B. Frame
    if (document.getElementById('hdn_frame')) {
        frameid = document.getElementById('hdn_frame').value; 
    } else {
        frameid = 0;
    }
    //5. Check for errors
    var sendToFriendResult = SendToFriend(apid, letters, lettersCount, txtYourName.value, txtYourEmail.value, txtFriendsName.value, txtFriendsEmail.value, frameid)
    if (sendToFriendResult == 'SUCCESS') {
        divValMsg.innerHTML = '<span style="color:green;font-weight:bold;">Your message to ' + txtFriendsName.value + ' was successfully sent!</span>'
        // 6. Clear form
        txtYourName.value = ''
        txtYourEmail.value = ''
        txtFriendsName.value = ''
        txtFriendsEmail.value = ''
    } else {
        divValMsg.innerHTML = '<span style="color:red;font-weight:bold;">' + sendToFriendResult + '</span>'
    }
    //7. Show/Hide screens
    ShowDiv('sendToAFriendValidationMessage');
    ShowDiv('sendToAFriendForm');
    HideDiv('sendToAFriendLoadingMessage');
}    
 function SendToFriend(apid, letters, lettersCount, yn, ye, frn, fre, fid) {
    var datatopost = 'fn=SendToAFriend&apid=' + apid + '&l=' + letters + '&yn=' + yn + '&ye=' + ye + '&frn=' + frn + '&fre=' + fre + '&lc=' + lettersCount + '&fid=' + fid;
    var msg = SendDataNonAsync(page, datatopost);
    return msg;
}