$(document).ready(function(){
	externalLinks();
	
	// Menu
	$('#menu li').mouseover(function(){ $(this).addClass('over');});
	$('#menu li ul').mouseout(function(){ $('#menu li').removeClass('over');});

	$('#menu li a:not(#menu li li a)').mouseout(function(){
		$('#menu li').removeClass('over');
	});
	
	var opacity = 0.65;
	
	$('#btn1 img, #btn2 img').css('opacity', opacity);
	$('#btn_txt1, #btn_txt2').hover(
		function(){
			div = $(this).prev().attr('id');
			$('#'+ div + ' img').stop().animate({
				'opacity': 0.9
			}, 250);
			$(this).stop().animate({
				'width': 205,
				'paddingLeft': 15
			}, 250);
		},
		function(){
			div = $(this).prev().attr('id');
			$('#'+ div + ' img').stop().animate({
				'opacity': opacity
			}, 250);
			$(this).stop().animate({
				'width': 210,
				'paddingLeft': 10
			}, 250);

		}
	);
	
	$('.logo img').hover(
		function(){
			img = $(this).attr('src');
			img = img.replace('_off', '_on');
			$(this).attr('src', img);
		},
		function(){
			img = $(this).attr('src');
			img = img.replace('_on', '_off');
			$(this).attr('src', img);
			
		}
	);
	
});

function addMap(){
	// Create a base icon for all of our markers that specifies the
	// shadow, icon dimensions, etc.
	var icon = new GIcon();
	icon.iconSize = new GSize(20, 34);
	icon.iconAnchor = new GPoint(10, 34);
	icon.infoWindowAnchor = new GPoint(10,0);
	icon.image = "http://maps.gstatic.com/intl/nl_ALL/mapfiles/marker.png";

	var html = '<h1 class="black">Adres:</h1>';
	html += 'Deventerstraat 130<br>';
	html += '7321 Apeldoorn';
	var map = load('Deventerstraat 130, Apeldoorn', icon, html, null, 15);
	
}