//
//NAVIGATION FUNCTIONS
//
function tabHover(id)
{
    var ids = id; 
    //alert(ids);
    $('#btn'+ids+'L').addClass('leftNavBtn2');
    $('#btn'+ids+'C').addClass('midNavBtn2');
    $('#btn'+ids+'R').addClass('rightNavBtn2');
}
function tabNormal(id)
{
    var ids = id;
    $('#btn'+ids+'L').removeClass('leftNavBtn2');
    $('#btn'+ids+'C').removeClass('midNavBtn2');
    $('#btn'+ids+'R').removeClass('rightNavBtn2');
}

//
// COMPLAINT FUNCTIONS
//

//Function handles complaint system
function validateStepOne() {
 var errorsMgs = 0;
 var errormsg = "The following errorsMgs occurred;\n\n";
 var x = document.formStepOne;
  if(x.name.value.length == 0) {
   errormsg += "A valid name needs to entered\n";
   errorsMgs++;
  }
   if(!/^[A-Za-z0-9_\-\.]+[@][A-Za-z0-9\-]+[\.][A-Za-z0-9\.]+$/.test(x.email.value)) {
    errormsg += "You need to enter a valid e-mail address\n";
    errorsMgs++;
   }
    if(!/^[0-9]+$/.test(x.bookingref.value)) {
     errormsg += "A valid booking reference needs to be entered\n";
     errorsMgs++;
    }
     if(!/^[A-Za-z0-9\s]+$/.test(x.postcode.value)) {
      errormsg += "A valid postcode needs to entered\n";
      errorsMgs++;
     }
      if(!x.flights.checked && !x.accommodation.checked && !x.transfers.checked && !x.other.checked) {
       errormsg += "You need to select a complaints category\n";
       errorsMgs++;
      }
       if(errorsMgs > 0) {
        alert(errormsg);
        return false;
       }
        else {
         return true;
        }
}


//Function handles complaint system
function validateStepTwo() {
 var errorsMgs = 0;
 var errormsg = "";
 var x = document.formStepTwo;
  if(x.flights.value == "true") {
    if(!x.flights_delay.checked && !x.flights_amendment.checked && !x.flights_other.checked) {
     errormsg += "You need to select a flights complaint option\n";
     errorsMgs++;
    }
     if(x.flights_info.value.length == 0) {
      errormsg += "You haven't added any comments in the flights section\n";
      errorsMgs++;
     }
  }
 if(x.accommodation.value == "true") {
  if(!x.accommodation_location.checked && !x.accommodation_food.checked && !x.accommodation_staff.checked && !x.accommodation_standard.checked && !x.accommodation_other.checked) {
   errormsg += "You need to select an accommodation complaint option\n";
   errorsMgs++;
  }
   if(x.accommodation_info.value.length == 0) {
    errormsg += "You haven't added any comments in the accommodation section\n";
    errorsMgs++;
   }
 }
 if(x.transfers.value == "true") {
  if(!x.transfers_arrival.checked && !x.transfers_departure.checked && !x.transfers_other.checked) {
   errormsg += "You need to select a transfers complaint option\n";
   errorsMgs++;
  }
  if(x.transfers_info.value.length == 0) {
   errormsg += "You haven't added any comments in the transfers section\n";
   errorsMgs++;
  }
 }
 if(x.authcode.value.length == 0) {
  errormsg += "You need to enter the security code shown\n";
  errorsMgs++;
 }
 if(errorsMgs > 0) {
  alert(errormsg);
  return false;
 }
 else {
  return true;
 }
}



//
//add rooms functions
//


