﻿// JScript File

function display_CU(action)
{
    var our_location = document.getElementById('Panel2');
    var enquiry = document.getElementById('Panel3');
    var txt_status = document.getElementById('txt_status');
    if (action == "our_location")
    {
        enquiry.style.display = 'none';
        our_location.style.display = 'inline'; 
        txt_status.style.display = 'none'
    }
    else
    {
        our_location.style.display = 'none';
        enquiry.style.display = 'inline';
        txt_status.style.display = 'inline'
    }       
}

function checkfield()
{
    //status text
    var txt_status = document.getElementById('txt_status');
    //send button
    var btn_send = document.getElementById('btn_send');

    //company details textfields
    var txt_companyname = document.getElementById('txt_companyname');
    var txt_companyweb = document.getElementById('txt_companyweb');
    var txt_city = document.getElementById('txt_city');
    var txt_state = document.getElementById('txt_state');
    
    //contact details textfields
    var txt_name = document.getElementById('txt_name');
    var txt_phonenum = document.getElementById('txt_phonenum');
    var txt_hpnum = document.getElementById('txt_hpnum');
    
    //enquiry details
    var txt_msg = document.getElementById('txt_msg');
    
    //warning asterisk
    var lbl_companyname = document.getElementById('lbl_companyname');
    var lbl_companyweb = document.getElementById('lbl_companyweb');
    var lbl_city = document.getElementById('lbl_city');
    var lbl_state = document.getElementById('lbl_state');
    var lbl_name = document.getElementById('lbl_name');
    var lbl_phonenum = document.getElementById('lbl_phonenum');
    var lbl_hpnum = document.getElementById('lbl_hpnum');
    var lbl_msg = document.getElementById('lbl_msg');
    var lbl_email = document.getElementById('lbl_email');
    
    txt_status.innerText = "";
    lbl_companyname.style.display = 'none';
    lbl_companyweb.style.display = 'none';
    lbl_city.style.display = 'none';
    lbl_state.style.display = 'none';
    lbl_name.style.display = 'none';
    lbl_phonenum.style.display = 'none';
    lbl_hpnum.style.display = 'none';
    lbl_msg.style.display = 'none';
    lbl_email.style.display = 'none';
    
    checkemail();
    
    if (txt_companyname.value.length < 1)
    {
        txt_status.innerText = "(*) indicates a required field.";
        lbl_companyname.style.display = 'inline';
    }
   
    if (txt_companyweb.value.length < 1)
    {
        txt_status.innerText = "(*) indicates a required field.";
        lbl_companyweb.style.display = 'inline';
    }
    
    if (txt_city.value.length < 1)
    {
        txt_status.innerText = "(*) indicates a required field.";
        lbl_city.style.display = 'inline';
    }
    
    if (txt_state.value.length < 1)
    {
        txt_status.innerText = "(*) indicates a required field.";
        lbl_state.style.display = 'inline';
    }
    
    if (txt_name.value.length < 1)
    {
        txt_status.innerText = "(*) indicates a required field.";
        lbl_name.style.display = 'inline';
    }
    
    if ( (txt_phonenum.value.length < 10) && (txt_phonenum.value != "-") )
    {
        txt_status.innerText = "(*) indicates a required field.";
        lbl_phonenum.style.display = 'inline';
    }
     
    if ( (txt_hpnum.value.length < 10) && (txt_hpnum.value != "-") )
    {
        txt_status.innerText = "(*) indicates a required field.";
        lbl_hpnum.style.display = 'inline';
    }

    if (txt_msg.value.length < 1)
    {
        txt_status.innerText = "(*) indicates a required field.";
        lbl_msg.style.display = 'inline';
    }
    
    if (txt_status.innerText.length > 2)
    {
        btn_send.disabled = true;
    }
    else
    {
        btn_send.disabled = false;
    }
}

function checkemail()
{
 var str = document.getElementById('txt_email');
 var lbl_email = document.getElementById('lbl_email');
 //status text
 var txt_status = document.getElementById('txt_status');
 var filter=/^.+@.+\..{2,3}$/

 if (filter.test(str.value))
 {
    testresults=true
 }
 else 
 {
    txt_status.innerText = "(*) indicates a required field.";
    lbl_email.style.display = 'inline';
    testresults=false
 }
}


function homeOver()
{
document.home.src ="images/mouse-over_05.jpg";
}
function homeOut()
{
document.home.src ="images/image_04.jpg";
}

function ccOver()
{
document.cc.src ="images/mouse-over_06.jpg";
}
function ccOut()
{
document.cc.src ="images/image_05.jpg";
}

function servicesOver()
{
document.services.src ="images/mouse-over_07.jpg";
}
function servicesOut()
{
document.services.src ="images/image_06.jpg";
}

function memberOver()
{
document.member.src ="images/mouse-over_08.jpg";
}
function memberOut()
{
document.member.src ="images/image_07.jpg";
}

function joOver()
{
document.jo.src ="images/mouse-over_09.jpg";
}
function joOut()
{
document.jo.src ="images/image_08.jpg";
}

function cuOver()
{
document.cu.src ="images/mouse-over_10.jpg";
}
function cuOut()
{
document.cu.src ="images/image_09.jpg";
}

function faqOver()
{
document.faq.src ="images/mouse-over_12.jpg";
}
function faqOut()
{
document.faq.src ="images/image_11.jpg";
}

function nationality_selection()
{
    var ddl_nationality = document.getElementById('ddl_nationality');
    var txt_othersNationality = document.getElementById('txt_othersNationality');
    if (ddl_nationality.value == "Others")
    {
        txt_othersNationality.style.display = 'inline';   
    }
    else
    {
        txt_othersNationality.style.display = 'none';
    }
}

function show_page1()
{
    var page1 = document.getElementById('Page1');
    var page2 = document.getElementById('Page2');
    var page3 = document.getElementById('Page3');
    page1.style.display = 'inline';
    page2.style.display = 'none';
    page3.style.display = 'none';
    
}

function show_page2()
{
    var page1 = document.getElementById('Page1');
    var page2 = document.getElementById('Page2');
    var page3 = document.getElementById('Page3');
    page1.style.display = 'none';
    page2.style.display = 'inline';
    page3.style.display = 'none';
    
}

function show_page3()
{
    var page1 = document.getElementById('Page1');
    var page2 = document.getElementById('Page2');
    var page3 = document.getElementById('Page3');
    page1.style.display = 'none';
    page2.style.display = 'none';
    page3.style.display = 'inline';
    
}

function show_app_form()
{
    scroll(0,0);
    ActivateTab('tab-container', 1);
}

