function showImg() {
    $(".bannerleft").hover(function() {
        $("#bannerhome").animate({ opacity: '0' }, 300);
        $("#bannerleft").animate({ opacity: '1' }, 300);
        $(".textleft").animate({ opacity: '1' }, 300);
    },
	function() {
	    $("#bannerhome").animate({ opacity: '1' }, 300);
	    $("#bannerleft").animate({ opacity: '0' }, 300);
	    $(".textleft").animate({ opacity: '0' }, 300);
	}
	);

    $(".bannergps").hover(function() {
        $("#bannerhome").animate({ opacity: '0' }, 300);
        $("#bannergps").animate({ opacity: '1' }, 300);
        $(".textgps").animate({ opacity: '1' }, 300);
    },
	function() {
	    $("#bannerhome").animate({ opacity: '1' }, 300);
	    $("#bannergps").animate({ opacity: '0' }, 300);
	    $(".textgps").animate({ opacity: '0' }, 300);
	}
	);

    $(".bannerright").hover(function() {
        $("#bannerhome").animate({ opacity: '0' }, 300);
        $("#bannerright").animate({ opacity: '1' }, 300);
        $(".textright").animate({ opacity: '1' }, 300);
    },
	function() {
	    $("#bannerhome").animate({ opacity: '1' }, 300);
	    $("#bannerright").animate({ opacity: '0' }, 300);
	    $(".textright").animate({ opacity: '0' }, 300);
	}
	);
    $(".bannertop").hover(function() {
        $("#bannerhome").animate({ opacity: '0' }, 300);
        $("#bannertop").animate({ opacity: '1' }, 300);
        $(".texttop").animate({ opacity: '1' }, 300);
    },
	function() {
	    $("#bannerhome").animate({ opacity: '1' }, 300);
	    $("#bannertop").animate({ opacity: '0' }, 300);
	    $(".texttop").animate({ opacity: '0' }, 300);
	}
	);
}

$(document).ready(function() {
    $(".texttop").animate({ opacity: '0' }, 0);
    $(".textleft").animate({ opacity: '0' }, 0);
    $(".textright").animate({ opacity: '0' }, 0);
    $(".textgps").animate({ opacity: '0' }, 0);
    $("#banner img").animate({ opacity: '0' }, 0);
    $("#bannerhome").animate({ opacity: '1' }, 0);
    showImg();
});