function stopRKey(evt) {

	var evt  = (evt) ? evt : ((event) ? event : null);

	var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);

	if ((evt.keyCode == 13) && (node.type=="text")) { return false; }

}

document.onkeypress = stopRKey;





function sz(t) {

a = t.value.split('\n');

b=1;

for (x=0;x < a.length; x++) {

 if (a[x].length >= t.cols) b+= Math.floor(a[x].length/t.cols);

 }

b+= a.length;

if (b > t.rows) t.rows = b;

}



function phoneUpdate()

  {

           document.getElementById("tripPHONE").value = document.getElementById("tripPHONEsel").value;

  }

  function clearText()

  {

           if (document.getElementById("tripPHONE").value == "Enter Number") {document.getElementById("tripPHONE").value = "";}

  }



  function date_control(control,target)

  {

           if (document.getElementById(control).value == "date")

           {

              document.getElementById(target).disabled = false;

           } else {

              document.getElementById(target).disabled = true;

              date_init(document.getElementById(control).value,target);

           }

  }



  function disable_control(controlName)

  {

           document.getElementById(controlName).disabled = true;

  }

  function enable_control(controlName)

  {

           document.getElementById(controlName).disabled = false;

  }







  function date_init(setting,target)

  {

   var tripdate = document.getElementById("tripDATE").value;

   tripdate = tripdate.replace(/\.|-|\s/,"\/");

   if (tripdate.substring(2,3)!='/'){tripdate = '0' + tripdate;}

   if (tripdate.substring(5,6)!='/'){tripdate = tripdate.substring(0,3) + '0' + tripdate.substring(3);}

   document.getElementById("tripDATE").value = tripdate;

   var myDate = new Date(tripdate.substring(3,5)+'/'+tripdate.substring(0,2)+'/'+tripdate.substring(6,11));

   if (setting == ''){

      document.getElementById("tripDATETXT").value = tripdate;

   }

   var x = 0;



   if (isNaN(myDate) && target == 'intstEndSpec')

   {

      alert("Please check Trip Date - It doesn't appear to be valid!");

      document.getElementById(target).value = '';

      return;

   }



   switch (setting) {



   case 'date':

          if (document.getElementById("intstEndSpec").value == '' && document.getElementById("intstEnd").value == 'date')

          {

             document.getElementById("intstEndSpec").value = myDate;

          }

          if (document.getElementById("bookEndSpec").value == '' && document.getElementById("bookEnd").value == 'date')

          {

             document.getElementById("bookEndSpec").value = myDate;

          }

         break;

   default:

        x=setting;

        break;

   }

   myDate.setDate(myDate.getDate() - x);

   document.getElementById(target).value = myDate;

  }

  function bookType()

  {

           switch (document.getElementById("tripREG").value)

           {

            case 'none':

               disable_control('bookEndSpec');

               disable_control('bookEnd');

               break;

            case 'agent':

               document.getElementById("travelAgent").style.display='';

               enable_control('bookEndSpec');

               enable_control('bookEnd');

               break;

            default:

               document.getElementById("travelAgent").style.display='none';

               enable_control('bookEndSpec');

               enable_control('bookEnd');

           }

  }

  function tripReg()

  {

     if (document.getElementById("tripRec").checked == false)

           {

               disable_control('intstEndSpec');

               disable_control('intstEnd');

           }

           else

           {

               enable_control('intstEndSpec');

               enable_control('intstEnd');

           }

  }

  function nextdate(val)

  {



           var tripdate = document.getElementById("tripDATE").value;

           var myDate = new Date(tripdate.substring(3,5)+'/'+tripdate.substring(0,2)+'/'+tripdate.substring(6,11));

           var today = new Date();



           if (val == 1 && tripdate != '')

           {

              myDate.setDate(1);

              while (myDate.getDay() != 2)

              {

                 myDate.setDate(myDate.getDate() + 1);

              }



              if (myDate.getTime() > today.getTime())

              {

                        alert('the meeting is soon '+myDate);

              }

              else

              {

                        alert('the meeting has passed');

                        myDate.setMonth(myDate.getMonth()+1);

                        myDate.setDate(1);

                        while (myDate.getDay() != 2)

                        {

                              myDate.setDate(myDate.getDate() + 1);

                        }

              }

              alert('Next Date: '+myDate);

              alert('Milisecs: '+Date.parse(myDate));

           }

  }

  function enable_all()

  {

      var tripdate = document.getElementById("tripDATE").value;

      var myDate = new Date(tripdate.substring(3,5)+'/'+tripdate.substring(0,2)+'/'+tripdate.substring(6,11)+" 12:00:00");

      

      if (document.getElementById("bookEndSpec").disabled == true && document.getElementById("tripREG").value != 'none')

      {

         document.getElementById("bookEndSpec").disabled = false;

      }

      if (document.getElementById("intstEndSpec").disabled == true && document.getElementById("tripRec").value != 'none')

      {

         document.getElementById("intstEndSpec").disabled = false;

      }

      document.getElementById("bookEndSpec").value = Date.parse(document.getElementById("bookEndSpec").value);

      document.getElementById("intstEndSpec").value = Date.parse(document.getElementById("intstEndSpec").value);



      document.getElementById("tripDATE").value = Date.parse(myDate.toGMTString());

  }



  function GLUGStd()

  {

           document.getElementById("tripCANCEL").value = "Deposits and balances are non-refundable unless a substitute diver is found or the dive is cancelled.";

  }

  function GLUGOvrSeas()

  {

           document.getElementById("tripCANCEL").value = "The cancellation policy of the travel agent is in force for this trip. You are advised to familiarise yourself with their terms and conditions for detailed information on cancellation and associated penalties before booking.";

  }

  function addFileTableRow()

  {

           var theTable = document.getElementById('postfileTable');

           var newTableRow = document.createElement('tr');

           var newRowCell;

           var index = document.getElementById('filesTableCount').value;

           

           newTableRow.setAttribute("align","left");

           newTableRow.style.margin = "0px auto";

           newTableRow.className = "postfileTableRow";

           newTableRow.setAttribute("id","postfileTableRow-"+index);

           

           newRowCell = document.createElement('td');

           newRowCell.innerHTML = "<input type=\"hidden\" name=\"MAX_FILE_SIZE\" value=\"2000000\">File:";

           newTableRow.appendChild(newRowCell);

           newRowCell = document.createElement('td');

           newRowCell.innerHTML = "<input name=\"userfile[]\" type=\"file\" id=\"userfile[]\" size=\"60\"><a href=\"JavaScript:deleteFileTableRow("+index+");\"><img width=\"15px\" src=\"http://www.glug.co.uk/wp/wp-content/themes/glug2/images/tripicons/FormRemove.gif\"/></a>";

           newTableRow.appendChild(newRowCell);

           

           theTable.getElementsByTagName('tbody')[0].appendChild(newTableRow);

           newTableRow = document.createElement('tr');

           

           newTableRow.setAttribute("align","left");

           newTableRow.style.margin = "0px auto";

           newTableRow.className = "postfileTableRow";

           newTableRow.setAttribute("id","postfileTableRowb-"+index);

           

           newRowCell = document.createElement('td');

           newRowCell.innerHTML = "Description:";

           newTableRow.appendChild(newRowCell);

           newRowCell = document.createElement('td');

           newRowCell.innerHTML = "<input name=\"filedescription"+index+"\" type=\"text\" id=\"filedescription"+index+"\" size=\"60\">";

           newTableRow.appendChild(newRowCell);



           theTable.getElementsByTagName('tbody')[0].appendChild(newTableRow);

           newTableRow = document.createElement('tr');



           newTableRow.setAttribute("align","left");

           newTableRow.style.margin = "0px auto";

           newTableRow.className = "postfileTableRow";

           newTableRow.setAttribute("id","postfileTableRowc-"+index);

           

           newRowCell = document.createElement('td');

           newRowCell.innerHTML = "Available before booking?:";

           newTableRow.appendChild(newRowCell);

           newRowCell = document.createElement('td');

           newRowCell.innerHTML = "<input name=\"available"+index+"\" class=\"checkbox\" type=\"checkbox\" id=\"available"+index+"\" valie=\"1\">";

           newTableRow.appendChild(newRowCell);

           

           theTable.getElementsByTagName('tbody')[0].appendChild(newTableRow);

           document.getElementById('filesTableCount').value++;

           

           row_num = document.getElementById("addrow").rowIndex;



           theTable.moveRow(row_num, row_num+3);

  }

  function deleteFileTableRow(id)

  {

           var rowToDelete = document.getElementById("postfileTableRow-"+id);

           rowToDelete.parentNode.removeChild(rowToDelete);

           rowToDelete = document.getElementById("postfileTableRowb-"+id);

           rowToDelete.parentNode.removeChild(rowToDelete);

           rowToDelete = document.getElementById("postfileTableRowc-"+id);

           rowToDelete.parentNode.removeChild(rowToDelete);

  }

  function addTableRow(type,table,id,content)

  {

           var theTable = document.getElementById(table);



           switch (type)

           {

            case "option":

                 var newTableRow = document.createElement('tr');



                 var newRowCell;

                 var nextId = document.getElementById("optionsTableRowCount").value;



                 newTableRow.setAttribute("align","left");

                 newTableRow.style.margin = "0px auto";

                 newTableRow.className = "optionsTableRow-"+nextId;

                 newTableRow.setAttribute("id","optionsTableRow-"+nextId);

                 

                 newRowCell = document.createElement('td');

                 newRowCell.innerHTML = "Question/Option:";

                 newTableRow.appendChild(newRowCell);



                 newRowCell = document.createElement('td');

                 newRowCell.innerHTML = "<input id=\"optionsTableRowText-"+nextId+"\" name=\"optionsTableRowText-"+nextId+"\" size=\"85\" type=\"text\" onChange=\"previewOptionUpdate("+nextId+");\"/>";

                 newTableRow.appendChild(newRowCell);

                 

                 newRowCell = document.createElement('td');

                 newRowCell.innerHTML = "<input id=\"optionsTableRowTypePrev-"+nextId+"\" type=\"hidden\" value=\"2\"/><select id=\"optionsTableRowType-"+nextId+"\" name=\"optionsTableRowType-"+nextId+"\" onChange=\"validateValues("+nextId+");previewOptionUpdate("+nextId+");\"><option value=\"0\">Dropdown List</option><option value=\"1\">Radio Buttons</option><option value=\"2\" selected=\"true\">Check Boxes</option><option value=\"3\">Text Entry</option><option value=\"4\">Memo</option>";

                 newTableRow.appendChild(newRowCell);

                 

                 newRowCell = document.createElement('td');

                 newRowCell.innerHTML = "<input id=\"optionsTableRowValCount-"+nextId+"\" name=\"optionsTableRowValCount-"+nextId+"\" type=\"hidden\" size=\"2\" value=\"0\"/><input id=\"optionsTableRowValMax-"+nextId+"\" name=\"optionsTableRowValMax-"+nextId+"\" type=\"hidden\" size=\"2\" value=\"0\"/>";

                 newTableRow.appendChild(newRowCell);

                 

                 newRowCell = document.createElement('td');

                 newRowCell.innerHTML = "<a href=\"javascript:deleteTableRow("+nextId+");\"><img width=\"25px\" src=\"http://www.glug.co.uk/wp/wp-content/themes/glug2/images/tripicons/FormRemove.gif\"/></a>";

                 newTableRow.appendChild(newRowCell);

                 

                 theTable.getElementsByTagName('tbody')[0].appendChild(newTableRow);



                 addTableRow('table',table,nextId);

                 row_num = document.getElementById("addrowopt").rowIndex;



                 theTable.moveRow(row_num, row_num+4);

                 break;

                 

            case "table":

                 var newTableRow = document.createElement('tr');

                 var newRowCell;

                 

                 newTableRow.setAttribute("align","left");

                 newTableRow.style.margin = "0px auto";

                 newTableRow.className = "optionsTableRow2-"+id;

                 newTableRow.setAttribute("id","optionsTableRow2-"+id);



                 newRowCell = document.createElement('td');

                 newRowCell.setAttribute("colspan","5");

                 newRowCell.innerHTML = "<table style=\"position:relative; left:75px;\" id=\"optionsTableRow-"+id+"-ValueTable\" name=\"optionsTableRow-"+id+"-ValueTable\"><tbody><tr id=\"addoptionval"+id+"\"><td colspan=\"5\" style=\"min-width:400px; text-align:center; border-top:3px solid #f2f612;\"><a href=\"javascript:addTableRow('value','optionsTableRow-"+id+"-ValueTable',"+id+");\"><img width=\"20px\" src=\"http://www.glug.co.uk/wp/wp-content/themes/glug2/images/tripicons/FormAdd.gif\"/></a></td></tr></table>";



                 newTableRow.appendChild(newRowCell);

                 theTable.getElementsByTagName('tbody')[0].appendChild(newTableRow);



                 addTableRow('preview',table,id);

                 break;

                 

            case "value":

            

                 if (document.getElementById("optionsTableRowType-"+id).value > 2)

                 {

                    break;

                 }

                 var newTableRow = document.createElement('tr');

                 var nextId = document.getElementById("optionsTableRowValMax-"+id).value;

                 var newRowCell;

                 

                 newTableRow.setAttribute("align","left");

                 newTableRow.style.margin = "0px auto";

                 newTableRow.className = "optionsTableRow-"+id+"-ValueTableRow-"+nextId;

                 newTableRow.setAttribute("id","optionsTableRow-"+id+"-ValueTableRow-"+nextId);

                 newRowCell = document.createElement('td');

                 newRowCell.innerHTML = "Text:";

                 newTableRow.appendChild(newRowCell);

                 newRowCell = document.createElement('td');

                 newRowCell.innerHTML = "<input type=\"text\" id=\"optionsTableRow-"+id+"-ValueTableRowText-"+nextId+"\" name=\"optionsTableRow-"+id+"-ValueTableRowText-"+nextId+"\" onChange=\"previewOptionUpdate("+id+");\"/>";

                 newTableRow.appendChild(newRowCell);

                 newRowCell = document.createElement('td');

                 newRowCell.innerHTML = "Cost:";

                 newTableRow.appendChild(newRowCell);

                 newRowCell = document.createElement('td');

                 newRowCell.innerHTML = "&pound;<input type=\"text\" id=\"optionsTableRow-"+id+"-ValueTableRowCost-"+nextId+"\" name=\"optionsTableRow-"+id+"-ValueTableRowCost-"+nextId+"\" onChange=\"previewOptionUpdate("+id+");\"/>";

                 newTableRow.appendChild(newRowCell);

                 newRowCell = document.createElement('td');

                 newRowCell.innerHTML = "<a href=\"javascript:deleteTableRow("+id+","+nextId+");\"><img width=\"20px\" src=\"http://www.glug.co.uk/wp/wp-content/themes/glug2/images/tripicons/FormRemove.gif\"/></a>";



                 newTableRow.appendChild(newRowCell);

                 theTable.getElementsByTagName('tbody')[0].appendChild(newTableRow);



                 document.getElementById("optionsTableRowValMax-"+id).value++;

                 document.getElementById("optionsTableRowValCount-"+id).value++;



                 row_num = document.getElementById("addoptionval"+id).rowIndex;

                 theTable.moveRow(row_num, row_num+1);

                 

                 previewOptionUpdate(id);

                 break;



            case "preview":

                 if (content)

                 {

                    var Row = theTable.getElementsByTagName('tbody')[0].getElementsByTagName('tr');

                    var i=0;

                    var j=0;

                    

                    while (Row[i].id != "optionsTablePreviewRow-"+id)

                    {

                          if(Row[i].parentNode.parentNode.id == "optionsTable")

                          {

                              j++;

                          }

                          i++;

                    }

                    //alert(j);

                    theTable.deleteRow(j);

                    

                    var newTableRow = theTable.insertRow(j);

                 

                    newTableRow.setAttribute("align","left");

                    newTableRow.style.margin = "0px auto";

                    newTableRow.className = "optionsTablePreviewRow-"+id;

                    newTableRow.setAttribute("id","optionsTablePreviewRow-"+id);

                    newTableRow.style.background = "#DDDAE1";

                    var newRowCell = newTableRow.insertCell(0);

                    newRowCell.setAttribute("colspan","5");

                    newRowCell.style.padding = "5px";

                    newRowCell.innerHTML = content;



                 }

                 else

                 {

                     var newTableRow = document.createElement('tr');

                 

                     newTableRow.setAttribute("align","left");

                     newTableRow.style.margin = "0px auto";

                     newTableRow.className = "optionsTablePreviewRow-"+id;

                     newTableRow.setAttribute("id","optionsTablePreviewRow-"+id);

                     newTableRow.style.background = "#DDDAE1";

                     var newRowCell = document.createElement('td');

                     newRowCell.setAttribute("colspan","5");

                     newRowCell.style.padding = "5px";

                     newRowCell.innerHTML = "preview...";

                     

                     newTableRow.appendChild(newRowCell);

                     theTable.getElementsByTagName('tbody')[0].appendChild(newTableRow);

                     

                     addTableRow('divider',table,id);

                 }

                 break;

                 

            case "divider":

            

                 var newTableRow = document.createElement('tr');

                 var newRowCell;

                 var nextId = document.getElementById("optionsTableRowCount").value;



                 newTableRow.className = "optionsTableDivider-"+nextId;

                 newTableRow.setAttribute("id","optionsTableDivider-"+nextId);

                 newTableRow.style.height = "20px";

                 newRowCell = document.createElement('td');

                 newRowCell.style.margin = "0px 50px";

                 newRowCell.style.borderBottom = "5px solid #000000";

                 newRowCell.setAttribute("colspan","9");

                 newTableRow.appendChild(newRowCell);



                 theTable.getElementsByTagName('tbody')[0].appendChild(newTableRow);

                 document.getElementById("optionsTableRowCount").value++;

                 break;

           }

  }

  

  function deleteTableRow(id,subId,danger)

  {

     if (danger)

     {

         var message = "If you delete this option, data collected for existing bookings will be deleted. Are you sure you want to delete this Option?";

     }

     else

     {

         var message = "Are you sure you want to delete this Option?";

     }

     var i=0;

   

     if (subId != null)

     {

        var rowToDelete = document.getElementById("optionsTableRow-"+id+"-ValueTableRow-"+subId);

        rowToDelete.parentNode.removeChild(rowToDelete);



        document.getElementById("optionsTableRowValCount-"+id).value--;

        previewOptionUpdate(id);



     }

     else

     {

         if (confirm(message) == 1)

         {

            var rowToDelete = document.getElementById("optionsTableRow-"+id);

            rowToDelete.parentNode.removeChild(rowToDelete);

            rowToDelete = document.getElementById("optionsTableRow2-"+id);

            rowToDelete.parentNode.removeChild(rowToDelete);

            rowToDelete = document.getElementById("optionsTablePreviewRow-"+id);

            rowToDelete.parentNode.removeChild(rowToDelete);

            rowToDelete = document.getElementById("optionsTableDivider-"+id);

            rowToDelete.parentNode.removeChild(rowToDelete);

            previewOptionUpdate(id);

         }

     }

  }

  







     function previewOptionUpdate(id)

    {

       var questionText = document.getElementById("optionsTableRowText-"+id);

       var controlType = document.getElementById("optionsTableRowType-"+id).value;

       var maxValues = document.getElementById("optionsTableRowValMax-"+id).value;





             var newPreview = questionText.value+"&nbsp;";

             switch (controlType)

             {

                  case "0":

                       newPreview = newPreview+"&nbsp;<select id=\"preview\">";

                       for (i=0;i<maxValues;i++)

                          {

                              if (document.getElementById("optionsTableRow-"+id+"-ValueTableRowText-"+i))

                              {

                                 var optValue = document.getElementById("optionsTableRow-"+id+"-ValueTableRowText-"+i).value;

                                 var optCost = document.getElementById("optionsTableRow-"+id+"-ValueTableRowCost-"+i).value;



                                 newPreview = newPreview+"<option  value=\""+i+"\"/>"+optValue+"</option>";

                              }

                          }

                          newPreview = newPreview+"</select>";

                       break;

                  case "1":

                       for (i=0;i<maxValues;i++)

                       {

                              if (document.getElementById("optionsTableRow-"+id+"-ValueTableRowText-"+i))

                              {

                                 var optValue = document.getElementById("optionsTableRow-"+id+"-ValueTableRowText-"+i).value;

                                 var optCost = document.getElementById("optionsTableRow-"+id+"-ValueTableRowCost-"+i).value;



                                 newPreview = newPreview+"&nbsp;"+optValue;

                                 newPreview = newPreview+"&nbsp;<input name=\"previewItem-"+id+"\" type=\"radio\" name=\"grp"+id+"\" value=\"1\"/>";

                              }

                       }

                       break;

                  case "2":

                       var i;

                       var min = 0;



                       for (i=0;i<maxValues;i++)

                       {

                           if (document.getElementById("optionsTableRow-"+id+"-ValueTableRowText-"+i))

                           {

                              var optValue = document.getElementById("optionsTableRow-"+id+"-ValueTableRowText-"+i).value;

                              var optCost = document.getElementById("optionsTableRow-"+id+"-ValueTableRowCost-"+i).value;



                              min++;

                              newPreview = newPreview+"&nbsp;"+optValue;

                              newPreview= newPreview+"&nbsp;<input name=\"previewItem-"+id+"\" type=\"checkbox\" value=\"1\"/>";

                           }

                       }

                      if (min == 0)

                      {

                              newPreview= newPreview+"&nbsp;<input name=\"previewItem-"+id+"\" type=\"checkbox\" value=\"1\"/>";

                      }

                      break;

                  case "3":

                       newPreview= newPreview+"&nbsp;<input name=\"previewItem-"+id+"\" type=\"text\" size=\"50\"/>";

                       break;

                  case "4":

                       newPreview= newPreview+"&nbsp;<textarea name=\"previewItem-"+id+"\" type=\"text\" cols=60 rows=5 value=\"Max 50 characters...\"/>";

                       break;

             }





              addTableRow('preview','optionsTable',id,newPreview);



    }







   function validateValues(id)

   {

            var selectedType = document.getElementById("optionsTableRowType-"+id).value;

            var numberValues = document.getElementById("optionsTableRowValCount-"+id).value;

            var maxValues = document.getElementById("optionsTableRowValMax-"+id).value;



            if ( selectedType > 2 && numberValues > 0 )

            {

                if (confirm("Making this selection will delete existing value entries. Do you wish to continue?") == 1)

                {

                   for (i=0;i<maxValues;i++)

                   {

                      if (document.getElementById("optionsTableRow-"+id+"-ValueTableRowText-"+i))

                      {

                         deleteTableRow(id,i);

                      }

                   }



                }

                else

                {

                   document.getElementById("optionsTableRowType-"+id).value = document.getElementById("optionsTableRowTypePrev-"+id).value;

                   previewOptionUpdate(id);

                }

            }

            if (selectedType == 0 && numberValues == 0 )

            {

               addTableRow('value','optionsTableRow-'+id+'-ValueTable',id);

            }

            if (selectedType == 1 && numberValues < 2 )

            {

               for (i=0;i<(2-numberValues);i++)

               {

                   addTableRow('value','optionsTableRow-'+id+'-ValueTable',id);

               }

            }

            document.getElementById("optionsTableRowTypePrev-"+id).value = document.getElementById("optionsTableRowType-"+id).value;

   }









    function readVals()

    {

        var num =  document.getElementById("numOpts").value;

        var i;



        for (i=0;i<num;i++)

        {

           if (document.getElementById("option-"+i+"-text"))

           {

              alert("Option "+i);

              alert(document.getElementById("option-"+i+"-text").value);

           }

        }







    }





    function goTo(open)

    {

        if (document.getElementById("tripID").value != '' || open == 'pagetab1')

        {

           var tabs = 4;

           //var toClose = document.getElementById(close);

           var toOpen = document.getElementById(open);



           while (tabs > 0)

           {

                 document.getElementById('pagetab'+tabs).style.display='none';
                 document.getElementById('pagetab'+tabs+"button").setAttribute("class", "glugtripcontrol");
                 tabs--;

           }

           toOpen.style.display='';
           document.getElementById(open+"button").setAttribute("class", "glugtripcontrolselected");

           document.getElementById('lastTab').value = open;

        }

        else

        {

            alert("You must complete the 'Manage Trip' form and save your trip before you can access additional the tabs.");

        }

    }











  function previewCont()

    {

        var dest = document.getElementById("testarea");

    var divTag = document.createElement("div");





        divTag.setAttribute("align","left");



        divTag.style.margin = "0px auto";



        divTag.className ="dynamicDiv";



        divTag.innerHTML = "This HTML Div tag created using Javascript DOM dynamically.<button type=\"button\">Test Button</button>";





var selector = document.createElement('select');

selector.id = 'testSel1';

selector.name = 'testSel1';



var option = document.createElement('option');

option.value = '0';

option.appendChild(document.createTextNode('AM'));

selector.appendChild(option);



divTag.appendChild(selector);

dest.appendChild(divTag);

    }



   function createDiv()

    {

        var divTag = document.createElement("div");



        divTag.id = "div1";



        divTag.setAttribute("align","center");



        divTag.style.margin = "0px auto";



        divTag.className ="dynamicDiv";



        divTag.innerHTML = "This HTML Div tag created using Javascript DOM dynamically.";



        document.body.appendChild(divTag);

    }

