
    function initialize() {
    var myLatlng = new google.maps.LatLng(-45.871827,170.504721);
    var myOptions = {
      zoom: 16,
      center: myLatlng,
      navigationControl: true,
      navigationControlOptions: {style: google.maps.NavigationControlStyle.ZOOM_PAN},
      scaleControl: false,
      mapTypeControl: false,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    
    var marker = new google.maps.Marker({
        position: myLatlng, 
        map: map,
        title:"Otago Sports Depot!"
    });   
    }

function sendersInfo(entered, fieldname)

{

    if(entered.length==0)// this makes sure the user inputs at least 1 value

    {

        document.getElementById(fieldname+'TextArea').style.border = "1px solid #fe3b1b";

        document.getElementById(fieldname+'Validation').style.color = "#fe3b1b";

        document.getElementById(fieldname+'Validation').innerHTML = 'Please fill in this field';



        

    }

    else

    {



        document.getElementById(fieldname+'TextArea').style.border = "1px solid #2da23e";

        document.getElementById(fieldname+'Validation').innerHTML = 'Thanks';

        document.getElementById(fieldname+'Validation').style.color = "#2da23e";

    }

    return true;

}

function sendersEmail(entered, fieldname) // email validation.

{

    if(entered.length==0)

    {

        sendersInfo(entered,fieldname);

    }

    else

        regexy = /^[\w\.]+@[a-zA-Z_]+?\.[a-zA-Z\.]{2,6}$/;// this is an algorithm making the user enter an email address.

        if(!regexy.test(entered))

        {

            document.getElementById("emailTextArea").style.border = "1px solid #fe3b1b";//displays an error message for the user if they dont select an answer.

            document.getElementById("emailValidation").style.color = "#fe3b1b";

            document.getElementById("emailValidation").innerHTML = 'Add a valid email';



            

    

        }

        else

        {

            document.getElementById("emailTextArea").style.border = "1px solid #2da23e";

            document.getElementById("emailValidation").innerHTML = 'Thanks';

            document.getElementById("emailValidation").style.color = "#2da23e";

            return true;

        }

    

}

function sendersSubject(entered, fieldname) // making the user select an object to proceed.

{

    

    if(document.forms[0].contactSelect.value == "default")

    {

        

        document.getElementById("contactSelect").style.border = "1px solid #fe3b1b";//displays an error message for the user if they dont select an answer.

        document.getElementById("subjectValidation").style.color = "#fe3b1b";

        document.getElementById("subjectValidation").innerHTML = 'Select a type';

       

    }

    else

    {

        document.getElementById("contactSelect").style.border = "1px solid #2da23e";

        document.getElementById("subjectValidation").innerHTML = 'Thanks';

        document.getElementById("subjectValidation").style.color = "#2da23e";

        return true;

    }





}