// Add new room option
function addRoom(roomid) {
var adults = new Array(); 
var children = new Array();
var infants = new Array();
ca = new Array();
ia = new Array();


// Replace text

var roomnum = roomid.replace("room","");

// Delete out any elements outside the room num range
for(var room = 1; room <= 3; room = room+1) {
if(document.getElementById(room+"_a") != null) {
var oldChildAdults = document.getElementById(room+"_a");
oldChildAdults.parentNode.removeChild(oldChildAdults);
}
if(document.getElementById(room+"_c") != null) {
var oldChildChildren = document.getElementById(room+"_c");
oldChildChildren.parentNode.removeChild(oldChildChildren);
}
if(document.getElementById(room+"_i") != null) {
var oldChildInfants = document.getElementById(room+"_i");
oldChildInfants.parentNode.removeChild(oldChildInfants);
}
document.getElementById("room"+room).innerHTML = "";
document.getElementById("p_room"+room).style.display="none";
}


for(var room = 1; room <= roomnum; room = room+1) {
var x = document.getElementById("room"+room);
// Create select element for adults
var roomselect_adults = document.createElement("select");
roomselect_adults.id = room+"_a";
x.appendChild(roomselect_adults);
x.innerHTML = "Adults "+x.innerHTML+" Children ";
// Create select element for children
var roomselect_children = document.createElement("select");
roomselect_children.id = room+"_c";
x.appendChild(roomselect_children);
x.innerHTML = x.innerHTML+" Infants ";
// Create select element for infants
var roomselect_infants = document.createElement("select");
roomselect_infants.id = room+"_i";
x.appendChild(roomselect_infants);
// Add options for adults
for(var i=1;i<=10;i=i+1) {
var rsoption1 = document.createElement("option");
var adultselected = false;
rsoption1.text = i;
rsoption1.value = i;
rsoption1.id = room+"_opta_"+i;
if(adults[room] != undefined) {
if(adults[room] == i) {
var adultselected = true;
}
else if(i==2) {
var adultselected = true;
}
}
else if(i==2) {
var adultselected = true;
}
document.getElementById(room+"_a").options.add(rsoption1);
if(adultselected) {
document.getElementById(room+"_opta_"+i).setAttribute("selected","true");
}
}
// Add options for children
for(var i=0;i<=4;i=i+1) {
var rsoption2 = document.createElement("option");
var childselected = false;
rsoption2.text = i;
rsoption2.value = i;
rsoption2.id = room+"_optc_"+i;
if(children[room] != undefined) {
if(children[room] == i) {
childselected = true;
addChildren(room,i);
}
}
document.getElementById(room+"_c").options.add(rsoption2);
if(childselected) {
document.getElementById(room+"_optc_"+i).setAttribute("selected","true");
}
}
// Add options for infants
for(var i=0;i<=3;i=i+1) {
var rsoption3 = document.createElement("option");
var infantselected = false;
rsoption3.text = i;
rsoption3.value = i;
rsoption3.id = room+"_opti_"+i;
if(infants[room] != undefined) {
if(infants[room] == i) {
infantselected = true;
addInfants(room,i);
}
}
document.getElementById(room+"_i").options.add(rsoption3);
if(infantselected) {
document.getElementById(room+"_opti_"+i).setAttribute("selected","true");
}
}
document.getElementById(room+"_c").onchange = function(){ addChildren(this.id.replace("_c",""),this.value); };
document.getElementById(room+"_i").onchange = function(){ addInfants(this.id.replace("_i",""),this.value); };
document.getElementById(room+"_i").name = "ifts"+room;
document.getElementById(room+"_a").name = "adts"+room;
document.getElementById(room+"_c").name = "chrn"+room;
// if(room > 1) document.getElementById("srchform").style.height="auto";
document.getElementById("p_room"+room).style.display="block";
}


}//End of addRoom function




