[jQuery] Please help! Why is this not working on IE6?

[jQuery] Please help! Why is this not working on IE6?

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
pre
{mso-style-priority:99;
mso-style-link:"HTML Preformatted Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Courier New";}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.HTMLPreformattedChar
{mso-style-name:"HTML Preformatted Char";
mso-style-priority:99;
mso-style-link:"HTML Preformatted";
font-family:"Courier New";}
span.start-tag
{mso-style-name:start-tag;}
span.attribute-name
{mso-style-name:attribute-name;}
span.attribute-value
{mso-style-name:attribute-value;}
span.end-tag
{mso-style-name:end-tag;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:612.0pt 792.0pt;
margin:70.85pt 3.0cm 70.85pt 3.0cm;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=ES link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal><span lang=EN-US>Hi:<o:p></o:p></span>
<p class=MsoNormal><span lang=EN-US><o:p> </o:p></span>
<p class=MsoNormal><span lang=EN-US>There is a gallery with several thumbnails,
and when I click on one of them I can get a bigger version on a div, when I
click on that bigger version I get a thickbox version of the picture.<o:p></o:p></span>
<p class=MsoNormal><span lang=EN-US><o:p> </o:p></span>
<p class=MsoNormal><span lang=EN-US>You can see an example in the URL: <a
href="http://www.icorpal.com/index.php?seccion=promociones&codigo=8">http://www.icorpal.com/index.php?seccion=promociones&codigo=8</a>
<o:p></o:p></span>
<p class=MsoNormal><span lang=EN-US><o:p> </o:p></span>
<p class=MsoNormal><span lang=EN-US>This works on Firefox and IE7, but the
substitution of the bigger version and the thickbox is not working on IE6.<o:p></o:p></span>
<p class=MsoNormal><span lang=EN-US><o:p> </o:p></span>
<p class=MsoNormal><span lang=EN-US>The code to achieve this is:<o:p></o:p></span>
<p class=MsoNormal><span lang=EN-US><o:p> </o:p></span>
<p class=MsoNormal><i><span lang=EN-US>To change the href of the thickbox and
to change the bigger image:<o:p></o:p></span></i>
<pre><span lang=EN-US><o:p> </o:p></span></pre><pre><span lang=EN-US>$("a.preview_promocion").each(function(){this.onclick = <o:p></o:p></span></pre><pre><span
lang=EN-US>        (function(){$("a#thickbox_loader").attr("href","images/inmuebles/"+this.id+".jpg"); <o:p></o:p></span></pre><pre>        $("#vista_promocion img").attr("src", "http://www.icorpal.com/helpers/image_cropped.php?width=300&height=200&position=center&quality=75&codigo="+this.id);<o:p></o:p></pre><pre>})}); <o:p></o:p></pre><pre><o:p> </o:p></pre>
<p class=MsoNormal><i><span lang=EN-US>To get the default bigger image when the
page loads (this works on IE6):<o:p></o:p></span></i>
<pre><span lang=EN-US><o:p> </o:p></span></pre><pre>$("#vista_promocion").load_image("http://www.icorpal.com/helpers/image_cropped.php?width=300&height=200&position=center&quality=75&codigo=617");<o:p></o:p></pre>
<p class=MsoNormal><span lang=EN-US><o:p> </o:p></span>
<p class=MsoNormal><span lang=EN-US>That script refers to the next HTML code:<o:p></o:p></span>
<p class=MsoNormal><span lang=EN-US><o:p> </o:p></span>
<pre><span lang=EN-US><</span><span class=start-tag><span lang=EN-US>div</span></span><span
class=attribute-name><span lang=EN-US> id</span></span><span lang=EN-US>=<span
class=attribute-value>'images_promocion_container'</span>>             <o:p></o:p></span></pre><pre><span
lang=EN-US>    <</span><span class=start-tag><span
lang=EN-US>a</span></span><span class=attribute-name><span lang=EN-US> id</span></span><span
lang=EN-US>=<span class=attribute-value>"thickbox_loader" </span><span
class=attribute-name>href</span>=<span class=attribute-value>"images/inmuebles/617.jpg" </span><span
class=attribute-name>class</span>=<span class=attribute-value>"thickbox"</span>><</span><span
class=start-tag><span lang=EN-US>div</span></span><span class=attribute-name><span
lang=EN-US> id</span></span><span lang=EN-US>=<span class=attribute-value>'vista_promocion'</span>></<span
class=end-tag>div</span>></<span class=end-tag>a</span>>            <o:p></o:p></span></pre><pre><span
lang=EN-US>    <</span><span class=start-tag><span
lang=EN-US>div</span></span><span class=attribute-name><span lang=EN-US> id</span></span><span
lang=EN-US>=<span class=attribute-value>"mycarousel"</span>>                                                                              <o:p></o:p></span></pre><pre><span
lang=EN-US>        <</span><span
class=start-tag><span lang=EN-US>ul</span></span><span class=attribute-name><span
lang=EN-US> id</span></span><span lang=EN-US>=<span class=attribute-value>"images_promocion"</span>>                                <o:p></o:p></span></pre><pre><span
lang=EN-US>               <</span><span
class=start-tag><span lang=EN-US>li</span></span><span lang=EN-US>><</span><span
class=start-tag><span lang=EN-US>a</span></span><span class=attribute-name><span
lang=EN-US> href</span></span><span lang=EN-US>=<span class=attribute-value>"javascript:void(0)" </span><span
class=attribute-name>class</span>=<span class=attribute-value>"preview_promocion" </span><span
class=attribute-name>id</span>=<span class=attribute-value>"617"  </span><span
class=attribute-name>title</span>=<span class=attribute-value>"" </span><span
class=attribute-name>alt</span>=<span class=attribute-value>""</span>><</span><span
class=start-tag><span lang=EN-US>img</span></span><span class=attribute-name><span
lang=EN-US> src</span></span><span lang=EN-US>=<span class=attribute-value>"images/inmuebles/tb_617.jpg" </span><span
class=attribute-name>alt</span>=<span class=attribute-value>"" </span><span
class=attribute-name>width</span>=<span class=attribute-value>"96"</span><span
class=attribute-name>/</span>></<span class=end-tag>a</span>></<span
class=end-tag>li</span>>              <o:p></o:p></span></pre><pre><span
lang=EN-US>               <</span><span
class=start-tag><span lang=EN-US>li</span></span><span lang=EN-US>><</span><span
class=start-tag><span lang=EN-US>a</span></span><span class=attribute-name><span
lang=EN-US> href</span></span><span lang=EN-US>=<span class=attribute-value>"javascript:void(0)" </span><span
class=attribute-name>class</span>=<span class=attribute-value>"preview_promocion" </span><span
class=attribute-name>id</span>=<span class=attribute-value>"621"  </span><span
class=attribute-name>title</span>=<span class=attribute-value>"" </span><span
class=attribute-name>alt</span>=<span class=attribute-value>""</span>><</span><span
class=start-tag><span lang=EN-US>img</span></span><span class=attribute-name><span
lang=EN-US> src</span></span><span lang=EN-US>=<span class=attribute-value>"images/inmuebles/tb_621.jpg" </span><span
class=attribute-name>alt</span>=<span class=attribute-value>"" </span><span
class=attribute-name>width</span>=<span class=attribute-value>"96"</span><span
class=attribute-name>/</span>></<span class=end-tag>a</span>></<span
class=end-tag>li</span>>                                         <o:p></o:p></span></pre><pre><span
lang=EN-US>               <</span><span
class=start-tag><span lang=EN-US>li</span></span><span lang=EN-US>><</span><span
class=start-tag><span lang=EN-US>a</span></span><span class=attribute-name><span
lang=EN-US> href</span></span><span lang=EN-US>=<span class=attribute-value>"javascript:void(0)" </span><span
class=attribute-name>class</span>=<span class=attribute-value>"preview_promocion" </span><span
class=attribute-name>id</span>=<span class=attribute-value>"636"  </span><span
class=attribute-name>title</span>=<span class=attribute-value>"" </span><span
class=attribute-name>alt</span>=<span class=attribute-value>""</span>><</span><span
class=start-tag><span lang=EN-US>img</span></span><span class=attribute-name><span
lang=EN-US> src</span></span><span lang=EN-US>=<span class=attribute-value>"images/inmuebles/tb_636.jpg" </span><span
class=attribute-name>alt</span>=<span class=attribute-value>"" </span><span
class=attribute-name>width</span>=<span class=attribute-value>"96"</span><span
class=attribute-name>/</span>></<span class=end-tag>a</span>></<span
class=end-tag>li</span>>              <o:p></o:p></span></pre><pre><span
lang=EN-US>        </<span
class=end-tag>ul</span>>                                         <o:p></o:p></span></pre><pre><span
lang=EN-US>    </<span class=end-tag>div</span>>            <o:p></o:p></span></pre><pre><span
lang=EN-US></<span class=end-tag>div</span>>          <o:p></o:p></span></pre>
<p class=MsoNormal><span lang=EN-US><o:p> </o:p></span>
<p class=MsoNormal><span lang=EN-US>It is like the each(function() and this.id
is not working on IE6.<o:p></o:p></span>
<p class=MsoNormal><span lang=EN-US><o:p> </o:p></span>
<p class=MsoNormal><span lang=EN-US>Thank you in advanced.<o:p></o:p></span>
<p class=MsoNormal><span lang=EN-US><o:p> </o:p></span>
<p class=MsoNormal><span lang=EN-US>I revised the code but now I´m lost.<o:p></o:p></span>
<p class=MsoNormal><span lang=EN-US><o:p> </o:p></span>
<p class=MsoNormal><span lang=EN-US><o:p> </o:p></span>
</div>
</body>
</html>