$(document).ready(function(){
        
		
		 $('#top-left').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '150px', 'left' : '300px'}, 500);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
		  $('#top-center').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '150px'}, 500);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
		 $('#bottom-center').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '-17px'}, 100);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 100);});
		 $('#left').hover(function(){
		         $(this).children('.front').stop().animate({'left' : '300px'}, 500);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
		
		
		 $('#right').hover(function(){
		         $(this).children('.front').stop().animate({'left' : '-100px'}, 200);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 300);});
		 
		 $('#right_bedrijf').hover(function(){
		         $(this).children('.front').stop().animate({'left' : '-100px'}, 200);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 300);});
		
		 $('#right_webdesign').hover(function(){
		         $(this).children('.front').stop().animate({'left' : '-100px'}, 200);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 300);});
		
		 $('#right_diensten').hover(function(){
		         $(this).children('.front').stop().animate({'left' : '-100px'}, 200);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 300);});
		
		 $('#right_real').hover(function(){
		         $(this).children('.front').stop().animate({'left' : '-100px'}, 200);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 300);});
		
		 $('#right_login').hover(function(){
		         $(this).children('.front').stop().animate({'left' : '-100px'}, 200);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 300);});
		
		 $('#right_contact').hover(function(){
		         $(this).children('.front').stop().animate({'left' : '-100px'}, 200);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 300);});
		
		
		
		
		 $('#top-right').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '150px','left' : '-300px'}, 500);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
		 
		 


		 
		 
});


$(function() {
    var navButtons = '#home, #nieuws, #promo, #wiezijnwij, #webservers, #inbegrepen, #werkwijze, #webdesign, #cms, #menuitem';
    $(navButtons).hover(function() {
        $(this).stop().animate({
			top:-18,
			left:0,
			},100);
			
        }, function () {
        $(this).stop().animate({
			top:0,
			left:0,
		},150);
        });
});


/*

$(function() {
    var navButtons = '#home, #nieuws, #promo, #wiezijnwij, #webservers, #inbegrepen, #werkwijze, #webdesign, #cms, #menuitem';
    $(navButtons).hover(function() {
        $(this).stop().animate({
			top:-19,
			left:5,
			},150, 'easeOutBack');
			
        }, function () {
        $(this).stop().animate({
			top:0,
			left:0,
		},250);
        });
});




*/


    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl());
		map.addControl(new GScaleControl());
        map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(51.170097097234034, 5.079471543431282), 15);
 
        // Create our "tiny" marker icon
        var icon = new GIcon();
        icon.image = "http://www.imaxx.be/images/imaxx_map.png";
        icon.shadow = "http://www.imaxx.be/mm_20_shadow.png";
        icon.iconSize = new GSize(48, 32);
        icon.shadowSize = new GSize(22, 20);
        icon.iconAnchor = new GPoint(6, 20);
        icon.infoWindowAnchor = new GPoint(5, 1);
        var point = new GLatLng(51.16804, 5.08032);
        map.addOverlay(new GMarker(point, icon));
      }
    }