// Add children
function addChildren(room,childnum) {
if(document.getElementById("room"+room+"_children") != null) {
var oldChildrenSpan = document.getElementById("room"+room+"_children");
oldChildrenSpan.parentNode.removeChild(oldChildrenSpan);
}
if(childnum > 0) {
// document.getElementById("srchform").style.height="auto";
var childrenspan = document.createElement("span");
childrenspan.name = "room"+room+"_children";
childrenspan.id = "room"+room+"_children";
childrenspan.innerHTML = "<br style='display: block; margin: 0px; margin-top: 3px;' /><label>&nbsp;</label>Child ages? ";
if(document.getElementById("room"+room+"_infants") != null) {
var infants = document.getElementById("room"+room+"_infants");
document.getElementById("room"+room).insertBefore(childrenspan,infants);
}
else {
document.getElementById("room"+room).appendChild(childrenspan);
}
var childagedropdown = new Array();
for(var i=1;i<=childnum;i=i+1) {
// Create child age dropdown
childagedropdown[i] = document.createElement("select");
childagedropdown[i].name = "ca"+room+"[]";
childagedropdown[i].id = "room"+room+i+"_childages";
document.getElementById("room"+room+"_children").appendChild(childagedropdown[i]);
// Add child age options to dropdown
for(var ii=2;ii<=16;ii=ii+1) {
var caoption = document.createElement("option");
var setchildage = false;
caoption.text = ii;
caoption.value = ii;
caoption.id = "cage_"+room+i+ii;
if(eval(ca[room+"_"+i]) != undefined) {
if(ca[room+"_"+i] == ii) {
setchildage = true;
} 
}
document.getElementById("room"+room+i+"_childages").options.add(caoption);
if(setchildage) {
document.getElementById("cage_"+room+i+ii).setAttribute("selected","true");
}
else {
if(ii == 8 && !setchildage) {
document.getElementById("cage_"+room+i+ii).setAttribute("selected","true");
}
}
}
}
}
}

// Add infants
function addInfants(room,infantnum) {
if(document.getElementById("room"+room+"_infants") != null) {
var oldInfantsSpan = document.getElementById("room"+room+"_infants");
oldInfantsSpan.parentNode.removeChild(oldInfantsSpan);
}
if(infantnum > 0) {
// document.getElementById("srchform").style.height="auto";
var infantsspan = document.createElement("span");
infantsspan.name = "room"+room+"_infants";
infantsspan.id = "room"+room+"_infants";
infantsspan.innerHTML = "<br style='display: block; margin: 0px; margin-top: 3px;' /><label>&nbsp;</label>Infant ages? ";
document.getElementById("room"+room).appendChild(infantsspan);
var infantagedropdown = new Array();
for(var i=1;i<=infantnum;i=i+1) {
// Create infant age dropdown
infantagedropdown[i] = document.createElement("select");
infantagedropdown[i].name = "ia"+room+"[]";
infantagedropdown[i].id = "room"+room+i+"_infantages";
document.getElementById("room"+room+"_infants").appendChild(infantagedropdown[i]);
// Add infant age options to dropdown
for(var ii=0;ii<=1;ii=ii+1) {
var iaoption = document.createElement("option");
var setinfantage = false;
iaoption.text = ii;
iaoption.value = ii;
iaoption.id = "iage_"+room+i+ii;
if(eval(ia[room+"_"+i]) != undefined) {
if(ia[room+"_"+i] == ii) {
setinfantage = true;
} 
}
document.getElementById("room"+room+i+"_infantages").options.add(iaoption);
if(setinfantage) {
document.getElementById("iage_"+room+i+ii).setAttribute("selected","true");
}
}
}
}
}


function updateChild(){

}


function updateInf(){


}


