document.bubbleStatus = "0";
document.bubbleVisible = "";

function locateBubble (event, id) {
    var scrOfX = 0, scrOfY = 0;
    if( typeof( window.pageYOffset ) == 'number' ) {
      //Netscape compliant
      scrOfY = window.pageYOffset;
      scrOfX = window.pageXOffset;
    } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
      //DOM compliant
      scrOfY = document.body.scrollTop;
      scrOfX = document.body.scrollLeft;
    } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
      //IE6 standards compliant mode
      scrOfY = document.documentElement.scrollTop;
      scrOfX = document.documentElement.scrollLeft;
    }
    if (scrOfX == 0) scrOfX = document.body.scrollLeft;
    if (scrOfY == 0) scrOfY = document.body.scrollTop;
	document.bubbleX = event.clientX + scrOfX;
	document.bubbleY = event.clientY + scrOfY;
	if (document.bubbleStatus == "2") {
		// látható a buborék
		
		showBubble(id);
		
	} else if (document.bubbleStatus == "0") {
		// még nem látható és nincs timer
		
		document.bubbleStatus = "1";
		document.bubbleTimer = setTimeout("showBubble('" + id + "')", document["bubble_delay_" + id]);
		
	}
}

function showBubble(id) {
	var previewDiv = document.getElementById("bubble_" + id);
	if (document["bubble_align_" + id] == "right") {
		previewDiv.style.left = document.bubbleX + (document["bubble_vector_" + id] + 8) - document["bubble_width_" + id];
		previewDiv.style.top = document.bubbleY + 2;
	} else {
		previewDiv.style.left = document.bubbleX - (document["bubble_vector_" + id] + 3);
		previewDiv.style.top = document.bubbleY + 2;
	}
	//alert ('left: ' + previewDiv.style.left + '\ntop: ' + previewDiv.style.top);
	previewDiv.style.visibility = "visible";
	document.bubbleStatus = "2";
	document.bubbleVisible = id;
}

//function hideBubble (id) {
function hideBubble () {
	if (document.bubbleStatus == "1")
		clearTimeout(document.bubbleTimer);
	
	document.bubbleStatus = "0";
	
	if (document.bubbleVisible == "")
		return;
	
	id = document.bubbleVisible;
	
	var previewDiv = document.getElementById("bubble_" + id);
	previewDiv.style.visibility = "hidden";
	
	document.bubbleVisible = "";
}

function setBubbleContents (id, contents) {
	var previewDiv = document.getElementById("bubble_contents_" + id);
	previewDiv.innerHTML = contents;
}

function loadBubbleImage (index) {
	var bigPreview = document.getElementById("bigpreview");
	bigPreview.src = document.mag[index][0];
	
	document.chosenIndex = index;
}