function addUser()

{

         var user_id = document.getElementById('userToAdd');

         var status = document.getElementById('statusToAdd').value;

         var table = document.getElementById('addingUserTable');

         

         var newTableRow = document.createElement('tr');

         var newRowCell;

         var nextId = document.getElementById("addCounter").value;

         var limit = document.getElementById('addLimit');

         var selected = "selected=true";

         var selected_1="";

         var selected_2="";

         var selected_8="";



         var search=1;

         while (search < nextId)

         {

               if(document.getElementById('addUserID-'+search))

               {

                 if (document.getElementById('addUserID-'+search).value == user_id.value)

                 {

                    alert("You have already added this user!");

                    return;

                 }

               }

               search++;

         }

         

         if (limit.value == 0 && status == 2)

         {

            alert("There are no more spaces available on this trip, "+user_id.options[user_id.selectedIndex].text+" will be added to the list of reserves!");

            document.getElementById('statusToAdd').value = 8;

            status = '8';

         }

         newTableRow.setAttribute("align","left");

         newTableRow.style.margin = "0px auto";

         newTableRow.className = "addUserRow-"+nextId;

         newTableRow.setAttribute("id","addUserRow-"+nextId);



         newRowCell = document.createElement('td');

         newRowCell.innerHTML = "<input id=\"addUserID-"+nextId+"\" name=\"addUserID-"+nextId+"\" size=\"3\" type=\"hidden\" value=\""+user_id.value+"\"/>";

         newTableRow.appendChild(newRowCell);

         

         newRowCell = document.createElement('td');

         newRowCell.innerHTML = user_id.options[user_id.selectedIndex].text+"<input id=\"addUserName-"+nextId+"\" name=\"addUserName-"+nextId+"\" size=\"25\" type=\"hidden\" enabled=\"false\" value=\""+user_id.options[user_id.selectedIndex].text+"\"/>";

         newTableRow.appendChild(newRowCell);



         switch(status)

         {

            case '1':

                 selected_1=selected;

                 break;

            case '2':

                 selected_2=selected;

                 break;

            case '8':

                 selected_8=selected;

                 break;

         }



         newRowCell = document.createElement('td');

         newRowCell.innerHTML = "<input id=\"addUserOrgStatus-"+nextId+"\" name=\"addUserOrgStatus-"+nextId+"\" type=\"hidden\" size=\"2\" value=\"0\"/>";

         newTableRow.appendChild(newRowCell);



         newRowCell = document.createElement('td');

         newRowCell.innerHTML = "<input id=\"addUserOldStatus-"+nextId+"\" name=\"addUserOldStatus-"+nextId+"\" type=\"hidden\" size=\"2\" value=\""+status+"\"/><select id=\"addUserStatus-"+nextId+"\" name=\"addUserStatus-"+nextId+"\" value=\""+status+"\" onChange=\"javascript:addUserUpdate("+nextId+")\"><option value=\"1\" "+selected_1+">Interested</option><option value=\"2\" "+selected_2+">Booked</option><option value=\"8\" "+selected_8+">Reserve</option></select>";

         newTableRow.appendChild(newRowCell);



         newRowCell = document.createElement('td');

         newRowCell.innerHTML = "<a href=\"javascript:deleteUser("+nextId+");\"><img width=\"12px\" src=\"http://www.glug.co.uk/wp/wp-content/themes/glug2/images/tripicons/Remove.gif\"/></a>";

         newTableRow.appendChild(newRowCell);



         table.getElementsByTagName('tbody')[0].appendChild(newTableRow);

         document.getElementById('addCounter').value++;

         

         if (status == 2)

         {

            limit.value--;

         }

}

