/* Add Notes to Photo */

var container = document.getElementById('photo_container');
var notes = new PhotoNoteContainer(container);
notes.editable = false;

 
/* create a note */
var noteProps = {
    cat_id: "7",
    cat: "shirt / blouse",
    store: "",
    designer: "Borrelli",
    city: "",
    country: "",
    year: null};
var size = new PhotoNoteRect(10, 10,25,25);
var note = new PhotoNote('',18599, size, noteProps);
notes.AddNote(note);

 
/* create a note */
var noteProps = {
    cat_id: "11",
    cat: "suit",
    store: "",
    designer: "Dries van Noten",
    city: "",
    country: "",
    year: null};
var size = new PhotoNoteRect(10, 10,25,25);
var note = new PhotoNote('',18600, size, noteProps);
notes.AddNote(note);

 
/* create a note */
var noteProps = {
    cat_id: "22",
    cat: "watch / jewelery",
    store: "",
    designer: "A. Lange & Söhne",
    city: "",
    country: "",
    year: null};
var size = new PhotoNoteRect(10, 10,25,25);
var note = new PhotoNote('',18601, size, noteProps);
notes.AddNote(note);


if ($('#photo_with_notes').length) {
	
	
	document.getElementById('photo_with_notes').onmouseover = function(event) {
		if (navigator.appName == 'Microsoft Internet Explorer') var event = window.event;
		var target = event.srcElement || event.target || false;
		var fromElement = event.relatedTarget || event.fromElement || false;

		if (target.id == "photo_with_notes"
						&& fromElement.id != "fn-area-18599" && fromElement.id != "fn-area-inner-18599" && fromElement.id != "fn-area-blackborder-18599" && fromElement.id != "fn-area-whiteborder-18599"
						&& fromElement.id != "fn-area-18600" && fromElement.id != "fn-area-inner-18600" && fromElement.id != "fn-area-blackborder-18600" && fromElement.id != "fn-area-whiteborder-18600"
						&& fromElement.id != "fn-area-18601" && fromElement.id != "fn-area-inner-18601" && fromElement.id != "fn-area-blackborder-18601" && fromElement.id != "fn-area-whiteborder-18601"
						) {
						document.getElementById("fn-area-18599").style.display = "block";
						document.getElementById("fn-area-18600").style.display = "block";
						document.getElementById("fn-area-18601").style.display = "block";
					}
	}

	document.getElementById('photo_with_notes').onmouseout = function(event) {
		if (navigator.appName == 'Microsoft Internet Explorer') var event = window.event;
		var target = event.srcElement || event.target || false;
		var toElement = event.relatedTarget || event.toElement || false;

		if (target.id == "photo_with_notes"
						&& toElement.id != "fn-area-18599" && toElement.id != "fn-area-inner-18599" && toElement.id != "fn-area-blackborder-18599" && toElement.id != "fn-area-whiteborder-18599"
						&& toElement.id != "fn-area-18600" && toElement.id != "fn-area-inner-18600" && toElement.id != "fn-area-blackborder-18600" && toElement.id != "fn-area-whiteborder-18600"
						&& toElement.id != "fn-area-18601" && toElement.id != "fn-area-inner-18601" && toElement.id != "fn-area-blackborder-18601" && toElement.id != "fn-area-whiteborder-18601"
						) {
						document.getElementById("fn-area-18599").style.display = "none";
						document.getElementById("fn-area-18600").style.display = "none";
						document.getElementById("fn-area-18601").style.display = "none";
					}
	}
	 
}
<!-- 0.4681s -->