tooltip из Iframe
 

Есть код, который работает как всплывающая подсказка при наведение на картинку:

$(function() {
$(".picture").tooltip({ 
    delay: 0, 
    showURL: false, 
    bodyHandler: function() { 
    return $("<img/>").attr("src", this.src); 
    } 
});
});

Возникла необходимость сделать, чтобы эта подсказка появлялась не в iframe а в странице куда загружается Iframe. Пишу в загрузочную страницу код, но не знаю как правильно.

$(function() {
$('#iframe').contents().find('.picture').html();
var loader=document.getElementByTagName('BODY');
loader.innerHTML= $(".picture").tooltip({ 
    delay: 0, 
    showURL: false, 
    bodyHandler: function() { 
    return $("<img/>").attr("src", this.src); 
    } 
});
});

Blizzart,
1. Адрес фрейма и страницы с одного хоста ?

Deff, здравствуйте!
Да забыл написать, что проблем с безопасностью нет, так как с одного хоста.

Собственно вопрос - координаты подсказки - Важны ?
Если да - то опишите - как их выставлять

Вообще по центру экрана хотел выравнивать, хотя это не столь важно.

Blizzart,
Размещаете нужного размера div на основной странице, центрируете - скрываете display:none; -cюда будем закидывать подсказку из фрейма

<div id=tooltipStorag style="display:none"></div>

При возникновении/обработке подсказки
Придаете id данной подсказке (к примеру "IDtooltip"
и далее

$("#IDtooltip").appendTo("#tooltipStorag",parent.document.body)
$("#tooltipStorag",parent.document.body).show()

Я решил проверить пока в iframe
Ничего не придумал лучше наведения курсора для а вот как задать id подсказке, я не понял =(

$(function() {
$(".picture").tooltip({ 
    delay: 0, 
    showURL: false, 
	top: 500,
    bodyHandler: function() { 
    return $("<img />").attr("src", this.src);
	   } 
	});
	$(".picture").mouseover(function() {
	$("#IDtooltip").appendTo("#tooltipStorag");
    $("#tooltipStorag").show();
	});
});

$(".picture").attr("id","IDtooltip")

Хотя он Вам тут и не нужен

$(".picture").mouseover(function() {
  $(this).clone().appendTo("#tooltipStorag");
  $("#tooltipStorag").show();
 });

$(function() {
$(".picture").tooltip({ 
    delay: 0, 
    showURL: false, 
	top: 500,
    bodyHandler: function() { 
    return $("<img />").attr("src", this.src);
	   } 
	});
	$(".picture").mouseover(function() {
	$("#tooltip").appendTo("#tooltipStorag", parent.document.body);
    $("#tooltipStorag", parent.document.body).show();
	});
});

вот так работает как надо только в самом фрейме! div#tooltip оказывается создается автоматически. но на загрузочной странице срабатывает только "show();", а подсказка не помещается, даже так

$('#i_iframe').contents().find('#tooltip').appendTo("#tooltipStorag", parent.document.body);

Blizzart,
Есть тестовая Инет страничка ?