function deleteUser(row)

{

         var rowToDelete = document.getElementById("addUserRow-"+row);

         var limit = document.getElementById('addLimit');



         if (confirm("Are you sure you want to remove this row?"))

         {

            if (document.getElementById('addUserStatus-'+row).value == 2)

            {

               limit.value++;

            }

            rowToDelete.parentNode.removeChild(rowToDelete);

         }

}

function addUserUpdate(row)

{

         var newStatus = document.getElementById("addUserStatus-"+row);

         var oldStatus = document.getElementById("addUserOldStatus-"+row);

         var limit = document.getElementById('addLimit');

         

         if (oldStatus.value == 2)

         {

            limit.value++;

         }

         if (newStatus.value == 2)

         {

            if (limit.value > 0)

            {

               limit.value--;

            }

            else

            {

                alert("There are no available spaces, this change cannot be made");

                newStatus.value = oldStatus.value;

                return

            }

         }

         oldStatus.value = newStatus.value;

         if (limit.value == 0)

         {

            addCont.value = 8;

            addCont.options[1].disabled = 'disabled';

            addCont.options[2].disabled = '';

         } else {

            addCont.value = 2;

            addCont.options[1].disabled = '';

            addCont.options[2].disabled = 'disabled';

         }

}

function existingUserUpdate(row)

