window.onload = initPage;

function initPage() {

  if(document.getElementById('roll1')) {
    preload_images('images/home/heatrecovery_over.jpg',
                  'images/home/comfortcooling_over.jpg',
                  'images/home/comfortconditioning_over.jpg',
                  'images/home/centralextraction_over.jpg',
                  'images/home/centralvacuum_over.jpg');
  }

  if(document.getElementById('roll1')) {
    document.getElementById('roll1').onmouseover = mouseover_home;
    document.getElementById('roll1').onmouseout = mouseout_home;
    document.getElementById('roll1').onclick = click_home;
  }
  if(document.getElementById('roll2')) {
    document.getElementById('roll2').onmouseover = mouseover_home;
    document.getElementById('roll2').onmouseout = mouseout_home;
    document.getElementById('roll2').onclick = click_home;
  }
  if(document.getElementById('roll3')) {
    document.getElementById('roll3').onmouseover = mouseover_home;
    document.getElementById('roll3').onmouseout = mouseout_home;
    document.getElementById('roll3').onclick = click_home;
  }
  if(document.getElementById('roll4')) {
    document.getElementById('roll4').onmouseover = mouseover_home;
    document.getElementById('roll4').onmouseout = mouseout_home;
    document.getElementById('roll4').onclick = click_home;
  }
  if(document.getElementById('roll5')) {
    document.getElementById('roll5').onmouseover = mouseover_home;
    document.getElementById('roll5').onmouseout = mouseout_home;
    document.getElementById('roll5').onclick = click_home;
  }
  if(document.getElementById('vvx200')) {
    document.getElementById('vvx200').onclick = toggleform;
    document.getElementById('vvx250').onclick = toggleform;
    document.getElementById('vvx400').onclick = toggleform;
    document.getElementById('vx400').onclick = toggleform;
    document.getElementById('vr250ehb').onclick = toggleform;
    document.getElementById('vr300tkb').onclick = toggleform;
    document.getElementById('vr400').onclick = toggleform;
    document.getElementById('vr400e').onclick = toggleform;
    document.getElementById('vx500').onclick = toggleform;
    document.getElementById('vx700').onclick = toggleform;
    document.getElementById('vr700').onclick = toggleform;
    document.getElementById('vr700e').onclick = toggleform;
    document.getElementById('vm2vm400ev').onclick = toggleform;
  }
  if(document.getElementById('heatrecovery')) {
    document.getElementById('heatrecovery').onclick = toggleform;
    document.getElementById('centralextract').onclick = toggleform;
    document.getElementById('comfortconditioning').onclick = toggleform;
    document.getElementById('comfortcooling').onclick = toggleform;
    document.getElementById('vacuum').onclick = toggleform;
  }
  if(document.getElementById('freequotation')) {
    document.getElementById('fq_name').onfocus = clearfield;
    document.getElementById('fq_company').onfocus = clearfield;
    document.getElementById('fq_address').onfocus = clearfield;
    document.getElementById('fq_telephone').onfocus = clearfield;
    document.getElementById('fq_mobile').onfocus = clearfield;
    document.getElementById('fq_email').onfocus = clearfield;
    document.getElementById('fq_property').onfocus = clearfield;
    document.getElementById('fq_size').onfocus = clearfield;
    document.getElementById('fq_construction').onfocus = clearfield;
    document.getElementById('fq_siteaddress').onfocus = clearfield;
    document.getElementById('fq_startdate').onfocus = clearfield;
    document.getElementById('fq_installdate').onfocus = clearfield;
  }
  if(document.getElementById('quickcontact')) {
    document.getElementById('qc_name').onfocus = clearfield;
    document.getElementById('qc_address').onfocus = clearfield;
    document.getElementById('qc_enquiry').onfocus = clearfield;
    document.getElementById('qc_telephone').onfocus = clearfield;
    document.getElementById('qc_email').onfocus = clearfield;
  }
  document.getElementById('header').onclick = gotoHome;
  externalLinks();

  if(document.getElementById('fq_name')) {  
    document.getElementById('fq_name').onfocus = clearfield;
    document.getElementById('fq_company').onfocus = clearfield;
    document.getElementById('fq_address').onfocus = clearfield;
    document.getElementById('fq_telephone').onfocus = clearfield;
    document.getElementById('fq_mobile').onfocus = clearfield;
    document.getElementById('fq_email').onfocus = clearfield;
    document.getElementById('fq_property').onfocus = clearfield;
    document.getElementById('fq_size').onfocus = clearfield;
    document.getElementById('fq_construction').onfocus = clearfield;
    document.getElementById('fq_siteaddress').onfocus = clearfield;
    document.getElementById('fq_startdate').onfocus = clearfield;
    document.getElementById('fq_installdate').onfocus = clearfield;
    document.getElementById('fq_howheard').onfocus = clearfield;
    
    document.getElementById('fq_name').onblur = resetfield;
    document.getElementById('fq_company').onblur = resetfield;
    document.getElementById('fq_address').onblur = resetfield;
    document.getElementById('fq_telephone').onblur = resetfield;
    document.getElementById('fq_mobile').onblur = resetfield;
    document.getElementById('fq_email').onblur = resetfield;
    document.getElementById('fq_property').onblur = resetfield;
    document.getElementById('fq_size').onblur = resetfield;
    document.getElementById('fq_construction').onblur = resetfield;
    document.getElementById('fq_siteaddress').onblur = resetfield;
    document.getElementById('fq_startdate').onblur = resetfield;
    document.getElementById('fq_installdate').onblur = resetfield;
    document.getElementById('fq_howheard').onblur = resetfield; 
  }
  
  if(document.getElementById('qc_name')) {  
    document.getElementById('qc_name').onfocus = clearfield;
    document.getElementById('qc_email').onfocus = clearfield;
    document.getElementById('qc_telephone').onfocus = clearfield;
    document.getElementById('qc_enquiry').onfocus = clearfield; 
    document.getElementById('qc_address').onfocus = clearfield;
    
    document.getElementById('qc_name').onblur = resetfield; 
    document.getElementById('qc_email').onblur = resetfield;  
    document.getElementById('qc_telephone').onblur = resetfield;
    document.getElementById('qc_enquiry').onblur = resetfield;
    document.getElementById('qc_address').onblur = resetfield; 
  }
}

