﻿jQuery.noConflict();
jQuery(document).ready(function ($) {
    // hover over for the getting here control
    $("#imgGettingHereCar").hover(
        function () {
            $(this).attr("src", $("#imgCarOverURL").val());
            $(this).css("cursor", "pointer");
        },
        function () {
            $(this).attr("src", $("#imgCarURL").val());
            $(this).css("cursor", "default");
        });

    // hover over for the getting here control
    $("#imgGettingHereBus").hover(
        function () {
            $(this).attr("src", $("#imgBusOverURL").val());
            $(this).css("cursor", "pointer");
        },
        function () {
            $(this).attr("src", $("#imgBusURL").val());
            $(this).css("cursor", "default");
        });

    // hover over for the getting here control
    $("#imgGettingHereTrain").hover(
        function () {
            $(this).attr("src", $("#imgTrainOverURL").val());
            $(this).css("cursor", "pointer");
        },
        function () {
            $(this).attr("src", $("#imgTrainURL").val());
            $(this).css("cursor", "default");
        });

    // hover over for the getting here control
    $("#imgGettingHereMap").hover(
        function () {
            $(this).attr("src", $("#imgMapOverURL").val());
            $(this).css("cursor", "pointer");
        },
        function () {
            $(this).attr("src", $("#imgMapURL").val());
            $(this).css("cursor", "default");
        });

    // hover over for the getting here control
    $("#imgGettingHereTaxi").hover(
        function () {
            $(this).attr("src", $("#imgTaxiOverURL").val());
            $(this).css("cursor", "pointer");
        },
        function () {
            $(this).attr("src", $("#imgTaxiURL").val());
            $(this).css("cursor", "default");
        });
});

