$(document).ready(function () {
    $("form#searchForm #search").focus(function () {
        if ($(this).val() == "SEARCH SITE") {
            $(this).val("");
        }

    });
    $("form#searchForm #search").blur(function () {
        if ($(this).val() == "") {
            $(this).val("SEARCH SITE");
        }
    });
    $('#contactTopRight ul li input,#contactTopRight ul li textarea').focus(function () {
        $(this).addClass("focus");
    }).blur(function () {
        $(this).removeClass("focus");
    });


    $("#contactTopRight .btnSubmit").hover(function () {
        $(this).addClass("hover");
    }, function () {
        $(this).removeClass("hover");
    });
});

function loadContactMap(coOrds, coyName, coyAddress, divID) {

    var imgStoreMarker = "/images/marker.png";
    var imgStoreMarkerShadow = "/images/markerShadow.png";

    var value = coOrds;
    value = $.trim(value);
    var point = value.split(',');

    var myLatlng = new google.maps.LatLng(parseFloat(point[0]), parseFloat(point[1]));
    var myOptions = { zoom: parseFloat(point[2]), center: myLatlng, mapTypeControl: true, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU }, navigationControl: true, navigationControlOptions: { style: google.maps.NavigationControlStyle.SMALL }, mapTypeId: google.maps.MapTypeId.ROADMAP };

    var map = new google.maps.Map(document.getElementById(divID), myOptions);

    var companyLogo = new google.maps.MarkerImage(imgStoreMarker, new google.maps.Size(140, 65), new google.maps.Point(0, 0), new google.maps.Point(45, 60));
    var companyShadow = new google.maps.MarkerImage(imgStoreMarkerShadow, new google.maps.Size(140, 65), new google.maps.Point(0, 0), new google.maps.Point(45, 60));
    var companyMarker = new google.maps.Marker({ position: myLatlng, map: map, icon: companyLogo, shadow: companyShadow, title: "View details of " + coyName });

    var contentString = '<div id="content">' + '<h2 id="firstHeading" class="firstHeading">' + coyName + '</h2>' + '<div id="bodyContent">' + '<p>' + coyAddress + '</p>' + '</div></div>';


    var infowindow = new google.maps.InfoWindow({ content: contentString });
    google.maps.event.addListener(companyMarker, 'mouseover', function () {
        infowindow.open(map, companyMarker);
    });

}