function preload_images() {
  
  var myimages=new Array()
  
  for (i=0;i<preload_images.arguments.length;i++) {
    myimages[i]=new Image()
    myimages[i].src=preload_images.arguments[i]
  }
  
}

function clearfield() {
    
    var formValue = this.value.replace(/^\s+|\s+$/g, '');
    formValue = formValue.toLowerCase();
    
    switch(this.id) {
      case 'fq_name':
        if(formValue == 'Name') {
          document.getElementById('fq_name').value = ""; 
        }
      break;
      case 'fq_company':
        if(formValue == '(Company Name)') {
          document.getElementById('fq_company').value = ""; 
        }
      break;
      case 'fq_address':
        if(formValue == 'Address') {
          document.getElementById('fq_address').value = ""; 
        }
      break;
      case 'fq_telephone':
        if(formValue == 'Contact Number') {
          document.getElementById('fq_telephone').value = ""; 
        }
      break;
      case 'fq_mobile':
        if(formValue == '(Mobile Number)') {
          document.getElementById('fq_mobile').value = ""; 
        }
      break;
      case 'fq_email':
        if(formValue == 'E-mail Address') {
          document.getElementById('fq_email').value = ""; 
        }
      break;
      case 'fq_property':
        if(formValue == '(Property)') {
          document.getElementById('fq_property').value = ""; 
        }
      break;
      case 'fq_size':
        if(formValue == 'Size (m2)') {
          document.getElementById('fq_size').value = ""; 
        }
      break;
      case 'fq_construction':
        if(formValue == '(Construction)') {
          document.getElementById('fq_construction').value = ""; 
        }
      break;
      case 'fq_siteaddress':
        if(formValue == 'Site Address') {
          document.getElementById('fq_siteaddress').value = ""; 
        }
      break;
      case 'fq_startdate':
        if(formValue == 'Start Date') {
          document.getElementById('fq_startdate').value = ""; 
        }
      break;
      case 'fq_installdate':
        if(formValue == 'Install Date') {
          document.getElementById('fq_installdate').value = ""; 
        }
      break;
      case 'fq_howheard':
        if(formValue == 'How you heard about us') {
          document.getElementById('fq_howheard').value = ""; 
        }
      break;
      case 'qc_name':
        if(formValue == 'Name') {
          document.getElementById('qc_name').value = ""; 
        }
      break;
      case 'qc_email':
        if(formValue == 'E-mail Address') {
          document.getElementById('qc_email').value = ""; 
        }
      break;
      case 'qc_telephone':
        if(formValue == 'Contact Number') {
          document.getElementById('qc_telephone').value = ""; 
        }
      break;
      case 'qc_enquiry':
        if(formValue == 'Enquiry') {
          document.getElementById('cq_enquiry').value = ""; 
        }
      break;
      case 'qc_address':
        if(formValue == 'Address') {
          document.getElementById('qc_address').value = ""; 
        }
      break;
    } 
  }
  
  function resetfield() {
    
    var formValue = this.value.replace(/^\s+|\s+$/g, '');
    
    switch(this.id) {
      case 'fq_name':
        if(formValue == '') {
          document.getElementById('fq_name').value = "Name"; 
        }
      break;
      case 'fq_company':
        if(formValue == '') {
          document.getElementById('fq_company').value = "(Company)"; 
        }
      break;
      case 'fq_address':
        if(formValue == '') {
          document.getElementById('fq_address').value = "Address"; 
        }
      break;
      case 'fq_telephone':
        if(formValue == '') {
          document.getElementById('fq_telephone').value = "Contact Number"; 
        }
      break;
      case 'fq_mobile':
        if(formValue == '') {
          document.getElementById('fq_mobile').value = "(Mobile Number)"; 
        }
      break;
      case 'fq_email':
        if(formValue == '') {
          document.getElementById('fq_email').value = "E-mail Address"; 
        }
      break;
      case 'fq_property':
        if(formValue == '') {
          document.getElementById('fq_property').value = "(Property)"; 
        }
      break;
      case 'fq_size':
        if(formValue == '') {
          document.getElementById('fq_size').value = "Size (m2)"; 
        }
      break;
      case 'fq_construction':
        if(formValue == '') {
          document.getElementById('fq_construction').value = "(Construction)"; 
        }
      break;
      case 'fq_siteaddress':
        if(formValue == '') {
          document.getElementById('fq_siteaddress').value = "Site Address"; 
        }
      break;
      case 'fq_startdate':
        if(formValue == '') {
          document.getElementById('fq_startdate').value = "Start Date"; 
        }
      break;
      case 'fq_installdate':
        if(formValue == '') {
          document.getElementById('fq_installdate').value = "Install Date"; 
        }
      break;
      case 'fq_howheard':
        if(formValue == '') {
          document.getElementById('fq_howheard').value = "How you heard about us"; 
        }
      break;
      case 'qc_name':
        if(formValue == '') {
          document.getElementById('qc_name').value = "Name"; 
        }
      break;
      case 'qc_email':
        if(formValue == '') {
          document.getElementById('qc_email').value = "E-mail Address"; 
        }
      break;
      case 'qc_telephone':
        if(formValue == '') {
          document.getElementById('qc_telephone').value = "Contact Number"; 
        }
      break;
      case 'qc_enquiry':
        if(formValue == '') {
          document.getElementById('qc_enquiry').value = "Enquiry"; 
        }
      break;   
      case 'qc_address':
        if(formValue == '') {
          document.getElementById('qc_address').value = "Address"; 
        }
      break;
    } 
  }
  
   
            