function addRoom2(){

if(document.getElementById('newRoomSelect').value != null){
var choice = document.getElementById('newRoomSelect').value;
    var opt1 = document.getElementById('options1');
    var opt2 = document.getElementById('options2');
    var opt3 = document.getElementById('options3');

    if(choice == 1){
        opt1.style.display = 'inline';
        opt2.style.display = 'none';
        opt3.style.display = 'none'
        
                   document.getElementById('room2Text').style.display = "none";
				   document.getElementById('room3Text').style.display = "none";
				   
                    var x = document.forms[1].adts1; var y = document.forms[1].chrn1; var z = document.forms[1].ifts1;
                    x.disabled=false; y.disabled=false; z.disabled=false;
                    
                    var x = document.forms[1].adts2; var y = document.forms[1].chrn2; var z = document.forms[1].ifts2;
                    x.disabled=true; y.disabled=true; z.disabled=true;
        
                    var x2 = document.forms[1].adts3; var y2 = document.forms[1].chrn3; var z2 = document.forms[1].ifts3;
                    x2.disabled=true; y2.disabled=true; z2.disabled=true;
					
                  
    }


        if(choice == 2){
            opt2.style.display = 'block';
            opt1.style.display = 'inline';
            opt3.style.display = 'none';
			
			document.getElementById('room2Text').style.display = "inline";
				   document.getElementById('room3Text').style.display = "none";

          var x = document.forms[1].adts1; var y = document.forms[1].chrn1; var z = document.forms[1].ifts1;
                    x.disabled=false; y.disabled=false; z.disabled=false;
                    
                    var x = document.forms[1].adts2; var y = document.forms[1].chrn2; var z = document.forms[1].ifts2;
                    x.disabled=false; y.disabled=false; z.disabled=false;
        
                    var x2 = document.forms[1].adts3; var y2 = document.forms[1].chrn3; var z2 = document.forms[1].ifts3;
                    x2.disabled=true; y2.disabled=true; z2.disabled=true;
                    
            }
            
        


            if(choice == 3){
                opt3.style.display = 'block';
                opt2.style.display = 'block';
                opt1.style.display = 'inline';
				
				document.getElementById('room2Text').style.display = "inline";
				   document.getElementById('room3Text').style.display = "inline";
                
                 var x = document.forms[1].adts1; var y = document.forms[1].chrn1; var z = document.forms[1].ifts1;
                    x.disabled=false; y.disabled=false; z.disabled=false;
                    
                    var x = document.forms[1].adts2; var y = document.forms[1].chrn2; var z = document.forms[1].ifts2;
                    x.disabled=false; y.disabled=false; z.disabled=false;
        
                    var x2 = document.forms[1].adts3; var y2 = document.forms[1].chrn3; var z2 = document.forms[1].ifts3;
                    x2.disabled=false; y2.disabled=false; z2.disabled=false;
                                    
            }
            
       }     
}

function updateChildAges(id, value){


var stripedString = new String(id); 
stripedString = stripedString.replace(/[^0-9]/g, '');



if(value == 0){
//shows textd

document.getElementById('op'+stripedString+'ca').style.display = 'none';

document.getElementById(id+"AgeSel1").style.display = "none";
document.getElementById(id+"AgeSel1").disabled = true;                               
document.getElementById(id+"AgeSel2").style.display = "none";
document.getElementById(id+"AgeSel2").disabled = true;                       
document.getElementById(id+"AgeSel3").style.display = "none";
document.getElementById(id+"AgeSel3").disabled = true;                           
document.getElementById(id+"AgeSel4").style.display = "none";
document.getElementById(id+"AgeSel4").disabled = true;                                
}

if(value == 1){
//shows textd
document.getElementById('op'+stripedString+'ca').style.display = 'inline';


document.getElementById('childlabel1').style.display = "block";
document.getElementById(id+"AgeSel1").style.display = "inline";
document.getElementById(id+"AgeSel1").disabled = false; 
document.getElementById(id+"AgeSel2").style.display = "none";
document.getElementById(id+"AgeSel2").disabled = true;                            
document.getElementById(id+"AgeSel3").style.display = "none";
document.getElementById(id+"AgeSel3").disabled = true;                               
document.getElementById(id+"AgeSel4").style.display = "none";
document.getElementById(id+"AgeSel4").disabled = true; 
}

if(value == 2){
document.getElementById('op'+stripedString+'ca').style.display = 'inline';

document.getElementById('childlabel1').style.display = "block";
document.getElementById(id+"AgeSel1").style.display = "inline";
document.getElementById(id+"AgeSel1").disabled = false; 
document.getElementById(id+"AgeSel2").style.display = "inline";
document.getElementById(id+"AgeSel2").disabled = false;                                
document.getElementById(id+"AgeSel3").style.display = "none";
document.getElementById(id+"AgeSel3").disabled = true;                             
document.getElementById(id+"AgeSel4").style.display = "none";
document.getElementById(id+"AgeSel4").disabled = true;
}

if(value == 3){
document.getElementById('op'+stripedString+'ca').style.display = 'inline';

document.getElementById('childlabel1').style.display = "block";
document.getElementById(id+"AgeSel1").style.display = "inline";
document.getElementById(id+"AgeSel1").disabled = false; 
document.getElementById(id+"AgeSel2").style.display = "inline";
document.getElementById(id+"AgeSel2").disabled = false; 
document.getElementById(id+"AgeSel3").style.display = "inline";
document.getElementById(id+"AgeSel3").disabled = false;                              
document.getElementById(id+"AgeSel4").style.display = "none";
document.getElementById(id+"AgeSel4").disabled = true;                                
}

if(value == 4){
document.getElementById('op'+stripedString+'ca').style.display = 'inline';

document.getElementById('childlabel1').style.display = "block";
document.getElementById(id+"AgeSel1").style.display = "inline";
document.getElementById(id+"AgeSel1").disabled = false; 
document.getElementById(id+"AgeSel2").style.display = "inline";
document.getElementById(id+"AgeSel2").disabled = false; 
document.getElementById(id+"AgeSel3").style.display = "inline";
document.getElementById(id+"AgeSel3").disabled = false; 
document.getElementById(id+"AgeSel4").style.display = "inline";
document.getElementById(id+"AgeSel4").disabled = false; 
}


}





