this.tooltip = function(){	
	/* CONFIG */
		xOffset = 10;
		yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	$("img.tooltip").hover(function(e){											  
		this.t = this.alt;
		this.alt = "";									  
		$("body").append("<p id='tooltip'>"+ this.t +"</p>");
		$("#tooltip")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX + xOffset) + "px")
			.fadeIn("fast");
    },
	function(){
		this.alt = this.t;		
		$("#tooltip").remove();
    });	
	$("img.tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX + xOffset) + "px");
	});			
};

//START 
$(document).ready(function(){

	$("#photos").galleryView({
		panel_width: 550,
		panel_height: 413,
		frame_width: 60,
		frame_height: 45,
		overlay_height: 20,
		background_color: "#222222",
		border: "1px solid #222222",
		pause_on_hover: true
	});
	
	$(".myselection").click(function(){
		$.post("post/myselection.post.php", {apartID: $(this).attr("rel")},
		function success(data){
			if(!data.error){
				$("#selection").html(data.nb);
				if(data.val){
					$(".myselection").html("&bull; Delete from selection");
				}else{
					$(".myselection").html("&bull; Add to my selection");
				}
			}else{
				alert("Maximum 15 apartments in your selection");
			}
		},"json"); 
	});

	tooltip();
	
});

/*--- CREATE ACTIVITY POINT ---*/
function createMarkerActivity(point, name, address, type, i) {
	if(type=="pharmacy"){
		icon = iconPharmacy;		
		var marker = new google.maps.Marker(point,icon);
		pharmacy[i] = marker;
	}
	if(type=="grocery"){
		icon = iconGrocery;
		var marker = new google.maps.Marker(point,icon);
		grocery[i] = marker;
	}
	if(type=="bakery"){
		icon = iconBakery;
		var marker = new google.maps.Marker(point,icon);
		bakery[i] = marker;
	}
	if(type=="market"){
		icon = iconMarket;
		var marker = new google.maps.Marker(point,icon);
		market[i] = marker;
	}
	if(type=="monument"){
		icon = iconMonument;
		var marker = new google.maps.Marker(point,icon);
		monument[i] = marker;
	}	
	if(type=="museum"){
		icon = iconMuseum;
		var marker = new google.maps.Marker(point,icon);
		museum[i] = marker;
	}
	google.maps.Event.addListener(marker, "click", function(){
		marker.openInfoWindowHtml("<div class='infobox'><b>" + name + "</b><br/><p>" + address + "</p></div>");
	});
	return marker;
}

/*--- LOAD ACTIVITY ---*/
function loadActivity(activityInput, activityCurrent, activityType){
	if(activityCurrent == null){
		return;
	}		
	var activityLength = activityCurrent.length;
	if(activityInput.checked == true){
		for (var i = 0; i < activityLength; i++) {		
			var point = new google.maps.LatLng(activityCurrent[i][0], activityCurrent[i][1]);
			var marker = createMarkerActivity(point, activityCurrent[i][3], activityCurrent[i][4], activityCurrent[i][2], i);			
			mpvMap.addOverlay(marker);
		}
	}
	if(activityInput.checked == false){
		for (var i = 0; i < activityLength; i++) {	
			mpvMap.removeOverlay(activityType[i]);
		}
	}
}