﻿// JavaScript File

function ValidateContact()
{
    var err = "";
    var bln = true;
    if(document.getElementById("tswname").value == "")
    {
        bln = false;
        err = (err + "contact name");
    }
    if(document.getElementById("tswnumber").value == "")
    {
        bln = false;
        if (err.length > 0)
        { 
        err = (err + ", contact number");
        }
        else
        {
            err = (err + "contact number");
        }
    }
    if(document.getElementById("tswemail").value == "")
    {
        bln = false;
        if (err.length > 0)
        { 
        err = (err + ", email");
        }
        else
        {
            err = (err + "email");
        }
    }
    if(document.getElementById("tswcomments").value == "")
    {
        bln = false;
        if (err.length > 0)
        { 
        err = (err + ", your message");
        }
        else
        {
            err = (err + "your message");
        }
    }
    if (!bln)
    {
        alert("Please enter " + err);
    }   
    return bln;
}

function CalculateBudget()
{
    var w = document.getElementById("cpWidth").value;
    var l = document.getElementById("rmLength").value;
    var b = document.getElementById("budget").value;
    var blnErr = false;
    var retString = "";
                
    if (isNaN(l) || l == "0" || l =="")
    {
        retString = "Room length is not valid";
        blnErr = true
    }
    else if (isNaN(b) || b == "0" || b == "")
    {
        retString = "No budget entered";
        blnErr = true
    }
    else
    {
        var totarea = w * l;
        var sqmtrprice = (Math.floor(b / totarea)).toFixed(2);
        retString = sqmtrprice; 
        blnErr = false               
    } 
    
    if (blnErr)
    {
        document.getElementById("calcresult").innerHTML = retString;
        document.getElementById("calcresult").className = "errorText";
    }
    else
    {
         document.getElementById("calcresult").innerHTML = "Based on these figures you can choose carpet up to a value &pound;" + retString + " per m<sup>2</sup>";
         document.getElementById("calcresult").className = "goodText";
    }
}

function ValidateCallBack()
{
    var err = "";
    var bln = true;
    if(document.getElementById("txtName").value == "")
    {
        bln = false;
        err = (err + "contact name");
    }
    if(document.getElementById("txtNumber").value == "")
    {
        bln = false;
        if (err.length > 0)
        { 
        err = (err + ", contact number");
        }
        else
        {
            err = (err + "contact number");
        }
    }
    if(document.getElementById("txtDatePick").value == "")
    {
        bln = false;
        if (err.length > 0)
        { 
        err = (err + ", date of call back");
        }
        else
        {
            err = (err + "date of call back");
        }
    } 
    else
    {
        if(document.getElementById("txtDatePick").value.length != 10)
        {    
            bln = false;
            if (err.length > 0)
            { 
            err = (err + ", date of call back (in dd-mm-yyyy format)");
            }
            else
            {
                err = (err + "date of call back in (dd-mm-yyyy format)");
            }
        }
        else
        {
            var entered = document.getElementById("txtDatePick").value;
            var daypart = entered.substring(0,2);
            var splitter1 = entered.substring(2,3);
            var monthpart = entered.substring(3,5);
            var splitter2 = entered.substring(5,6);
            var yearpart = entered.substring(6,10);
            if(daypart.length != 2 || monthpart.length != 2 ||yearpart.length != 4 ||
                isNaN(daypart) || isNaN(monthpart) || isNaN(yearpart) || 
                splitter1 != "-" || splitter2 != "-" || monthpart > 12 || daypart > 31)
                {
                    bln = false;
                    if (err.length > 0)
                    { 
                    err = (err + ", date of call back (in dd-mm-yyyy format)");
                    }
                    else
                    {
                        err = (err + "date of call back in (dd-mm-yyyy format)");
                    }
                }
             else
             {
                var enteredDate = new Date();
                enteredDate.setDate(daypart);
                enteredDate.setMonth(monthpart - 1);
                enteredDate.setFullYear(yearpart);
                var today = new Date();
                if (Date.parse(today) > Date.parse(enteredDate))
                {
                    bln = false;
                    if (err.length > 0)
                    { 
                    err = (err + ", date of call back (cannot be prior to today)");
                    }
                    else
                    {
                        err = (err + "date of call back (cannot be prior to today)");
                    }
                }
             }
        }
    }
        
    if (!bln)
    {
        alert("Please enter " + err);
    } 
    else
    {
        var txttime = document.getElementById("ddlTimePick").value
        document.getElementById("txtHidTime").value = txttime
        var txtreason = document.getElementById("ddlEnquiry").value
        document.getElementById("txtHidReason").value = txtreason
    }
    return bln;
}

function HideCarpetHelp()
{
    document.getElementById("CarpetHelp1").className = "showIt";
    document.getElementById("CarpetHelp2").className = "hideIt";
    document.getElementById("CarpetHelp3").className = "hideIt";
    
    document.getElementById("CH11").className = "toggler";
    document.getElementById("CH12").className = "togglerInactive";
    document.getElementById("CH13").className = "togglerInactive";
    document.getElementById("CH21").className = "togglerInactive";
    document.getElementById("CH22").className = "togglerInactive";
    document.getElementById("CH23").className = "togglerInactive";
    document.getElementById("CH31").className = "togglerInactive";
    document.getElementById("CH32").className = "togglerInactive";
    document.getElementById("CH33").className = "togglerInactive";
}

function ToggleIt(whichdiv)
{
    var div1 = document.getElementById("CarpetHelp1");
    var div2 = document.getElementById("CarpetHelp2");
    var div3 = document.getElementById("CarpetHelp3");
    
    var div11 = document.getElementById("CH11");
    var div12 = document.getElementById("CH12");
    var div13 = document.getElementById("CH13");
    var div21 = document.getElementById("CH21");
    var div22 = document.getElementById("CH22");
    var div23 = document.getElementById("CH23");
    var div31 = document.getElementById("CH31");
    var div32 = document.getElementById("CH32");
    var div33 = document.getElementById("CH33");
    
    switch (whichdiv)
    {
        case '1':
            div1.className = "showIt";
            div2.className = "hideIt";
            div3.className = "hideIt";
            
            div11.className = "toggler";
            div12.className = "togglerInactive";
            div13.className = "togglerInactive";
            div21.className = "togglerInactive";
            div22.className = "togglerInactive";
            div23.className = "togglerInactive";
            div31.className = "togglerInactive";
            div32.className = "togglerInactive";
            div33.className = "togglerInactive";            
        break;
        case '2':
            div1.className = "hideIt";
            div2.className = "showIt";
            div3.className = "hideIt";
            
            div11.className = "togglerInactive";
            div12.className = "togglerInactive";
            div13.className = "togglerInactive";
            div21.className = "togglerInactive";
            div22.className = "toggler";
            div23.className = "togglerInactive";
            div31.className = "togglerInactive";
            div32.className = "togglerInactive";
            div33.className = "togglerInactive";  
        break;
        case '3':
            div1.className = "hideIt";
            div2.className = "hideIt";
            div3.className = "showIt";
            
            div11.className = "togglerInactive";
            div12.className = "togglerInactive";
            div13.className = "togglerInactive";
            div21.className = "togglerInactive";
            div22.className = "togglerInactive";
            div23.className = "togglerInactive";
            div31.className = "togglerInactive";
            div32.className = "togglerInactive";
            div33.className = "toggler";  
        break;
    }
}


