Javascript-форум - Загрузка изображения из фрейма во фрейм

Есть форма с фреймами, слева один фрейм, справа разделенный на 11 рабочих квадратов для сбора картинки из разных частей (другие фреймы). В левом фрейме надо реализовать так, чтобы можно было выбрать определенный (любой на выбор) файл картинки (например 5), и чтобы его можно было загрузить в правую сторону тоже в любой фрейм (примерно картинка 1) http://imglink.ru/show-image.php?id=...9774daa14502d0
Сделал вот как -

<html>
<head>
<title>Главная</title>
<script language="JavaScript">
function changeImage(form) {
selection = form.imagename.options[form.imagename.selectedIndex].value;
document.images['pic'].src = selection;
}
function url()
{
 return document.forms[0].imagename.options[document.forms[0].imagename.selectedIndex].value;
}
</script>
</head>
<frameset rows="1*" cols="10%, 90%" FRAMEBORDER=NO FRAMESPACING=0 BORDER=0>
    <frame name="contents" scrolling="auto" marginwidth="0" marginheight="0" src="left.htm">
    <frameset rows="18, 18*">
	<frameset cols="120,60,*></frameset>
	    <frame name="0" src="0.htm" marginwidth="0" marginheight="0">
        <frame name="1" src="1.htm" marginwidth="0" marginheight="0"> 
		<frame name="1-1" src="1-1.htm" marginwidth="0" marginheight="0">
		<frame name="1-2" src="1-2.htm" marginwidth="0" marginheight="0">	
    </frameset>
	<frameset cols="60,60,60,*" rows="100, 100, 100, *">
    <frame name="3" src="3.htm" marginwidth="0" marginheight="0">
	<frame name="4" src="4.htm" marginwidth="0" marginheight="0">
    <frame name="5" src="5.htm" marginwidth="0" marginheight="0">	
	<frame name="6" src="6.htm" marginwidth="0" marginheight="0">
    <frame name="7" src="7.htm" marginwidth="0" marginheight="0">
	<frame name="8" src="8.htm" marginwidth="0" marginheight="0">
    <frame name="9" src="9.htm" marginwidth="0" marginheight="0">
	<frame name="10" src="10.htm" marginwidth="0" marginheight="0">
    <frame name="11" src="11.htm" marginwidth="0" marginheight="0">
	<frame name="12" src="12.htm" marginwidth="0" marginheight="0">
    <frame name="13" src="13.htm" marginwidth="0" marginheight="0">	
	<frame name="14" marginwidth="0" marginheight="0">
    <frame name="15" marginwidth="0" marginheight="0">
	<frame name="16" marginwidth="0" marginheight="0">
    <frame name="17" marginwidth="0" marginheight="0">	
	 </frameset>  
    <noframes>
    
    
    
    
</frameset>

Это правая часть, куда загружаются все изобржения. Левая сторона вот такая

<HTML>
 <HEAD>
 <TITLE>Задание </TITLE>
<script language="JavaScript">
function changeImage(form) {
selection = form.imagename.options[form.imagename.selectedIndex].value;
document.images['pic'].src = selection;
}
function url()
{
 return document.forms[0].imagename.options[document.forms[0].imagename.selectedIndex].value;
}
</script> 
 </HEAD>
 



Выберите картинку

<form>
<img name="pic" src="image.png" width=60 height=90 alt="">
<select size=11 name="imagename" onChange="changeImage(this.form)">
<option value="img/1.png">1</option>
<option value="img/2.png">2</option>
<option value="img/3.png">3</option>
<option value="img/4.png">4</option>
<option value="img/5.png">5</option>
<option value="img/6.png">6</option>
<option value="img/7.png">7</option>
<option value="img/8.png">8</option>
<option value="img/9.png">9</option>
<option value="img/10.png">10</option>
<option value="img/11.png">11</option>
</select>
</form>

<A HREF="javascript:location=top.4.url();" target="4"> 1 </A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="2">2</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="3">3</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="4">4</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="5">5</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="6">6</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="7">7</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="8">8</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="9">9</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="10">10</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="11">11</A><br>
<br>
<br>
<br>

</HTML>

При попытке выборе слева цифры для загрузки в определенный фрейм, справа, он правильно определяет место, но картинку не загружает, вываливется с

Код:

Вы попытались получить доступ к адресу file://localhost/C:/Users/1/

Desktop/form.imagename.options

[form.imagename.selectedIndex]

.value, который сейчас недоступен.

Кто знает как исправить?