function updateInfantAges(id, value){

var stripedString = new String(id); 
stripedString = stripedString.replace(/[^0-9]/g, '');



if(value == 0){
document.getElementById('op'+stripedString+'ia').style.display = 'none';

document.getElementById('inflabel1').style.display = "none";
document.getElementById(id+"infAgeSel1").style.display = "none";
document.getElementById(id+"infAgeSel1").disabled = true; 
document.getElementById(id+"infAgeSel2").style.display = "none";
document.getElementById(id+"infAgeSel2").disabled = true; 
document.getElementById(id+"infAgeSel3").style.display = "none";
document.getElementById(id+"infAgeSel3").disabled = true; 
}

if(value == 1){
document.getElementById('op'+stripedString+'ia').style.display = 'inline';

document.getElementById('inflabel1').style.display = "block";
document.getElementById(id+"infAgeSel1").style.display = "inline";
document.getElementById(id+"infAgeSel1").disabled = false;
document.getElementById(id+"infAgeSel2").style.display = "none";
document.getElementById(id+"infAgeSel2").disabled = true;             
document.getElementById(id+"infAgeSel3").style.display = "none";
document.getElementById(id+"infAgeSel3").disabled = true; 
}

if(value == 2){
document.getElementById('op'+stripedString+'ia').style.display = 'inline';

document.getElementById('inflabel1').style.display = "block";
document.getElementById(id+"infAgeSel1").style.display = "inline";
document.getElementById(id+"infAgeSel1").disabled = false;
document.getElementById(id+"infAgeSel2").style.display = "inline";
document.getElementById(id+"infAgeSel2").disabled = false;
document.getElementById(id+"infAgeSel3").style.display = "none";
document.getElementById(id+"infAgeSel3").disabled = true; 
}

if(value == 3){
document.getElementById('op'+stripedString+'ia').style.display = 'inline';

document.getElementById('inflabel1').style.display = "block";
document.getElementById(id+"infAgeSel1").style.display = "inline";
document.getElementById(id+"infAgeSel1").disabled = false;
document.getElementById(id+"infAgeSel2").style.display = "inline";
document.getElementById(id+"infAgeSel2").disabled = false;
document.getElementById(id+"infAgeSel3").style.display = "inline";
document.getElementById(id+"infAgeSel3").disabled = false;
}

}