function mouseover_home()  {

  var element_id;
  element_id = this.id.substring(4);
  
  if(element_id == 1) {
      document.getElementById('roll'+element_id).style.backgroundImage="url('images/home/heatrecovery_over.jpg')";
      document.getElementById('roll'+element_id).style.backgroundRepeat="no-repeat";
  }
  if(element_id == 2) {
      document.getElementById('roll'+element_id).style.backgroundImage="url('images/home/centralextraction_over.jpg')";
      document.getElementById('roll'+element_id).style.backgroundRepeat="no-repeat";
  }
  if(element_id == 3) {
      document.getElementById('roll'+element_id).style.backgroundImage="url('images/home/comfortconditioning_over.jpg')";
      document.getElementById('roll'+element_id).style.backgroundRepeat="no-repeat";
  }
  if(element_id == 4) {
      document.getElementById('roll'+element_id).style.backgroundImage="url('images/home/comfortcooling_over.jpg')";
      document.getElementById('roll'+element_id).style.backgroundRepeat="no-repeat";
  }
  if(element_id == 5) {
      document.getElementById('roll'+element_id).style.backgroundImage="url('images/home/centralvacuum_over.jpg')";
      document.getElementById('roll'+element_id).style.backgroundRepeat="no-repeat";
  }
}

