$(window).load(function() {

	function initializeMap(){
		//$('#searchlocations').hide();
		
			$('#map').empty().css({
				width: '650px',
				height: '380px',
				backgroundImage: 'url(/img/mapa/rep.gif)',
				position: 'relative'
			});
			$('#map').fadeIn();
			loadBullets('/scripts/map/map-data.php', false);
		
	}


	
	function loadBullets(id, back){
		
		$('#map').load(id, {}, function(){
			//add back button
			/*
			if(back){
				$(' ')
					.appendTo(this)
					.click(function(){initializeMap()});
			}
			else{
				addZoomable('manteo', 138, 102, 37, 400);
				addZoomable('triangle', 107, 73, 68, 56);
				addZoomable('morehead', 43, 32, 269, 354);
				addZoomable('wilmington', 44, 32, 348, 212);
			}*/
			//place bullets
			$(this).children('a.bullet').each(function(){
				var coords = $(this).attr('rel').split('-');
				$(this).css({left: coords[0] + 'px', top: coords[1] + 'px'})
					   .hide()
					   .fadeIn()
					   .click(function(){showPopup($(this).attr('id'));});
			});
			$(this).children('a.bulletrep').each(function(){
				var coords = $(this).attr('rel').split('-');
				$(this).css({left: coords[0] + 'px', top: coords[1] + 'px'})
					   .hide()
					   .fadeIn()
					   .click(function(){showPopup($(this).attr('id'));});
			});			
		});
	}
	
	function showPopup(id){
		$('#map div.popup').fadeOut(); 
		var boxid = '#' + id + '-box';
		$(boxid).fadeIn();
		$('a.close').click(function(){
			$(this).parent().fadeOut();
		});
	}

	
	//initialize map
	initializeMap();
	

});