$(function() {



    $('#circleMenuMap area#area1').bind('mouseenter', function() { showCircle(1); });
    $('#circleMenuMap area#area2').bind('mouseenter', function() { showCircle(2); });
    $('#circleMenuMap area#area3').bind('mouseenter', function() { showCircle(3); });
    $('#circleMenuMap area#area4').bind('mouseenter', function() { showCircle(4); });

    //$('#Report_Map2').attr("src", "/images/icons/report_home_hover.png"); // = '/images/top.jpg';

        $('#linkarea2').hover(function() {

        $('#Report_Map2').attr("src", "/images/icons/report_home_read_hover.png");
        }, function() {
           
        $('#Report_Map2').attr("src", "/images/icons/report_home.png");
    });

    $('#linkarea1').hover(function() {

        $('#Report_Map2').attr("src", "/images/icons/report_home_dl_hover.png");
    }, function() {

        $('#Report_Map2').attr("src", "/images/icons/report_home.png");
    });

  



    function showCircle(i) {
        $(':animated').stop(true, true).hide();
        $('.circleOverText').css({ display: "none" });

        $('#circleOver' + i).filter(':not(:animated)').css({ width: 0, height: 0, 'top': '130px', 'left': '130px' }).
			    animate(
			    {
			        queue: false,
			        "opacity": "show",
			        width: '257px',
			        height: '257px',
			        'top': '0px',
			        'left': '0px'
			    },
			    {
			        duration: 500,
			        complete: function() {
			            deleteAll(i);
			            $('#circleOver' + i + ' .circleOverText').fadeIn("slow");
			        }
			    }
		    );
    }
    function deleteAll(x) {
        for (i = 1; i < 5; i++) {
            if (i != x)
                if ($('#circleOver' + i).css('display') != 'none')
                hideCircle(i);
        }
    }

    $('#circleOver1').bind('mouseleave', function() { hideCircle(1); });
    $('#circleOver2').bind('mouseleave', function() { hideCircle(2); });
    $('#circleOver3').bind('mouseleave', function() { hideCircle(3); });
    $('#circleOver4').bind('mouseleave', function() { hideCircle(4); });

    function hideCircle(i) {
        $('#circleOver' + i + ' .circleOverText').css({ display: "none" });
        $('#circleOver' + i + ' .circleOverText').css({ display: "none" });
        $('#circleOver' + i).filter(':not(:animated)').
			    animate(
			    { "opacity": "hide", width: '0px', height: '0px', 'top': '130px', 'left': '130px' },
			    { duration: 300, queue: true }
		    );
    }
});