function mouseout_home()  {

  var element_id;
  element_id = this.id.substring(4);
  
  if(element_id == 1) {
      document.getElementById('roll'+element_id).style.backgroundImage="url('images/home/heatrecovery.jpg')";
      document.getElementById('roll'+element_id).style.backgroundRepeat="no-repeat";
  }
  if(element_id == 2) {
      document.getElementById('roll'+element_id).style.backgroundImage="url('images/home/centralextraction.jpg')";
      document.getElementById('roll'+element_id).style.backgroundRepeat="no-repeat";
  }
  if(element_id == 3) {
      document.getElementById('roll'+element_id).style.backgroundImage="url('images/home/comfortconditioning.jpg')";
      document.getElementById('roll'+element_id).style.backgroundRepeat="no-repeat";
  }
  if(element_id == 4) {
      document.getElementById('roll'+element_id).style.backgroundImage="url('images/home/comfortcooling.jpg')";
      document.getElementById('roll'+element_id).style.backgroundRepeat="no-repeat";
  }
  if(element_id == 5) {
      document.getElementById('roll'+element_id).style.backgroundImage="url('images/home/centralvacuum.jpg')";
      document.getElementById('roll'+element_id).style.backgroundRepeat="no-repeat";
  }
}

function click_home()  {

  var element_id;
  element_id = this.id.substring(4);
  
  if(element_id == 1) {
    location.href = 'heat-recovery-ventilators.htm';
  }
  if(element_id == 2) {
    location.href = 'central-extraction-systems.htm';
  }
  if(element_id == 3) {
    location.href = 'domestic-ventilation-systems.htm';
  }
  if(element_id == 4) {
    location.href = 'kitchen-ventilation.htm';
  }
  if(element_id == 5) {
    location.href = 'central-vacuum-systems-uk.htm';
  }
}

function externalLinks() { 
 if (!document.getElementsByTagName) return; 
 var anchors = document.getElementsByTagName("a"); 
 for (var i=0; i<anchors.length; i++) { 
   var anchor = anchors[i]; 
   if (anchor.getAttribute("href") && 
       anchor.getAttribute("rel") == "external") 
     anchor.target = "_blank"; 
 } 
}

function toggleform() {
  if(document.getElementById(this.id).checked == true) {
    document.getElementById(this.id+'_block').style.display = 'block';
  } else {
    document.getElementById(this.id+'_block').style.display = 'none';
  }
}

function clearfield() {
  if(this.id == 'fq_name') {
    if(this.value == 'Name') {
      this.value = '';
    }
  }
  if(this.id == 'qc_name') {
    if(this.value == 'Name') {
      this.value = '';
    }
  }
  if(this.id == 'fq_company') {
    if(this.value == '(Company Name)') {
      this.value = '';
    }
  }
  if(this.id == 'fq_telephone') {
    if(this.value == 'Contact Number') {
      this.value = '';
    }
  }
  if(this.id == 'fq_mobile') {
    if(this.value == '(Mobile Number)') {
      this.value = '';
    }
  }
  if(this.id == 'qc_telephone') {
    if(this.value == 'Contact Number') {
      this.value = '';
    }
  }
  if(this.id == 'fq_email') {
    if(this.value == 'E-mail Address') {
      this.value = '';
    }
  }
  if(this.id == 'qc_email') {
    if(this.value == 'E-mail Address') {
      this.value = '';
    }
  }
  if(this.id == 'qc_address') {
    if(this.value == 'Postal Address') {
      this.value = '';
    }
  }
  if(this.id == 'fq_address') {
    if(this.value == 'Address') {
      this.value = '';
    }
  }
  if(this.id == 'qc_enquiry') {
    if(this.value == 'Enquiry') {
      this.value = '';
    }
  }
  if(this.id == 'fq_property') {
    if(this.value == '(Property)') {
      this.value = '';
    }
  }
  if(this.id == 'fq_size') {
    if(this.value == 'Size (m2)') {
      this.value = '';
    }
  }
  if(this.id == 'fq_construction') {
    if(this.value == '(Construction)') {
      this.value = '';
    }
  }
  if(this.id == 'fq_siteaddress') {
    if(this.value == 'Site Address') {
      this.value = '';
    }
  }
  if(this.id == 'fq_startdate') {
    if(this.value == 'Start Date') {
      this.value = '';
    }
  }
  if(this.id == 'fq_installdate') {
    if(this.value == 'Install Date') {
      this.value = '';
    }
  }
}

function gotoHome() {
  window.location = 'index.htm';
  return true;
}