{

         var newStatus = document.getElementById("existingUserStatus-"+row);

         var oldStatus = document.getElementById("existingUserOldStatus-"+row);

         var limit = document.getElementById('addLimit');

         var addCont = document.getElementById('statusToAdd');

         

         if ((oldStatus.value == 2 || oldStatus.value == 6 || oldStatus.value == 5) && newStatus.value != 6 && newStatus.value != 5 && newStatus.value != 2)

         {

            limit.value++;

         }

         if ((newStatus.value == 2 || newStatus.value == 5 || newStatus.value == 6) && oldStatus.value != 5 && oldStatus.value != 6 && oldStatus.value != 2)

         {

            if (limit.value > 0)

            {

               limit.value--;

            }

            else

            {

                alert("There are no available spaces, this change cannot be made");

                newStatus.value = oldStatus.value;

                return

            }

         }

         oldStatus.value = newStatus.value;

         var r=1;

         while (document.getElementById("existingUserStatus-"+r))

         {

               var control = document.getElementById("existingUserStatus-"+r);

               for (i=0; i < control.options.length; i++)

               {

                   switch (control.options[i].value)

                   {

                   case '2':

                        if (limit.value > 0 || control.value == 2 || control.value == 5 || control.value == 6)

                        {

                           control.options[i].disabled = '';

                        } else {

                           control.options[i].disabled = 'disabled';

                        }

                        break;



                   case '8':

                        if (control.value == 8 || ( limit.value == 0 && control.value != 2 && control.value != 5 && control.value != 6 ))

                        {

                           control.options[i].disabled = '';

                        } else {

                           control.options[i].disabled = 'disabled';

                        }

                        break;

                   }



               }

               r++;

         }

         if (limit.value == 0)

         {

            addCont.value = 8;

            addCont.options[1].disabled = 'disabled';

            addCont.options[2].disabled = '';

         } else {

            addCont.value = 2;

            addCont.options[1].disabled = '';

            addCont.options[2].disabled = 'disabled';

         }





                  

                  

}



