jQuery(document).ready(function() {

	function initialize() {
		coords = $("#mymapcanvas").attr('rel');
		
		if (coords) {
		
			coords = coords.split(',');
			lat = parseFloat(coords[0]);
			long = parseFloat(coords[1]);

			var latlng = new google.maps.LatLng(lat, long);
			var myOptions = {
				zoom: 14,
				center: latlng,
				mapTypeId: google.maps.MapTypeId.ROADMAP
			};

			var map = new google.maps.Map(document.getElementById("mymapcanvas"), myOptions);
			var marker = new google.maps.Marker({
				position: latlng,
				map: map,
				title:""
			});			
			
		}

	}

	initialize();

	// load all picturs

	href = location.href;
	start = href.indexOf('?')+1;
	params = href.substring(start);
	param_a = params.split('&');
	for (i=0; i < param_a.length; i++) {

		keys = param_a[i].split('=');

		if (keys[0] == 'fid') {
			fid = keys[1];
		}

	}		


	$.getJSON('foodpro_det.php', {
			fid: fid,
			loadallpics:'Y'
		},
		function (data, textStatus) {

			if (data) {
				max = data.length;

				for (j=0; j<max; j++) {

					pid = data[j];

					$('#pictures').append('<a href="/pic/s/'+fid+'/p/'+pid+'/f/medium/img.jpg" rel="pics"><img src="/pic/s/'+fid+'/p/'+pid+'/f/small/img.jpg"/></a>');

				}

				$('#pictures').cycle({speed: 2500, timeout: 10000});

			}

			if ($('#pictures a').length) {
				$('#pictures a').colorbox();
				$('#picturebuttons').html('<p class="dimmed">Klik op de foto voor een grotere versie</p>');			
			}

		});

	
	
});