$(document).ready(function(){
	if($.browser.msie && $.browser.version < 9){
		$('#submenu, .submenu').css('overflow', 'visible');
		
		$('.button:has(.submenu)').each(function(){
			var div = $(this).find('.submenu').css({'top':'20px','height':'13px','background':'url(nix.gif)'}).hide();
			
			$(this).hover(function(){
				div.show();
				$('#submenu').hide();
			}, function(){
				div.hide();
				$('#submenu').show();
			});
		});
	}
	else{
		$('.button:has(.submenu)').each(function(){
			var div = $(this).find('.submenu').hide();
			
			$(this).hover(function(){
				div.stop().show().animate({'height':13, 'paddingTop':8}, 500);
				$('#submenu').stop().animate({'height':0}, 500);
			}, function(){
				div.stop().animate({'height':0, 'paddingTop':0}, 500, 'linear', function(){
					div.hide();
				});
				$('#submenu').stop().animate({'height':13}, 500);
			});
		});
	}
	
	
	$('#slider').contentSlider({
		continues:true,
		pause:7,
		pauseAfterClick:false
	});
	
	$("select").msDropDown({'rowHeight':16});
	
	if($('#google_maps').length > 0){
		function createMarker(point) {
			var fMarker = new GMarker(point);
			GEvent.addListener(fMarker, "click", function() {
				fMarker.openInfoWindowHtml("<b>Autoschade Nistelrode</b><br />De oude Ros 20<br />5388 PM Nistelrode<br />");
			});
			return fMarker;
		}
		
		if(GBrowserIsCompatible()){
			$('#google_maps').css('height', '300px');
			
			var input = $('<input />').addClass('text');
			var form = $('<form />')
				.attr({'action':'#routebeschrijving'})
				.bind('submit', function(){
					if (input.val() == "")
						alert("Vul aub een adres in.");
					else
						gdir.load("from: "+ input.val() +" to: De oude Ros 20, 5388 PM Nistelrode", { "locale": "nl_NL" });
					
					location.href = '#routebeschrijving';
					
					return false;
				})
				.append('Uw adres &amp; woonplaats: ')
				.append(input)
				.append($('<input />').addClass('submit').attr({'type':'submit', 'value':'Routebeschrijving ophalen'}))
				.insertBefore('#google_maps');
			
			$('<a />').attr('name', 'routebeschrijving').insertBefore('#google_maps');
			$('<div />').attr('id', 'directions').insertAfter('#google_maps');
			
			
			var map = new GMap2(document.getElementById("google_maps"));
			var fCoordinaten = new GLatLng(51.7136811, 5.5646579);
			
			var marker = createMarker(fCoordinaten);
			
				map.setCenter(fCoordinaten,10);
				map.addOverlay(marker);
			
				map.addControl(new GScaleControl());
				map.addControl(new GLargeMapControl());
				map.addControl(new GMapTypeControl());
				map.enableScrollWheelZoom();
				map.enableContinuousZoom();
				map.enableDoubleClickZoom();
				
			var gdir = new GDirections(map, document.getElementById("directions"));
		}
	}
});