function filenameedit(line)

{

         document.getElementById("filename"+line).style.display='';

         document.getElementById("filenamehref"+line).style.display='none';

         document.getElementById("filedescription"+line).style.display='';

         document.getElementById("filedescriptionplain"+line).style.display='none';



         if (document.getElementById("filemod"+line).value != 3)

         {

            document.getElementById("filemod"+line).value = 2;

         }

}



function filenamedelete(line)

{

         document.getElementById("filename"+line).style.textDecoration  = 'line-through';

         document.getElementById("filenamehref"+line).style.textDecoration  = 'line-through';

         document.getElementById("filedescription"+line).style.textDecoration  = 'line-through';

         document.getElementById("filedescriptionplain"+line).style.textDecoration  = 'line-through';



         document.getElementById("filemod"+line).value=3;

         document.getElementById("addimg"+line).style.display='';

         document.getElementById("removeimg"+line).style.display='none';

}



function filenamekeep(line)

{

         document.getElementById("filename"+line).style.textDecoration  = 'none';

         document.getElementById("filenamehref"+line).style.textDecoration  = 'none';

         document.getElementById("filedescription"+line).style.textDecoration  = 'none';

         document.getElementById("filedescriptionplain"+line).style.textDecoration  = 'none';



         if (document.getElementById("filenamehref"+line).style.display == 'none')

         {

            document.getElementById("filemod"+line).value=2;

         } else {

            document.getElementById("filemod"+line).value=0;

         }

         

         document.getElementById("addimg"+line).style.display='none';

         document.getElementById("removeimg"+line).style.display='';

}
function bookingTableAll(id_start,id_stop,direction)
{
         var test=id_start;
         if (test < id_stop)
         {
            while(test <= id_stop)
            {
                 if (document.getElementById("bookingTable"+test))
                 {
                    bookingTable(test,direction);
                 }
                 test++;
            }
         }
}


function bookingTable(id,direction,stage,step)

{

         if (!step && direction == 0 && document.getElementById("bookingTable"+id).style.display != "none")

            step=100;

         if (!step && direction == 1)

         {   document.getElementById("bookingTable"+id).style.display="";

            step=0;

         }

            

         if (!stage)

            stage='fade';





         if (direction == 0)

         {

            switch (stage)

            {



            case 'fade':

                 if (step > 10)

                 {

                    document.getElementById("bookingTable"+id).style.filter="alpha(opacity="+step+")";

                    step-=10;

                    setTimeout("bookingTable("+id+","+direction+",'fade',"+step+")",1);

                 }

                 else

                 {

                    step = document.getElementById("bookingTable"+id).clientHeight;

                    document.getElementById("bookingTable"+id).style.display="none";

                    document.getElementById("expanderDiv-"+id).style.height=step;



                    setTimeout("bookingTable("+id+","+direction+",'shrink',"+step+")",1);

                }

                break;

            case 'shrink':

                 if (step > 10)

                 {

                       step-=10;

                       document.getElementById("expanderDiv-"+id).style.height=step;

                       setTimeout("bookingTable("+id+","+direction+",'shrink',"+step+")",1);

                 }

                 else

                 {

                      document.getElementById("expanderDiv-"+id).style.height=0;

                      document.getElementById("bookedExpandIcon-"+id).style.display="";

                 }

                 break;

            }

         }



         else

         {



         switch (stage)

            {



            case 'fade':

                 if (step < 100)

                 {

                    step+=10;

                    document.getElementById("bookingTable"+id).style.filter="alpha(opacity="+step+")";



                    setTimeout("bookingTable("+id+","+direction+",'fade',"+step+")",1);

                }

                else

                    document.getElementById("bookedExpandIcon-"+id).style.display="none";

                break;



            }

           }

}

function postwith (to,p) {
  var myForm = document.createElement("form");
  myForm.method="post" ;
  myForm.action = to ;
  for (var k in p) {
    var myInput = document.createElement("input") ;
    myInput.setAttribute("name", k) ;
    myInput.setAttribute("value", p[k]);
    myForm.appendChild(myInput) ;
  }
  document.body.appendChild(myForm) ;
  myForm.submit() ;
  document.body.removeChild(myForm) ;
}

function timedDivHide(name)
{
         messageDivHide('message_Div','expanderDivmessage',0);
         //document.getElementById(name).style.display='none';
}

function messageDivHide(id,id2,direction,stage,step)
{
         if (!step && direction == 0 && document.getElementById(id).style.display != "none")
            step=100;
          if (!step && direction == 1)
         {
          document.getElementById(id).style.display="";
            step=0;
         }
          if (!stage)
            stage='fade';
         if (direction == 0)
         {
            switch (stage)
             {
            case 'fade':
                 if (step > 10)
                 {

                       document.getElementById(id).style.filter="alpha(opacity="+step+")";

                       document.getElementById(id).style.opacity=(step/100);

                     step-=10;
                    setTimeout("messageDivHide('"+id+"','"+id2+"',"+direction+",'fade',"+step+")",1);
                 }
                 else
                 {
                    step = document.getElementById(id).clientHeight;
                    document.getElementById(id).style.display="none";
                    document.getElementById(id2).style.height=step;
                    setTimeout("messageDivHide('"+id+"','"+id2+"',"+direction+",'shrink',"+step+")",1);
                }
                 break;
              case 'shrink':
                 if (step > 10)

                 {
                       step-=10;
                       document.getElementById(id2).style.height=step;
                       setTimeout("messageDivHide('"+id+"','"+id2+"',"+direction+",'shrink',"+step+")",1);
                 }
                 else
                 {
                      document.getElementById(id2).style.height=0;
                  }
                 break;
            }
          }
          else
         {
          switch (stage)
            {
            case 'fade':
                 if (step < 100)
                 {
                   step+=10;
                     document.getElementById(id).style.filter="alpha(opacity="+step+")";
                     document.getElementById(id).style.opacity=(step/100);
                    setTimeout("messageDivHide('"+id+"','"+id2+"',"+direction+",'fade',"+step+")",1);
                 }
                else
                     document.getElementById("bookedExpandIcon-"+id).style.display="none";
                break;
            }
          }
}



